@eui/ecl 22.0.0-alpha.52 → 22.0.0-alpha.53

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 (189) hide show
  1. package/assets/i18n-ecl/bg.json +6 -2
  2. package/assets/i18n-ecl/cs.json +6 -2
  3. package/assets/i18n-ecl/da.json +6 -2
  4. package/assets/i18n-ecl/de.json +6 -2
  5. package/assets/i18n-ecl/el.json +6 -2
  6. package/assets/i18n-ecl/en.json +6 -2
  7. package/assets/i18n-ecl/es.json +6 -2
  8. package/assets/i18n-ecl/et.json +6 -2
  9. package/assets/i18n-ecl/fi.json +6 -2
  10. package/assets/i18n-ecl/fr.json +6 -2
  11. package/assets/i18n-ecl/ga.json +6 -2
  12. package/assets/i18n-ecl/hr.json +6 -2
  13. package/assets/i18n-ecl/hu.json +6 -2
  14. package/assets/i18n-ecl/it.json +6 -2
  15. package/assets/i18n-ecl/lt.json +6 -2
  16. package/assets/i18n-ecl/lv.json +6 -2
  17. package/assets/i18n-ecl/mt.json +6 -2
  18. package/assets/i18n-ecl/nl.json +6 -2
  19. package/assets/i18n-ecl/pl.json +6 -2
  20. package/assets/i18n-ecl/pt.json +6 -2
  21. package/assets/i18n-ecl/ro.json +6 -2
  22. package/assets/i18n-ecl/sk.json +6 -2
  23. package/assets/i18n-ecl/sl.json +6 -2
  24. package/assets/i18n-ecl/sv.json +6 -2
  25. package/components/ecl-slider/package.json +4 -0
  26. package/docs/changelog.html +14 -0
  27. package/docs/components/EclAccordionSummaryComponent.html +1 -1
  28. package/docs/components/EclAddToCalendarComponent.html +1 -1
  29. package/docs/components/EclAnimatedNumbersComponent.html +1 -1
  30. package/docs/components/EclAnimatedNumbersItemComponent.html +1 -1
  31. package/docs/components/EclAppComponent.html +1 -1
  32. package/docs/components/EclBannerComponent.html +1 -1
  33. package/docs/components/EclBlockquoteComponent.html +1 -1
  34. package/docs/components/EclBreadcrumbComponent.html +1 -1
  35. package/docs/components/EclBreadcrumbSegmentComponent.html +1 -1
  36. package/docs/components/EclButtonComponent.html +1 -1
  37. package/docs/components/EclCardBodyComponent.html +1 -1
  38. package/docs/components/EclCardComponent.html +1 -1
  39. package/docs/components/EclCarouselComponent.html +182 -898
  40. package/docs/components/EclCarouselItemComponent.html +32 -1
  41. package/docs/components/EclCategoryFilterComponent.html +1 -1
  42. package/docs/components/EclCategoryFilterItemComponent.html +1 -1
  43. package/docs/components/EclCategoryFilterListComponent.html +1 -1
  44. package/docs/components/EclCheckboxHelpComponent.html +1 -1
  45. package/docs/components/EclCheckboxLabelComponent.html +1 -1
  46. package/docs/components/EclContentBlockComponent.html +1 -1
  47. package/docs/components/EclContentItemComponent.html +1 -1
  48. package/docs/components/EclDateBlockComponent.html +1 -1
  49. package/docs/components/EclDescriptionListDefinitionComponent.html +1 -1
  50. package/docs/components/EclExpandableComponent.html +1 -1
  51. package/docs/components/EclFactFiguresComponent.html +1 -1
  52. package/docs/components/EclFactFiguresItemComponent.html +1 -1
  53. package/docs/components/EclFactFiguresViewAllComponent.html +1 -1
  54. package/docs/components/EclFeaturedComponent.html +1 -1
  55. package/docs/components/EclFeaturedItemComponent.html +1 -1
  56. package/docs/components/EclFeaturedItemDescriptionComponent.html +1 -1
  57. package/docs/components/EclFileComponent.html +1 -1
  58. package/docs/components/EclFileItemComponent.html +1 -1
  59. package/docs/components/EclFileItemsComponent.html +1 -1
  60. package/docs/components/EclFileListsComponent.html +1 -1
  61. package/docs/components/EclFormGroupComponent.html +1 -1
  62. package/docs/components/EclFormLabelComponent.html +1 -1
  63. package/docs/components/EclGalleryComponent.html +1 -1
  64. package/docs/components/EclGalleryFooterComponent.html +1 -1
  65. package/docs/components/EclGalleryItemComponent.html +1 -1
  66. package/docs/components/EclHighlightBoxComponent.html +1 -1
  67. package/docs/components/EclHighlightedSearchComponent.html +1 -1
  68. package/docs/components/EclIconComponent.html +1 -10
  69. package/docs/components/EclIndicatorComponent.html +1 -1
  70. package/docs/components/EclInpageNavigationComponent.html +1 -1
  71. package/docs/components/EclInpageNavigationItemComponent.html +1 -1
  72. package/docs/components/EclLayoutWrapperComponent.html +1 -1
  73. package/docs/components/EclListIllustrationComponent.html +1 -1
  74. package/docs/components/EclListIllustrationItemComponent.html +1 -1
  75. package/docs/components/EclLoadingIndicatorComponent.html +1 -1
  76. package/docs/components/EclMediaContainerComponent.html +1 -1
  77. package/docs/components/EclMegaMenuComponent.html +1 -1
  78. package/docs/components/EclMegaMenuFeaturedComponent.html +1 -1
  79. package/docs/components/EclMegaMenuInfoComponent.html +1 -1
  80. package/docs/components/EclMegaMenuItemComponent.html +1 -1
  81. package/docs/components/EclMegaMenuSubitemComponent.html +1 -1
  82. package/docs/components/EclMenuComponent.html +1 -1
  83. package/docs/components/EclMenuItemComponent.html +1 -1
  84. package/docs/components/EclMenuMegaComponent.html +1 -1
  85. package/docs/components/EclMenuMegaItemComponent.html +1 -1
  86. package/docs/components/EclModalBodyComponent.html +1 -1
  87. package/docs/components/EclModalComponent.html +1 -1
  88. package/docs/components/EclModalFooterComponent.html +1 -1
  89. package/docs/components/EclModalHeaderComponent.html +1 -1
  90. package/docs/components/EclMultiselectComponent.html +1 -1
  91. package/docs/components/EclMultiselectDropdownComponent.html +1 -1
  92. package/docs/components/EclMultiselectInputComponent.html +1 -1
  93. package/docs/components/EclMultiselectOptgroupComponent.html +1 -1
  94. package/docs/components/EclMultiselectOptionComponent.html +1 -1
  95. package/docs/components/EclNavigationListComponent.html +1 -1
  96. package/docs/components/EclNavigationListItemComponent.html +1 -1
  97. package/docs/components/EclNewsTickerComponent.html +1 -1
  98. package/docs/components/EclNewsTickerItemComponent.html +1 -1
  99. package/docs/components/EclNotificationComponent.html +1 -1
  100. package/docs/components/EclPageHeaderComponent.html +1 -1
  101. package/docs/components/EclPageHeaderDescriptionContainerComponent.html +1 -1
  102. package/docs/components/EclPageHeaderExpandableComponent.html +1 -1
  103. package/docs/components/EclPageHeaderSectionComponent.html +1 -1
  104. package/docs/components/EclPageHeaderSectionInfoComponent.html +1 -1
  105. package/docs/components/EclPageSummaryComponent.html +1 -1
  106. package/docs/components/EclPaginationComponent.html +1 -1
  107. package/docs/components/EclPaginationItemComponent.html +1 -1
  108. package/docs/components/EclPopoverComponent.html +1 -1
  109. package/docs/components/EclQuizCardComponent.html +113 -44
  110. package/docs/components/EclQuizComponent.html +4 -9
  111. package/docs/components/EclRadioLabelComponent.html +1 -1
  112. package/docs/components/EclRangeBubbleComponent.html +1 -1
  113. package/docs/components/EclRangeValueComponent.html +1 -1
  114. package/docs/components/EclRatingFieldComponent.html +1 -1
  115. package/docs/components/EclSearchFormComponent.html +1 -1
  116. package/docs/components/EclSelectContainerComponent.html +1 -1
  117. package/docs/components/EclSiteFooterComponent.html +1 -1
  118. package/docs/components/EclSiteFooterCoownerComponent.html +1 -1
  119. package/docs/components/EclSiteFooterCoreComponent.html +1 -1
  120. package/docs/components/EclSiteFooterFeedbackComponent.html +1 -1
  121. package/docs/components/EclSiteFooterFixedContentEUComponent.html +1 -1
  122. package/docs/components/EclSiteFooterRowCommonComponent.html +1 -1
  123. package/docs/components/EclSiteHeaderActionComponent.html +1 -1
  124. package/docs/components/EclSiteHeaderBannerTopComponent.html +1 -1
  125. package/docs/components/EclSiteHeaderComponent.html +1 -1
  126. package/docs/components/EclSiteHeaderCustomActionComponent.html +1 -1
  127. package/docs/components/EclSiteHeaderEnvironmentComponent.html +1 -1
  128. package/docs/components/EclSiteHeaderLanguageComponent.html +1 -1
  129. package/docs/components/EclSiteHeaderLanguagePopoverComponent.html +1 -1
  130. package/docs/components/EclSiteHeaderLoginComponent.html +1 -1
  131. package/docs/components/EclSiteHeaderNotificationComponent.html +1 -1
  132. package/docs/components/EclSiteHeaderSearchComponent.html +1 -1
  133. package/docs/components/EclSliderPagerComponent.html +1159 -0
  134. package/docs/components/EclSloganTickerComponent.html +1 -1
  135. package/docs/components/EclSocialMediaFollowComponent.html +1 -1
  136. package/docs/components/EclSocialMediaFollowItemComponent.html +1 -1
  137. package/docs/components/EclSplashPageComponent.html +1 -1
  138. package/docs/components/EclSplashPageLanguageCategoryComponent.html +1 -1
  139. package/docs/components/EclSplashPageLanguageContainerComponent.html +1 -1
  140. package/docs/components/EclSplashPageLanguageLinkComponent.html +1 -1
  141. package/docs/components/EclSpotlightComponent.html +1 -1
  142. package/docs/components/EclSpotlightLinkComponent.html +1 -1
  143. package/docs/components/EclStickyContainerComponent.html +1 -1
  144. package/docs/components/EclStoryCardComponent.html +4 -4
  145. package/docs/components/EclStoryCardGridDetailsComponent.html +57 -2
  146. package/docs/components/EclStoryCardItemComponent.html +77 -2
  147. package/docs/components/EclTabComponent.html +1 -1
  148. package/docs/components/EclTabLabelComponent.html +1 -1
  149. package/docs/components/EclTableSortButtonComponent.html +1 -1
  150. package/docs/components/EclTabsComponent.html +1 -1
  151. package/docs/components/EclTagComponent.html +1 -1
  152. package/docs/components/EclTextMediaComponent.html +1 -1
  153. package/docs/components/EclTimelineComponent.html +1 -1
  154. package/docs/components/EclTimelineItemComponent.html +1 -1
  155. package/docs/components/EclTimelineItemTogglerComponent.html +1 -1
  156. package/docs/js/menu-wc.js +3 -0
  157. package/docs/js/search/search_index.js +2 -2
  158. package/docs/json/EclCarouselComponent.md +8 -4
  159. package/docs/json/EclCarouselItemComponent.md +1 -0
  160. package/docs/json/EclQuizCardComponent.md +6 -3
  161. package/docs/json/EclSliderPagerComponent.md +55 -0
  162. package/docs/json/EclStoryCardGridDetailsComponent.md +1 -0
  163. package/docs/json/EclStoryCardItemComponent.md +1 -0
  164. package/docs/json/documentation.json +1889 -565
  165. package/docs/llms.txt +69 -34
  166. package/docs/miscellaneous/variables.html +132 -20
  167. package/docs/overview.html +1 -1
  168. package/docs/properties.html +1 -1
  169. package/fesm2022/eui-ecl-components-ecl-carousel.mjs +405 -407
  170. package/fesm2022/eui-ecl-components-ecl-carousel.mjs.map +1 -1
  171. package/fesm2022/eui-ecl-components-ecl-menu.mjs +15 -15
  172. package/fesm2022/eui-ecl-components-ecl-menu.mjs.map +1 -1
  173. package/fesm2022/eui-ecl-components-ecl-quiz.mjs +93 -55
  174. package/fesm2022/eui-ecl-components-ecl-quiz.mjs.map +1 -1
  175. package/fesm2022/eui-ecl-components-ecl-slider.mjs +187 -0
  176. package/fesm2022/eui-ecl-components-ecl-slider.mjs.map +1 -0
  177. package/fesm2022/eui-ecl-components-ecl-story-card.mjs +96 -18
  178. package/fesm2022/eui-ecl-components-ecl-story-card.mjs.map +1 -1
  179. package/package.json +18 -12
  180. package/types/eui-ecl-components-ecl-carousel.d.ts +234 -202
  181. package/types/eui-ecl-components-ecl-carousel.d.ts.map +1 -1
  182. package/types/eui-ecl-components-ecl-menu.d.ts +0 -2
  183. package/types/eui-ecl-components-ecl-menu.d.ts.map +1 -1
  184. package/types/eui-ecl-components-ecl-quiz.d.ts +94 -57
  185. package/types/eui-ecl-components-ecl-quiz.d.ts.map +1 -1
  186. package/types/eui-ecl-components-ecl-slider.d.ts +118 -0
  187. package/types/eui-ecl-components-ecl-slider.d.ts.map +1 -0
  188. package/types/eui-ecl-components-ecl-story-card.d.ts +78 -48
  189. package/types/eui-ecl-components-ecl-story-card.d.ts.map +1 -1
package/docs/components/EclSliderPagerComponent.html ADDED
@@ -0,0 +1,1159 @@
1
+ <!doctype html>
2
+ <html class="no-js" lang="">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
6
+ <title>eui documentation</title>
7
+ <meta name="description" content="">
8
+ <meta name="viewport" content="width=device-width, initial-scale=1">
9
+
10
+ <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
+ <link rel="stylesheet" href="../styles/style.css">
12
+ <link rel="stylesheet" href="../styles/dark.css">
13
+ <link rel="stylesheet" href="../styles/material.css">
14
+ </head>
15
+ <body>
16
+ <script>
17
+ // Blocking script to avoid flickering dark mode
18
+ // Dark mode toggle button
19
+ var useDark = window.matchMedia('(prefers-color-scheme: dark)');
20
+ var darkModeState = useDark.matches;
21
+ var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
22
+ var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
23
+ var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
24
+
25
+ function checkToggle(check) {
26
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
27
+ $darkModeToggleSwitchers[i].checked = check;
28
+ }
29
+ }
30
+
31
+ function toggleDarkMode(state) {
32
+ if (window.localStorage) {
33
+ localStorage.setItem('compodoc_darkmode-state', state);
34
+ }
35
+
36
+ checkToggle(state);
37
+
38
+ const hasClass = document.body.classList.contains('dark');
39
+
40
+ if (state) {
41
+ for (var i = 0; i < $darkModeToggles.length; i++) {
42
+ $darkModeToggles[i].classList.add('dark');
43
+ }
44
+ if (!hasClass) {
45
+ document.body.classList.add('dark');
46
+ }
47
+ } else {
48
+ for (var i = 0; i < $darkModeToggles.length; i++) {
49
+ $darkModeToggles[i].classList.remove('dark');
50
+ }
51
+ if (hasClass) {
52
+ document.body.classList.remove('dark');
53
+ }
54
+ }
55
+ }
56
+
57
+ useDark.addEventListener('change', function (evt) {
58
+ toggleDarkMode(evt.matches);
59
+ });
60
+ if (darkModeStateLocal) {
61
+ darkModeState = darkModeStateLocal === 'true';
62
+ }
63
+ toggleDarkMode(darkModeState);
64
+ </script>
65
+ <script>
66
+ // --- Iframe navigation tracking for Template Playground ---
67
+ function sendCurrentUrlToParent() {
68
+ if (window.parent && window.parent !== window) {
69
+ window.parent.postMessage({
70
+ type: 'compodoc-iframe-navigate',
71
+ url: window.location.pathname + window.location.hash
72
+ }, '*');
73
+ }
74
+ }
75
+ window.addEventListener('hashchange', sendCurrentUrlToParent, false);
76
+ window.addEventListener('popstate', sendCurrentUrlToParent, false);
77
+ window.addEventListener('DOMContentLoaded', sendCurrentUrlToParent, false);
78
+ </script>
79
+
80
+ <div class="navbar navbar-default navbar-fixed-top d-md-none p-0">
81
+ <div class="d-flex">
82
+ <a href="../" class="navbar-brand">eui documentation</a>
83
+ <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
84
+ </div>
85
+ </div>
86
+
87
+ <div class="xs-menu menu" id="mobile-menu">
88
+ <div id="book-search-input" role="search">
89
+ <input type="text" placeholder="Type to search">
90
+ <button type="button"
91
+ class="search-input-clear"
92
+ aria-label="Clear search"
93
+ data-search-input-clear>&times;</button>
94
+ </div>
95
+ <compodoc-menu></compodoc-menu>
96
+ </div>
97
+
98
+ <div class="container-fluid main">
99
+ <div class="row main">
100
+ <div class="d-none d-md-block menu">
101
+ <compodoc-menu mode="normal"></compodoc-menu>
102
+ </div>
103
+ <!-- START CONTENT -->
104
+ <div class="content component">
105
+ <div class="content-data">
106
+
107
+
108
+
109
+
110
+
111
+
112
+
113
+
114
+ <ol class="breadcrumb">
115
+ <li class="breadcrumb-item">Components</li>
116
+ <li class="breadcrumb-item"
117
+ >
118
+ EclSliderPagerComponent</li>
119
+ </ol>
120
+
121
+ <div class="io-file io-file-path" data-compodoc="entity-file-path">
122
+ <span class="icon ion-ios-document" aria-hidden="true"></span>
123
+ <code>packages/ecl/components/ecl-slider/ecl-slider-pager.component.ts</code>
124
+ </div>
125
+
126
+ <ul class="nav nav-tabs" role="tablist">
127
+ <li class="nav-item">
128
+ <a href="#info" class="nav-link active"
129
+ role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
130
+ </li>
131
+ <li class="nav-item">
132
+ <a href="#api" class="nav-link"
133
+ role="tab" id="api-tab" data-bs-toggle="tab" data-link="api">API</a>
134
+ </li>
135
+ </ul>
136
+
137
+ <div class="tab-content">
138
+ <div class="tab-pane fade active in" id="info">
139
+ <p class="comment">
140
+ <h3>Description</h3>
141
+ </p>
142
+ <p class="comment">
143
+ <p>ECL Slider Pager component.</p>
144
+ <p>A presentational navigation strip (previous / dots / optional play-pause / next)
145
+ shared by slider-like components such as quiz, story-card and carousel.</p>
146
+ <p>It is intentionally self-contained and framework-presentational:</p>
147
+ <ul>
148
+ <li>It owns no carousel. The parent owns its own source of truth (e.g. an Embla
149
+ carousel or an accordion state) and maps that state onto this component&#39;s inputs.</li>
150
+ <li>It only renders markup and emits intent through its outputs
151
+ (<code>prev</code>, <code>next</code>, <code>goTo</code>, <code>play</code>, <code>pause</code>).</li>
152
+ </ul>
153
+ <p>For the <code>play-pause</code> variant the DOM order is <code>play/pause -&gt; prev -&gt; next</code>, so
154
+ keyboard/screen-reader focus reaches the play/pause control first (accessibility
155
+ requirement, see FRONT-5436). For the <code>dots</code> variant the DOM order stays
156
+ <code>prev -&gt; dots -&gt; next</code>. The visual skeleton <code>prev -&gt; [middle] -&gt; next</code> is
157
+ preserved via CSS <code>order</code> on the per-slot classes.</p>
158
+ <p>Styling (including the <code>order</code> rules that restore the visual layout) is provided
159
+ by the shared <code>ecl-slider-pager__*</code> classes shipped in <code>@eui/styles</code>.</p>
160
+
161
+ </p>
162
+
163
+ <p class="comment">
164
+ <h3>Extends</h3>
165
+ </p>
166
+ <p class="comment">
167
+ <code><a href="../directives/ECLBaseDirective.html" target="_self" >ECLBaseDirective</a></code>
168
+ </p>
169
+
170
+ <p class="comment">
171
+ <h3>Implements</h3>
172
+ </p>
173
+ <p class="comment">
174
+ <code><a href="https://angular.dev/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
175
+ </p>
176
+
177
+ <p class="comment">
178
+ <h3>Example</h3>
179
+ </p>
180
+ <div class="io-description">
181
+ </div>
182
+
183
+ <section data-compodoc="block-metadata">
184
+ <h3>Metadata</h3>
185
+ <table class="table table-sm table-hover metadata">
186
+ <tbody>
187
+
188
+ <tr>
189
+ <td class="col-md-3">changeDetection</td>
190
+ <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
191
+ </tr>
192
+
193
+
194
+
195
+
196
+
197
+ <tr>
198
+ <td class="col-md-3">host</td>
199
+ <td class="col-md-9"><code>{<br>}</code></td>
200
+ </tr>
201
+
202
+
203
+
204
+
205
+
206
+
207
+ <tr>
208
+ <td class="col-md-3">selector</td>
209
+ <td class="col-md-9"><code>ecl-slider-pager</code></td>
210
+ </tr>
211
+
212
+
213
+ <tr>
214
+ <td class="col-md-3">imports</td>
215
+ <td class="col-md-9">
216
+ <div> <code><a href="../miscellaneous/variables.html#EUI_ECL_ICON" target="_self" >EUI_ECL_ICON</a></code>
217
+ </div>
218
+ <div> <code>TranslatePipe</code>
219
+ </div>
220
+ </td>
221
+ </tr>
222
+
223
+
224
+
225
+
226
+
227
+ <tr>
228
+ <td class="col-md-3">templateUrl</td>
229
+ <td class="col-md-9"><code>./ecl-slider-pager.component.html</code></td>
230
+ </tr>
231
+
232
+
233
+
234
+
235
+
236
+
237
+
238
+
239
+ </tbody>
240
+ </table>
241
+ </section>
242
+
243
+ <section data-compodoc="block-relationships">
244
+ <h3>Relationships</h3>
245
+
246
+ <div class="row pt-3">
247
+ <div class="col-sm-6">
248
+ <h4>Used by</h4>
249
+ <p class="comment"><i>No results matching.</i></p>
250
+ </div>
251
+
252
+ <div class="col-sm-6">
253
+ <h4>Depends on</h4>
254
+ <ul class="list-unstyled relationships-list">
255
+ <li>
256
+ <code><a href="../miscellaneous/variables.html#EUI_ECL_ICON" target="_self" >EUI_ECL_ICON</a></code>
257
+ </li>
258
+ <li>
259
+ <code>TranslatePipe</code>
260
+ </li>
261
+ <li>
262
+ <code><a href="../directives/ECLBaseDirective.html" target="_self" >ECLBaseDirective</a></code>
263
+ </li>
264
+ <li>
265
+ <code><a href="https://angular.dev/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
266
+ </li>
267
+ </ul>
268
+ </div>
269
+ </div>
270
+ </section>
271
+ </div>
272
+
273
+ <div class="tab-pane fade " id="api"> <section data-compodoc="block-index">
274
+ <h3 id="index">Index</h3>
275
+
276
+ <table class="table table-sm table-bordered index-table">
277
+ <tbody>
278
+ <tr>
279
+ <td class="col-md-3">
280
+ <h6><b>Methods</b></h6>
281
+ </td>
282
+ <td class="col-md-9">
283
+ <ul class="index-list">
284
+ <li>
285
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
286
+ <a href="#getCssClasses" >getCssClasses</a>
287
+ </li>
288
+ </ul>
289
+ </td>
290
+ </tr>
291
+ </tbody>
292
+ </table>
293
+
294
+ <table class="table table-sm table-bordered index-table">
295
+ <tbody>
296
+ <tr>
297
+ <td class="col-md-3">
298
+ <h6><b>Inputs</b></h6>
299
+ </td>
300
+ <td class="col-md-9">
301
+ <ul class="index-list">
302
+ <li>
303
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#activeIndex" >activeIndex</a>
304
+ </li>
305
+ <li>
306
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#dotAriaLabels" >dotAriaLabels</a>
307
+ </li>
308
+ <li>
309
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#dotExtraClasses" >dotExtraClasses</a>
310
+ </li>
311
+ <li>
312
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#dotIndices" >dotIndices</a>
313
+ </li>
314
+ <li>
315
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#dotsExtraClasses" >dotsExtraClasses</a>
316
+ </li>
317
+ <li>
318
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isNextDisabled" >isNextDisabled</a>
319
+ </li>
320
+ <li>
321
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isPlaying" >isPlaying</a>
322
+ </li>
323
+ <li>
324
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isPrevDisabled" >isPrevDisabled</a>
325
+ </li>
326
+ <li>
327
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#nextExtraClasses" >nextExtraClasses</a>
328
+ </li>
329
+ <li>
330
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#pauseExtraClasses" >pauseExtraClasses</a>
331
+ </li>
332
+ <li>
333
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#playExtraClasses" >playExtraClasses</a>
334
+ </li>
335
+ <li>
336
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#prevExtraClasses" >prevExtraClasses</a>
337
+ </li>
338
+ <li>
339
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#size" >size</a>
340
+ </li>
341
+ <li>
342
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#variant" >variant</a>
343
+ </li>
344
+ <li>
345
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#class" >class</a>
346
+ </li>
347
+ <li>
348
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#e2eAttr" >e2eAttr</a>
349
+ </li>
350
+ <li>
351
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#tabindex" >tabindex</a>
352
+ </li>
353
+ </ul>
354
+ </td>
355
+ </tr>
356
+ </tbody>
357
+ </table>
358
+
359
+ <table class="table table-sm table-bordered index-table">
360
+ <tbody>
361
+ <tr>
362
+ <td class="col-md-3">
363
+ <h6><b>Outputs</b></h6>
364
+ </td>
365
+ <td class="col-md-9">
366
+ <ul class="index-list">
367
+ <li>
368
+ <span class="reference-badge reference-badge--property" aria-hidden="true">O</span><a href="#goTo" >goTo</a>
369
+ </li>
370
+ <li>
371
+ <span class="reference-badge reference-badge--property" aria-hidden="true">O</span><a href="#next" >next</a>
372
+ </li>
373
+ <li>
374
+ <span class="reference-badge reference-badge--property" aria-hidden="true">O</span><a href="#pause" >pause</a>
375
+ </li>
376
+ <li>
377
+ <span class="reference-badge reference-badge--property" aria-hidden="true">O</span><a href="#play" >play</a>
378
+ </li>
379
+ <li>
380
+ <span class="reference-badge reference-badge--property" aria-hidden="true">O</span><a href="#prev" >prev</a>
381
+ </li>
382
+ <li>
383
+ <span class="reference-badge reference-badge--property" aria-hidden="true">O</span><a href="#class" >class</a>
384
+ </li>
385
+ </ul>
386
+ </td>
387
+ </tr>
388
+ </tbody>
389
+ </table>
390
+
391
+
392
+
393
+ </section>
394
+
395
+ <section data-compodoc="block-constructor">
396
+ <h3 id="constructor">Constructor</h3>
397
+ <table class="table table-sm table-bordered">
398
+ <tbody>
399
+ <tr>
400
+ <td class="col-md-4">
401
+ <code>constructor()</code>
402
+ </td>
403
+ </tr>
404
+
405
+ </tbody>
406
+ </table>
407
+ </section>
408
+
409
+ <section data-compodoc="block-inputs">
410
+ <h3 id="inputs">Inputs</h3>
411
+ <table class="table table-sm table-bordered">
412
+ <tbody>
413
+ <tr>
414
+ <td class="col-md-4">
415
+ <a name="activeIndex"></a>
416
+ <b>activeIndex</b>
417
+ </td>
418
+ </tr>
419
+ <tr>
420
+ <td class="col-md-4">
421
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
422
+
423
+ </td>
424
+ </tr>
425
+ <tr>
426
+ <td class="col-md-4">
427
+ <i>Default value : </i><code>0</code>
428
+ </td>
429
+ </tr>
430
+ <tr>
431
+ <td class="col-md-4">
432
+ <div class="io-description"><p>Index of the currently active dot.</p>
433
+ </div>
434
+ </td>
435
+ </tr>
436
+ </tbody>
437
+ </table>
438
+ <table class="table table-sm table-bordered">
439
+ <tbody>
440
+ <tr>
441
+ <td class="col-md-4">
442
+ <a name="dotAriaLabels"></a>
443
+ <b>dotAriaLabels</b>
444
+ </td>
445
+ </tr>
446
+ <tr>
447
+ <td class="col-md-4">
448
+ <i>Type : </i> <code>string[]</code>
449
+
450
+ </td>
451
+ </tr>
452
+ <tr>
453
+ <td class="col-md-4">
454
+ <i>Default value : </i><code>[]</code>
455
+ </td>
456
+ </tr>
457
+ <tr>
458
+ <td class="col-md-4">
459
+ <div class="io-description"><p>Accessible label for each dot, indexed by dot index.
460
+ The parent is responsible for computing these (e.g. &quot;Show slides 1 to 3 of 5&quot;),
461
+ since the wording depends on the parent&#39;s slide grouping and translations.</p>
462
+ </div>
463
+ </td>
464
+ </tr>
465
+ </tbody>
466
+ </table>
467
+ <table class="table table-sm table-bordered">
468
+ <tbody>
469
+ <tr>
470
+ <td class="col-md-4">
471
+ <a name="dotExtraClasses"></a>
472
+ <b>dotExtraClasses</b>
473
+ </td>
474
+ </tr>
475
+ <tr>
476
+ <td class="col-md-4">
477
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
478
+
479
+ </td>
480
+ </tr>
481
+ <tr>
482
+ <td class="col-md-4">
483
+ <i>Default value : </i><code>&#x27;&#x27;</code>
484
+ </td>
485
+ </tr>
486
+ </tbody>
487
+ </table>
488
+ <table class="table table-sm table-bordered">
489
+ <tbody>
490
+ <tr>
491
+ <td class="col-md-4">
492
+ <a name="dotIndices"></a>
493
+ <b>dotIndices</b>
494
+ </td>
495
+ </tr>
496
+ <tr>
497
+ <td class="col-md-4">
498
+ <i>Type : </i> <code>number[]</code>
499
+
500
+ </td>
501
+ </tr>
502
+ <tr>
503
+ <td class="col-md-4">
504
+ <i>Default value : </i><code>[]</code>
505
+ </td>
506
+ </tr>
507
+ <tr>
508
+ <td class="col-md-4">
509
+ <div class="io-description"><p>Indices of the dots to render. Length determines the number of dots.</p>
510
+ </div>
511
+ </td>
512
+ </tr>
513
+ </tbody>
514
+ </table>
515
+ <table class="table table-sm table-bordered">
516
+ <tbody>
517
+ <tr>
518
+ <td class="col-md-4">
519
+ <a name="dotsExtraClasses"></a>
520
+ <b>dotsExtraClasses</b>
521
+ </td>
522
+ </tr>
523
+ <tr>
524
+ <td class="col-md-4">
525
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
526
+
527
+ </td>
528
+ </tr>
529
+ <tr>
530
+ <td class="col-md-4">
531
+ <i>Default value : </i><code>&#x27;&#x27;</code>
532
+ </td>
533
+ </tr>
534
+ </tbody>
535
+ </table>
536
+ <table class="table table-sm table-bordered">
537
+ <tbody>
538
+ <tr>
539
+ <td class="col-md-4">
540
+ <a name="isNextDisabled"></a>
541
+ <b>isNextDisabled</b>
542
+ </td>
543
+ </tr>
544
+ <tr>
545
+ <td class="col-md-4">
546
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
547
+
548
+ </td>
549
+ </tr>
550
+ <tr>
551
+ <td class="col-md-4">
552
+ <i>Default value : </i><code>false</code>
553
+ </td>
554
+ </tr>
555
+ <tr>
556
+ <td class="col-md-4">
557
+ <div class="io-description"><p>Whether the next button is disabled.</p>
558
+ </div>
559
+ </td>
560
+ </tr>
561
+ </tbody>
562
+ </table>
563
+ <table class="table table-sm table-bordered">
564
+ <tbody>
565
+ <tr>
566
+ <td class="col-md-4">
567
+ <a name="isPlaying"></a>
568
+ <b>isPlaying</b>
569
+ </td>
570
+ </tr>
571
+ <tr>
572
+ <td class="col-md-4">
573
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
574
+
575
+ </td>
576
+ </tr>
577
+ <tr>
578
+ <td class="col-md-4">
579
+ <i>Default value : </i><code>false</code>
580
+ </td>
581
+ </tr>
582
+ <tr>
583
+ <td class="col-md-4">
584
+ <div class="io-description"><p>Whether playback is currently active (controls play/pause visibility).</p>
585
+ </div>
586
+ </td>
587
+ </tr>
588
+ </tbody>
589
+ </table>
590
+ <table class="table table-sm table-bordered">
591
+ <tbody>
592
+ <tr>
593
+ <td class="col-md-4">
594
+ <a name="isPrevDisabled"></a>
595
+ <b>isPrevDisabled</b>
596
+ </td>
597
+ </tr>
598
+ <tr>
599
+ <td class="col-md-4">
600
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
601
+
602
+ </td>
603
+ </tr>
604
+ <tr>
605
+ <td class="col-md-4">
606
+ <i>Default value : </i><code>false</code>
607
+ </td>
608
+ </tr>
609
+ <tr>
610
+ <td class="col-md-4">
611
+ <div class="io-description"><p>Whether the previous button is disabled.</p>
612
+ </div>
613
+ </td>
614
+ </tr>
615
+ </tbody>
616
+ </table>
617
+ <table class="table table-sm table-bordered">
618
+ <tbody>
619
+ <tr>
620
+ <td class="col-md-4">
621
+ <a name="nextExtraClasses"></a>
622
+ <b>nextExtraClasses</b>
623
+ </td>
624
+ </tr>
625
+ <tr>
626
+ <td class="col-md-4">
627
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
628
+
629
+ </td>
630
+ </tr>
631
+ <tr>
632
+ <td class="col-md-4">
633
+ <i>Default value : </i><code>&#x27;&#x27;</code>
634
+ </td>
635
+ </tr>
636
+ </tbody>
637
+ </table>
638
+ <table class="table table-sm table-bordered">
639
+ <tbody>
640
+ <tr>
641
+ <td class="col-md-4">
642
+ <a name="pauseExtraClasses"></a>
643
+ <b>pauseExtraClasses</b>
644
+ </td>
645
+ </tr>
646
+ <tr>
647
+ <td class="col-md-4">
648
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
649
+
650
+ </td>
651
+ </tr>
652
+ <tr>
653
+ <td class="col-md-4">
654
+ <i>Default value : </i><code>&#x27;&#x27;</code>
655
+ </td>
656
+ </tr>
657
+ </tbody>
658
+ </table>
659
+ <table class="table table-sm table-bordered">
660
+ <tbody>
661
+ <tr>
662
+ <td class="col-md-4">
663
+ <a name="playExtraClasses"></a>
664
+ <b>playExtraClasses</b>
665
+ </td>
666
+ </tr>
667
+ <tr>
668
+ <td class="col-md-4">
669
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
670
+
671
+ </td>
672
+ </tr>
673
+ <tr>
674
+ <td class="col-md-4">
675
+ <i>Default value : </i><code>&#x27;&#x27;</code>
676
+ </td>
677
+ </tr>
678
+ </tbody>
679
+ </table>
680
+ <table class="table table-sm table-bordered">
681
+ <tbody>
682
+ <tr>
683
+ <td class="col-md-4">
684
+ <a name="prevExtraClasses"></a>
685
+ <b>prevExtraClasses</b>
686
+ </td>
687
+ </tr>
688
+ <tr>
689
+ <td class="col-md-4">
690
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
691
+
692
+ </td>
693
+ </tr>
694
+ <tr>
695
+ <td class="col-md-4">
696
+ <i>Default value : </i><code>&#x27;&#x27;</code>
697
+ </td>
698
+ </tr>
699
+ <tr>
700
+ <td class="col-md-4">
701
+ <div class="io-description"><p>Component-scoped extra classes applied per slot, alongside the shared
702
+ <code>ecl-slider-pager__*</code> classes. Consumers use these to attach their own
703
+ BEM classes (e.g. <code>ecl-story-card__next</code>) so component-specific styles in
704
+ <code>@eui/styles</code> can target a given slot.</p>
705
+ </div>
706
+ </td>
707
+ </tr>
708
+ </tbody>
709
+ </table>
710
+ <table class="table table-sm table-bordered">
711
+ <tbody>
712
+ <tr>
713
+ <td class="col-md-4">
714
+ <a name="size"></a>
715
+ <b>size</b>
716
+ </td>
717
+ </tr>
718
+ <tr>
719
+ <td class="col-md-4">
720
+ <i>Type : </i> <code>&quot;s&quot; | &quot;m&quot; | &quot;l&quot;</code>
721
+
722
+ </td>
723
+ </tr>
724
+ <tr>
725
+ <td class="col-md-4">
726
+ <i>Default value : </i><code>&#x27;s&#x27;</code>
727
+ </td>
728
+ </tr>
729
+ <tr>
730
+ <td class="col-md-4">
731
+ <div class="io-description"><p>Size of the prev/next (and play/pause) buttons.</p>
732
+ </div>
733
+ </td>
734
+ </tr>
735
+ </tbody>
736
+ </table>
737
+ <table class="table table-sm table-bordered">
738
+ <tbody>
739
+ <tr>
740
+ <td class="col-md-4">
741
+ <a name="variant"></a>
742
+ <b>variant</b>
743
+ </td>
744
+ </tr>
745
+ <tr>
746
+ <td class="col-md-4">
747
+ <i>Type : </i> <code>&quot;dots&quot; | &quot;play-pause&quot; | &quot;play-pause-dots&quot;</code>
748
+
749
+ </td>
750
+ </tr>
751
+ <tr>
752
+ <td class="col-md-4">
753
+ <i>Default value : </i><code>&#x27;dots&#x27;</code>
754
+ </td>
755
+ </tr>
756
+ <tr>
757
+ <td class="col-md-4">
758
+ <div class="io-description"><p>Which controls to render:</p>
759
+ <ul>
760
+ <li><code>&#39;dots&#39;</code>: prev / dots / next.</li>
761
+ <li><code>&#39;play-pause&#39;</code>: play-pause / prev / next.</li>
762
+ <li><code>&#39;play-pause-dots&#39;</code>: play-pause / prev / dots / next. Used by the carousel,
763
+ which shows play/pause + teasers on desktop and the dots strip on mobile
764
+ (the ECL CSS toggles which parts are visible per breakpoint).</li>
765
+ </ul>
766
+ </div>
767
+ </td>
768
+ </tr>
769
+ </tbody>
770
+ </table>
771
+ <table class="table table-sm table-bordered">
772
+ <tbody>
773
+ <tr>
774
+ <td class="col-md-4">
775
+ <a name="class"></a>
776
+ <b>class</b>
777
+ </td>
778
+ </tr>
779
+ <tr>
780
+ <td class="col-md-4">
781
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
782
+
783
+ </td>
784
+ </tr>
785
+ <tr>
786
+ <td class="col-md-4">
787
+ <i>Default value : </i><code>&#x27;&#x27;</code>
788
+ </td>
789
+ </tr>
790
+ </tbody>
791
+ </table>
792
+ <table class="table table-sm table-bordered">
793
+ <tbody>
794
+ <tr>
795
+ <td class="col-md-4">
796
+ <a name="e2eAttr"></a>
797
+ <b>e2eAttr</b>
798
+ </td>
799
+ </tr>
800
+ <tr>
801
+ <td class="col-md-4">
802
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
803
+
804
+ </td>
805
+ </tr>
806
+ </tbody>
807
+ </table>
808
+ <table class="table table-sm table-bordered">
809
+ <tbody>
810
+ <tr>
811
+ <td class="col-md-4">
812
+ <a name="tabindex"></a>
813
+ <b>tabindex</b>
814
+ </td>
815
+ </tr>
816
+ <tr>
817
+ <td class="col-md-4">
818
+ <i>Default value : </i><code>undefined</code>
819
+ </td>
820
+ </tr>
821
+ </tbody>
822
+ </table>
823
+ </section>
824
+
825
+ <section data-compodoc="block-outputs">
826
+ <h3 id="outputs">Outputs</h3>
827
+ <table class="table table-sm table-bordered">
828
+ <tbody>
829
+ <tr>
830
+ <td class="col-md-4">
831
+ <a name="goTo"></a>
832
+ <b>goTo</b>
833
+ </td>
834
+ </tr>
835
+ <tr>
836
+ <td class="col-md-4">
837
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
838
+
839
+ </td>
840
+ </tr>
841
+ <tr>
842
+ <td class="col-md-4">
843
+ <div class="io-description"><p>Emitted when a dot is activated. Payload is the dot index.</p>
844
+ </div>
845
+ </td>
846
+ </tr>
847
+ </tbody>
848
+ </table>
849
+ <table class="table table-sm table-bordered">
850
+ <tbody>
851
+ <tr>
852
+ <td class="col-md-4">
853
+ <a name="next"></a>
854
+ <b>next</b>
855
+ </td>
856
+ </tr>
857
+ <tr>
858
+ <td class="col-md-4">
859
+ <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
860
+
861
+ </td>
862
+ </tr>
863
+ <tr>
864
+ <td class="col-md-4">
865
+ <div class="io-description"><p>Emitted when the next button is activated.</p>
866
+ </div>
867
+ </td>
868
+ </tr>
869
+ </tbody>
870
+ </table>
871
+ <table class="table table-sm table-bordered">
872
+ <tbody>
873
+ <tr>
874
+ <td class="col-md-4">
875
+ <a name="pause"></a>
876
+ <b>pause</b>
877
+ </td>
878
+ </tr>
879
+ <tr>
880
+ <td class="col-md-4">
881
+ <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
882
+
883
+ </td>
884
+ </tr>
885
+ <tr>
886
+ <td class="col-md-4">
887
+ <div class="io-description"><p>Emitted when the pause button is activated.</p>
888
+ </div>
889
+ </td>
890
+ </tr>
891
+ </tbody>
892
+ </table>
893
+ <table class="table table-sm table-bordered">
894
+ <tbody>
895
+ <tr>
896
+ <td class="col-md-4">
897
+ <a name="play"></a>
898
+ <b>play</b>
899
+ </td>
900
+ </tr>
901
+ <tr>
902
+ <td class="col-md-4">
903
+ <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
904
+
905
+ </td>
906
+ </tr>
907
+ <tr>
908
+ <td class="col-md-4">
909
+ <div class="io-description"><p>Emitted when the play button is activated.</p>
910
+ </div>
911
+ </td>
912
+ </tr>
913
+ </tbody>
914
+ </table>
915
+ <table class="table table-sm table-bordered">
916
+ <tbody>
917
+ <tr>
918
+ <td class="col-md-4">
919
+ <a name="prev"></a>
920
+ <b>prev</b>
921
+ </td>
922
+ </tr>
923
+ <tr>
924
+ <td class="col-md-4">
925
+ <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
926
+
927
+ </td>
928
+ </tr>
929
+ <tr>
930
+ <td class="col-md-4">
931
+ <div class="io-description"><p>Emitted when the previous button is activated.</p>
932
+ </div>
933
+ </td>
934
+ </tr>
935
+ </tbody>
936
+ </table>
937
+ <table class="table table-sm table-bordered">
938
+ <tbody>
939
+ <tr>
940
+ <td class="col-md-4">
941
+ <a name="class"></a>
942
+ <b>class</b>
943
+ </td>
944
+ </tr>
945
+ <tr>
946
+ <td class="col-md-4">
947
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
948
+
949
+ </td>
950
+ </tr>
951
+ </tbody>
952
+ </table>
953
+ </section>
954
+
955
+
956
+
957
+ <section data-compodoc="block-methods">
958
+
959
+ <h3 id="methods">
960
+ Methods
961
+ </h3>
962
+ <table class="table table-sm table-bordered">
963
+ <tbody>
964
+ <tr>
965
+ <td class="col-md-4">
966
+ <a name="getCssClasses"></a>
967
+ <span class="name">
968
+ <span ><b>getCssClasses</b></span>
969
+ <a href="#getCssClasses"><span class="icon ion-ios-link"></span></a>
970
+ </span>
971
+ </td>
972
+ </tr>
973
+ <tr>
974
+ <td class="col-md-4">
975
+ <code>getCssClasses(rootClass: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
976
+ </td>
977
+ </tr>
978
+
979
+
980
+
981
+
982
+ <tr>
983
+ <td class="col-md-4">
984
+ <div class="io-description"><p>Merges the mandatory ECL root class with the consumer-supplied <code>class</code> model value.
985
+ Call this inside a sub-class&#39;s <code>[class]</code> host binding computed signal.</p>
986
+ </div>
987
+
988
+ <div class="io-description">
989
+ <b>Parameters :</b>
990
+
991
+ <table class="params">
992
+ <thead>
993
+ <tr>
994
+ <td>Name</td>
995
+ <td>Type</td>
996
+ <td>Optional</td>
997
+ <td>Description</td>
998
+ </tr>
999
+ </thead>
1000
+ <tbody>
1001
+ <tr>
1002
+ <td>rootClass</td>
1003
+ <td>
1004
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1005
+ </td>
1006
+
1007
+ <td>
1008
+ No
1009
+ </td>
1010
+
1011
+
1012
+ <td>
1013
+ <p>The primary ECL class string (e.g. <code>&#39;ecl-button&#39;</code>).</p>
1014
+
1015
+ </td>
1016
+ </tr>
1017
+ </tbody>
1018
+ </table>
1019
+ </div>
1020
+ <div class="io-description">
1021
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1022
+
1023
+ </div>
1024
+ <div class="io-description">
1025
+ <p>A single space-separated class string ready for host binding.</p>
1026
+
1027
+ </div>
1028
+ </td>
1029
+ </tr>
1030
+ </tbody>
1031
+ </table>
1032
+ </section>
1033
+
1034
+
1035
+ </div>
1036
+
1037
+
1038
+
1039
+
1040
+
1041
+
1042
+
1043
+ </div>
1044
+
1045
+ <script src="../js/libs/vis-network.min.js"></script>
1046
+ <script src="../js/libs/htmlparser.js"></script>
1047
+ <script src="../js/libs/deep-iterator.js"></script>
1048
+ <script>
1049
+ var COMPONENT_TEMPLATE = '<div>@if (showPlayPause()) {<!-- Play button --><button type="button" class="ecl-button ecl-button--secondary ecl-button--neutral ecl-button--icon-only ecl-slider-pager__play" [class]="playExtraClasses()" [class.ecl-button--s]="size() === \'s\'" [class.ecl-button--m]="size() === \'m\'" [class.ecl-button--l]="size() === \'l\'" [style.display]="isPlaying() ? \'none\' : \'flex\'" (click)="onPlayClick()" [attr.aria-label]="\'ecl.slider.PLAY\' | translate"> <span class="ecl-button__container"> <span class="ecl-button__label">{{ \'ecl.slider.PLAY\' | translate }}</span> <ecl-icon iconSet="phosphor-fill" icon="play" [size]="iconSize()"></ecl-icon> </span></button><!-- Pause button --><button type="button" class="ecl-button ecl-button--secondary ecl-button--neutral ecl-button--icon-only ecl-slider-pager__pause" [class]="pauseExtraClasses()" [class.ecl-button--s]="size() === \'s\'" [class.ecl-button--m]="size() === \'m\'" [class.ecl-button--l]="size() === \'l\'" [style.display]="isPlaying() ? \'flex\' : \'none\'" (click)="onPauseClick()" [attr.aria-label]="\'ecl.slider.PAUSE\' | translate"> <span class="ecl-button__container"> <span class="ecl-button__label">{{ \'ecl.slider.PAUSE\' | translate }}</span> <ecl-icon iconSet="phosphor-fill" icon="pause" [size]="iconSize()"></ecl-icon> </span></button>}<!-- Prev button --><button type="button" class="ecl-button ecl-button--tertiary ecl-button--neutral ecl-slider-pager__prev" [class]="prevExtraClasses()" [class.ecl-button--icon-only]="isPrevNextIconOnly()" [class.ecl-button--s]="size() === \'s\'" [class.ecl-button--m]="size() === \'m\'" [class.ecl-button--l]="size() === \'l\'" [disabled]="isPrevDisabled()" (click)="onPrevClick()" [attr.aria-label]="\'ecl.slider.PREVIOUS\' | translate"> <span class="ecl-button__container"> <span class="ecl-button__label">{{ \'ecl.slider.PREVIOUS\' | translate }}</span> <ecl-icon iconSet="phosphor" icon="caret-left" [size]="iconSize()"></ecl-icon> </span></button>@if (showDots()) {<!-- Dots --><div class="ecl-slider-pager__dots" [class]="dotsExtraClasses()"> @for (dotIndex of dotIndices(); track dotIndex) { <button type="button" class="ecl-slider-pager__dot" [class]="dotExtraClasses()" [class.ecl-slider-pager__dot--active]="dotIndex === activeIndex()" [class.is-prev]="dotIndex === activeIndex() - 1" [attr.aria-current]="dotIndex === activeIndex() ? \'true\' : null" [attr.aria-label]="dotAriaLabels()[dotIndex]" (click)="onDotClick(dotIndex)"> </button> }</div>}<!-- Next button --><button type="button" class="ecl-button ecl-button--tertiary ecl-button--neutral ecl-slider-pager__next" [class]="nextExtraClasses()" [class.ecl-button--icon-only]="isPrevNextIconOnly()" [class.ecl-button--s]="size() === \'s\'" [class.ecl-button--m]="size() === \'m\'" [class.ecl-button--l]="size() === \'l\'" [disabled]="isNextDisabled()" (click)="onNextClick()" [attr.aria-label]="\'ecl.slider.NEXT\' | translate"> <span class="ecl-button__container"> <span class="ecl-button__label">{{ \'ecl.slider.NEXT\' | translate }}</span> <ecl-icon iconSet="phosphor" icon="caret-right" [size]="iconSize()"></ecl-icon> </span></button></div>'
1050
+ var COMPONENTS = [{'name': 'EclAccordionSummaryComponent', 'selector': 'summary[eclAccordionToggle]'},{'name': 'EclAddToCalendarComponent', 'selector': 'div[eclAddToCalendar]'},{'name': 'EclAnimatedNumbersComponent', 'selector': 'div[eclAnimatedNumbers]'},{'name': 'EclAnimatedNumbersItemComponent', 'selector': 'li[eclAnimatedNumbersItem]'},{'name': 'EclAppComponent', 'selector': 'ecl-app'},{'name': 'EclBannerComponent', 'selector': 'ecl-banner'},{'name': 'EclBlockquoteComponent', 'selector': '[eclBlockquote]'},{'name': 'EclBreadcrumbComponent', 'selector': 'nav[eclBreadcrumb]'},{'name': 'EclBreadcrumbSegmentComponent', 'selector': 'li[eclBreadcrumbSegment]'},{'name': 'EclButtonComponent', 'selector': 'button[eclButton], button[ecl-button], a[eclButton]'},{'name': 'EclCardBodyComponent', 'selector': 'ecl-card-body'},{'name': 'EclCardComponent', 'selector': 'ecl-card, article[eclCard]'},{'name': 'EclCarouselComponent', 'selector': 'ecl-carousel'},{'name': 'EclCarouselItemComponent', 'selector': 'ecl-carousel-item'},{'name': 'EclCategoryFilterComponent', 'selector': 'ecl-category-filter'},{'name': 'EclCategoryFilterItemComponent', 'selector': 'ecl-category-filter-item'},{'name': 'EclCategoryFilterListComponent', 'selector': 'ecl-category-filter-list'},{'name': 'EclCheckboxHelpComponent', 'selector': '[eclCheckboxHelp]'},{'name': 'EclCheckboxLabelComponent', 'selector': 'label[eclCheckboxLabel]'},{'name': 'EclContentBlockComponent', 'selector': 'ecl-content-block'},{'name': 'EclContentItemComponent', 'selector': 'ecl-content-item'},{'name': 'EclDateBlockComponent', 'selector': 'time[eclDateBlock]'},{'name': 'EclDescriptionListDefinitionComponent', 'selector': '[eclDescriptionListDefinition]'},{'name': 'EclExpandableComponent', 'selector': 'ecl-expandable'},{'name': 'EclFactFiguresComponent', 'selector': 'div[eclFactFigures], ecl-fact-figures'},{'name': 'EclFactFiguresItemComponent', 'selector': 'div[eclFactFiguresItem],ecl-fact-figures-item'},{'name': 'EclFactFiguresViewAllComponent', 'selector': 'ecl-fact-figures-view-all'},{'name': 'EclFeaturedComponent', 'selector': 'ecl-featured, article[eclFeatured]'},{'name': 'EclFeaturedItemComponent', 'selector': 'ecl-featured-item, div[eclFeaturedItem]'},{'name': 'EclFeaturedItemDescriptionComponent', 'selector': 'ecl-featured-item-description'},{'name': 'EclFileComponent', 'selector': 'ecl-file'},{'name': 'EclFileItemComponent', 'selector': 'ecl-file-item'},{'name': 'EclFileItemsComponent', 'selector': 'ecl-file-items'},{'name': 'EclFileListsComponent', 'selector': 'ecl-file-lists, ecl-file-taxonomy'},{'name': 'EclFormGroupComponent', 'selector': '[eclFormGroup], ecl-form-group'},{'name': 'EclFormLabelComponent', 'selector': '[eclFormLabel]'},{'name': 'EclGalleryComponent', 'selector': 'ecl-gallery'},{'name': 'EclGalleryFooterComponent', 'selector': 'ecl-gallery-footer'},{'name': 'EclGalleryItemComponent', 'selector': 'ecl-gallery-item'},{'name': 'EclHighlightBoxComponent', 'selector': 'article[eclHighlightBox]'},{'name': 'EclHighlightedSearchComponent', 'selector': 'ecl-highlighted-search'},{'name': 'EclIconComponent', 'selector': 'ecl-icon'},{'name': 'EclIndicatorComponent', 'selector': '[eclIndicator]'},{'name': 'EclInpageNavigationComponent', 'selector': 'ecl-inpage-navigation'},{'name': 'EclInpageNavigationItemComponent', 'selector': 'li[eclInpageNavigationItem]'},{'name': 'EclLayoutWrapperComponent', 'selector': 'div[eclLayoutWrapper]'},{'name': 'EclListIllustrationComponent', 'selector': 'ecl-list-illustration, ul[eclListIllustration], ol[eclListIllustration]'},{'name': 'EclListIllustrationItemComponent', 'selector': 'ecl-list-illustration-item, li[eclListIllustrationItem]'},{'name': 'EclLoadingIndicatorComponent', 'selector': 'ecl-loading-indicator'},{'name': 'EclMediaContainerComponent', 'selector': 'ecl-media-container'},{'name': 'EclMegaMenuComponent', 'selector': 'nav[eclMegaMenu]'},{'name': 'EclMegaMenuFeaturedComponent', 'selector': 'div[eclMegaMenuFeatured]'},{'name': 'EclMegaMenuInfoComponent', 'selector': 'div[eclMegaMenuInfo]'},{'name': 'EclMegaMenuItemComponent', 'selector': 'li[eclMegaMenuItem]'},{'name': 'EclMegaMenuSubitemComponent', 'selector': 'li[eclMegaMenuSubitem]'},{'name': 'EclMenuComponent', 'selector': 'ecl-menu'},{'name': 'EclMenuItemComponent', 'selector': 'ecl-menu-item'},{'name': 'EclMenuMegaComponent', 'selector': 'ecl-menu-mega'},{'name': 'EclMenuMegaItemComponent', 'selector': 'ecl-menu-mega-item'},{'name': 'EclModalBodyComponent', 'selector': '[eclModalBody]'},{'name': 'EclModalComponent', 'selector': 'dialog[eclModal]'},{'name': 'EclModalFooterComponent', 'selector': '[eclModalFooter]'},{'name': 'EclModalHeaderComponent', 'selector': '[eclModalHeader]'},{'name': 'EclMultiselectComponent', 'selector': 'select[eclMultiselect]'},{'name': 'EclMultiselectDropdownComponent', 'selector': 'div[eclMultiselectDropdown]'},{'name': 'EclMultiselectInputComponent', 'selector': 'div[eclMultiselectInput]'},{'name': 'EclMultiselectOptgroupComponent', 'selector': 'fieldset[eclMultiselectOptgroup]'},{'name': 'EclMultiselectOptionComponent', 'selector': 'div[eclMultiselectOption]'},{'name': 'EclNavigationListComponent', 'selector': 'ecl-navigation-list'},{'name': 'EclNavigationListItemComponent', 'selector': 'ecl-navigation-list-item'},{'name': 'EclNewsTickerComponent', 'selector': 'ecl-news-ticker'},{'name': 'EclNewsTickerItemComponent', 'selector': 'ecl-news-ticker-item'},{'name': 'EclNotificationComponent', 'selector': 'ecl-notification'},{'name': 'EclPageHeaderComponent', 'selector': 'div[eclPageHeader]'},{'name': 'EclPageHeaderDescriptionContainerComponent', 'selector': 'div[eclPageHeaderDescriptionContainer]'},{'name': 'EclPageHeaderExpandableComponent', 'selector': 'div[eclPageHeaderExpandable]'},{'name': 'EclPageHeaderSectionComponent', 'selector': 'div[eclPageHeaderSection]'},{'name': 'EclPageHeaderSectionInfoComponent', 'selector': 'div[eclPageHeaderSectionInfo]'},{'name': 'EclPageSummaryComponent', 'selector': 'section[eclPageSummary]'},{'name': 'EclPaginationComponent', 'selector': 'ecl-pagination'},{'name': 'EclPaginationItemComponent', 'selector': 'li[eclPaginationItem]'},{'name': 'EclPopoverComponent', 'selector': 'ecl-popover'},{'name': 'EclQuizCardComponent', 'selector': 'li[eclQuizCard]'},{'name': 'EclQuizComponent', 'selector': 'section[eclQuiz]'},{'name': 'EclRadioLabelComponent', 'selector': '[eclRadioLabel]'},{'name': 'EclRangeBubbleComponent', 'selector': 'ecl-range-bubble'},{'name': 'EclRangeValueComponent', 'selector': 'ecl-range-value'},{'name': 'EclRatingFieldComponent', 'selector': 'ecl-rating-field'},{'name': 'EclSearchFormComponent', 'selector': 'ecl-search-form'},{'name': 'EclSelectContainerComponent', 'selector': 'ecl-select-container'},{'name': 'EclSiteFooterComponent', 'selector': 'footer[eclSiteFooter]'},{'name': 'EclSiteFooterCoownerComponent', 'selector': 'div[eclSiteFooterCoowner]'},{'name': 'EclSiteFooterCoreComponent', 'selector': 'div[eclSiteFooterCore]'},{'name': 'EclSiteFooterFeedbackComponent', 'selector': 'div[eclSiteFooterFeedback]'},{'name': 'EclSiteFooterFixedContentEUComponent', 'selector': 'ecl-site-footer-fixed-content-eu'},{'name': 'EclSiteFooterRowCommonComponent', 'selector': 'div[eclSiteFooterRowCommon]'},{'name': 'EclSiteHeaderActionComponent', 'selector': 'ecl-site-header-action'},{'name': 'EclSiteHeaderBannerTopComponent', 'selector': 'ecl-site-header-banner-top'},{'name': 'EclSiteHeaderComponent', 'selector': 'ecl-site-header'},{'name': 'EclSiteHeaderCustomActionComponent', 'selector': 'div[eclSiteHeaderCustomAction]'},{'name': 'EclSiteHeaderEnvironmentComponent', 'selector': '[eclSiteHeaderEnvironment]'},{'name': 'EclSiteHeaderLanguageComponent', 'selector': 'ecl-site-header-language'},{'name': 'EclSiteHeaderLanguagePopoverComponent', 'selector': 'ecl-site-header-language-popover'},{'name': 'EclSiteHeaderLoginComponent', 'selector': 'ecl-site-header-login'},{'name': 'EclSiteHeaderNotificationComponent', 'selector': 'ecl-site-header-notification'},{'name': 'EclSiteHeaderSearchComponent', 'selector': 'ecl-site-header-search'},{'name': 'EclSliderPagerComponent', 'selector': 'ecl-slider-pager'},{'name': 'EclSloganTickerComponent', 'selector': 'ecl-slogan-ticker'},{'name': 'EclSocialMediaFollowComponent', 'selector': 'ecl-social-media-follow'},{'name': 'EclSocialMediaFollowItemComponent', 'selector': 'ecl-social-media-follow-item'},{'name': 'EclSplashPageComponent', 'selector': 'div[eclSplashPage]'},{'name': 'EclSplashPageLanguageCategoryComponent', 'selector': 'div[eclSplashPageLanguageCategory]'},{'name': 'EclSplashPageLanguageContainerComponent', 'selector': '[eclSplashPageLanguageContainer]'},{'name': 'EclSplashPageLanguageLinkComponent', 'selector': 'a[eclSplashPageLanguageLink]'},{'name': 'EclSpotlightComponent', 'selector': 'section[eclSpotlight]'},{'name': 'EclSpotlightLinkComponent', 'selector': 'a[eclSpotlightLink]'},{'name': 'EclStickyContainerComponent', 'selector': 'ecl-sticky-container'},{'name': 'EclStoryCardComponent', 'selector': 'section[eclStoryCard]'},{'name': 'EclStoryCardGridDetailsComponent', 'selector': '[eclStoryCardGridDetails]'},{'name': 'EclStoryCardItemComponent', 'selector': 'li[eclStoryCardItem]'},{'name': 'EclTabComponent', 'selector': 'div[eclTab]'},{'name': 'EclTabLabelComponent', 'selector': 'ecl-tab-label'},{'name': 'EclTableSortButtonComponent', 'selector': 'button[eclTableSortButton]'},{'name': 'EclTabsComponent', 'selector': 'div[eclTabs]'},{'name': 'EclTagComponent', 'selector': 'ecl-tag, [eclTag]'},{'name': 'EclTextMediaComponent', 'selector': 'article[eclTextMedia]'},{'name': 'EclTimelineComponent', 'selector': 'ol[eclTimeline]'},{'name': 'EclTimelineItemComponent', 'selector': 'li[eclTimelineItem]'},{'name': 'EclTimelineItemTogglerComponent', 'selector': 'li[eclTimelineItemToggler]'}];
1051
+ var DIRECTIVES = [{'name': 'EclAccordionContentDirective', 'selector': 'div[eclAccordionContent]'},{'name': 'EclAccordionDirective', 'selector': 'div[eclAccordion]'},{'name': 'EclAccordionItemDirective', 'selector': 'details[eclAccordionItem]'},{'name': 'EclAccordionToggleIconDirective', 'selector': '[eclAccordionToggleIcon]'},{'name': 'EclAddToCalendarActionDirective', 'selector': 'div[eclAddToCalendarAction]'},{'name': 'EclAnimatedNumbersIconDirective', 'selector': '[eclAnimatedNumbersIcon]'},{'name': 'EclAnimatedNumbersItemsDirective', 'selector': 'ul[eclAnimatedNumbersItems]'},{'name': 'EclAnimatedNumbersSourceDirective', 'selector': 'a[eclAnimatedNumbersSource]'},{'name': 'EclAnimatedNumbersSourcesItemDirective', 'selector': 'li[eclAnimatedNumbersSourcesItem]'},{'name': 'EclAnimatedNumbersSourcesListDirective', 'selector': 'ul[eclAnimatedNumbersSourcesList]'},{'name': 'EclBannerDescriptionDirective', 'selector': '[eclBannerDescription]'},{'name': 'EclBannerDescriptionLinkDirective', 'selector': '[eclBannerDescriptionLink]'},{'name': 'EclBannerDescriptionTextDirective', 'selector': '[eclBannerDescriptionText]'},{'name': 'EclBannerImageDirective', 'selector': 'img[eclBannerImage]'},{'name': 'EclBannerPictureDirective', 'selector': 'picture[eclBannerPicture]'},{'name': 'EclBannerTitleDirective', 'selector': '[eclBannerTitle]'},{'name': 'EclBannerTitleLinkDirective', 'selector': '[eclBannerTitleLink]'},{'name': 'EclBannerTitleTextDirective', 'selector': '[eclBannerTitleText]'},{'name': 'EclBannerVideoDirective', 'selector': 'video[eclBannerVideo]'},{'name': 'ECLBaseDirective', 'selector': '[eclBase]'},{'name': 'EclBlockquoteImageDirective', 'selector': 'img[eclBlockquoteImage]'},{'name': 'EclBlockquotePictureDirective', 'selector': 'picture[eclBlockquotePicture]'},{'name': 'EclBreadcrumbContainerDirective', 'selector': '[eclBreadcrumbContainer]'},{'name': 'EclButtonIconContainerDirective', 'selector': '[eclButtonIconContainer]'},{'name': 'EclButtonLabelDirective', 'selector': '[eclButtonLabel]'},{'name': 'EclCardImageDirective', 'selector': 'img[eclCardImage]'},{'name': 'EclCardPictureDirective', 'selector': 'picture[eclCardPicture]'},{'name': 'EclCheckboxDirective', 'selector': '[eclCheckbox]'},{'name': 'EclCheckboxInputDirective', 'selector': 'input[eclCheckboxInput]'},{'name': 'ECLClickOutsideDirective', 'selector': '[eclClickOutside]'},{'name': 'EclContainerDirective', 'selector': '[eclContainer]'},{'name': 'EclContentBlockDescriptionDirective', 'selector': '[eclContentBlockDescription]'},{'name': 'EclContentBlockLabelDirective', 'selector': '[eclContentBlockLabel]'},{'name': 'EclContentBlockLabelsDirective', 'selector': '[eclContentBlockLabels]'},{'name': 'EclContentBlockLinkDirective', 'selector': '[eclContentBlockLink]'},{'name': 'EclContentBlockLinksContainerDirective', 'selector': '[eclContentBlockLinksContainer]'},{'name': 'EclContentBlockLinksDirective', 'selector': '[eclContentBlockLinks]'},{'name': 'EclContentBlockListContainerDirective', 'selector': '[eclContentBlockListContainer]'},{'name': 'EclContentBlockListDirective', 'selector': '[eclContentBlockList]'},{'name': 'EclContentBlockPrimaryMetaDirective', 'selector': '[eclContentBlockPrimaryMeta]'},{'name': 'EclContentBlockPrimaryMetasDirective', 'selector': '[eclContentBlockPrimaryMetas]'},{'name': 'EclContentBlockSecondaryMetaDirective', 'selector': '[eclContentBlockSecondaryMeta]'},{'name': 'EclContentBlockSecondaryMetaIconDirective', 'selector': '[eclContentBlockSecondaryMetaIcon]'},{'name': 'EclContentBlockSecondaryMetaLabelDirective', 'selector': '[eclContentBlockSecondaryMetaLabel]'},{'name': 'EclContentBlockSecondaryMetasDirective', 'selector': '[eclContentBlockSecondaryMetas]'},{'name': 'EclContentBlockTagDirective', 'selector': '[eclContentBlockTag]'},{'name': 'EclContentBlockTagsDirective', 'selector': '[eclContentBlockTags]'},{'name': 'EclContentBlockTitleDirective', 'selector': '[eclContentBlockTitle]'},{'name': 'EclContentItemImageDirective', 'selector': '[eclContentItemImage]'},{'name': 'EclContentItemPictureDirective', 'selector': '[eclContentItemPicture]'},{'name': 'EclDatePickerDirective', 'selector': 'input[eclDatePicker]'},{'name': 'EclDatePickerDuetDirective', 'selector': 'duet-date-picker[eclDatePicker]'},{'name': 'EclDescriptionListDefinitionItemDirective', 'selector': '[eclDescriptionListDefinitionItem]'},{'name': 'EclDescriptionListDefinitionListDirective', 'selector': '[eclDescriptionListDefinitionList]'},{'name': 'EclDescriptionListDirective', 'selector': '[eclDescriptionList]'},{'name': 'EclDescriptionListTermDirective', 'selector': '[eclDescriptionListTerm]'},{'name': 'EclDividerDirective', 'selector': 'hr[eclDivider]'},{'name': 'EclFactFiguresDescriptionDirective', 'selector': 'div[eclFactFiguresDescription]'},{'name': 'EclFactFiguresSourceDirective', 'selector': 'a[eclFactFiguresSource]'},{'name': 'EclFactFiguresSourcesItemDirective', 'selector': 'li[eclFactFiguresSourcesItem]'},{'name': 'EclFactFiguresSourcesListDirective', 'selector': 'ul[eclFactFiguresSourcesList]'},{'name': 'EclFeaturedItemLinkDirective', 'selector': '[eclFeaturedItemLink]'},{'name': 'EclFeaturedMediaAnchorDirective', 'selector': '[eclFeaturedMediaAnchor]'},{'name': 'EclFeedbackHiddenDirective', 'selector': '[eclFeedbackHidden]'},{'name': 'EclFeedbackMessageDirective', 'selector': '[eclFeedbackMessage]'},{'name': 'EclFileDownloadDirective', 'selector': '[eclFileDownload]'},{'name': 'EclFileImageDirective', 'selector': 'img[eclFileImage]'},{'name': 'EclFileMetaDirective', 'selector': '[eclFileMeta]'},{'name': 'EclFilePictureDirective', 'selector': 'picture[eclFilePicture]'},{'name': 'EclFilePreviewDirective', 'selector': '[eclFilePreview]'},{'name': 'EclFileTitleDirective', 'selector': '[eclFileTitle]'},{'name': 'EclFileTranslationDownloadDirective', 'selector': '[eclFileTranslationDownload]'},{'name': 'EclFileUploadDirective', 'selector': '[eclFileUpload]'},{'name': 'ECLFormLabelOptionalDirective', 'selector': '[eclFormLabelOptional]'},{'name': 'EclGalleryMediaDirective', 'selector': '[eclGalleryMedia], [eclGalleryImage]'},{'name': 'EclGalleryPictureDirective', 'selector': 'picture[eclGalleryPicture]'},{'name': 'EclGalleryThumbnailDirective', 'selector': 'picture[eclGalleryThumbnail]'},{'name': 'EclHelpBlockDirective', 'selector': '[eclHelpBlock]'},{'name': 'EclHelpHiddenDirective', 'selector': '[eclHelpHidden]'},{'name': 'EclHiddenDirective', 'selector': '[eclHidden]'},{'name': 'EclHighlightBoxDescriptionDirective', 'selector': '[eclHighlightBoxDescription]'},{'name': 'EclHighlightBoxIconDirective', 'selector': 'ecl-icon[eclHighlightBoxIcon]'},{'name': 'EclHighlightBoxLinkDirective', 'selector': 'a[eclHighlightBoxLink]'},{'name': 'EclHighlightBoxTitleDirective', 'selector': '[eclHighlightBoxTitle]'},{'name': 'EclHighlightedSearchSuggestionsDirective', 'selector': '[eclHighlightedSearchSuggestions]'},{'name': 'EclIndicatorLabelDirective', 'selector': '[eclIndicatorLabel]'},{'name': 'EclInpageNavigationListDirective', 'selector': 'ul[eclInpageNavigationList]'},{'name': 'EclLabelDirective', 'selector': '[eclLabel]'},{'name': 'EclLayoutItemDirective', 'selector': '[eclLayoutItem]'},{'name': 'EclLayoutWrapperDescriptionDirective', 'selector': '[eclLayoutWrapperDescription]'},{'name': 'EclLayoutWrapperTitleDirective', 'selector': '[eclLayoutWrapperTitle]'},{'name': 'EclLayoutWrapperViewAllDirective', 'selector': '[eclLayoutWrapperViewAll]'},{'name': 'EclLinkDirective', 'selector': '[eclLink]'},{'name': 'EclLinkIconContainerDirective', 'selector': '[eclLinkIconContainer]'},{'name': 'EclLinkLabelDirective', 'selector': '[eclLinkLabel]'},{'name': 'EclListIllustrationIconDirective', 'selector': '[eclListIllustrationIcon]'},{'name': 'EclListIllustrationImageDirective', 'selector': 'img[eclListIllustrationImage]'},{'name': 'EclListIllustrationPictureDirective', 'selector': 'picture[eclListIllustrationPicture]'},{'name': 'EclLoadingIndicatorLabelDirective', 'selector': '[eclLoadingIndicatorLabel]'},{'name': 'EclLoadingIndicatorOverlayDirective', 'selector': '[eclLoadingIndicatorOverlay]'},{'name': 'EclMediaContainerCaptionDirective', 'selector': 'figcaption[eclMediaContainerCaption]'},{'name': 'EclMediaContainerCreditDirective', 'selector': 'footer[eclMediaContainerCredit]'},{'name': 'EclMediaContainerIframeDirective', 'selector': 'iframe[eclMediaContainerIframe]'},{'name': 'EclMediaContainerItemAudioDescriptionDirective', 'selector': '[eclMediaContainerItemAudioDescription]'},{'name': 'EclMediaContainerItemDirective', 'selector': '[eclMediaContainerItem], img[eclMediaContainerImage]'},{'name': 'EclMediaContainerPictureDirective', 'selector': 'picture[eclMediaContainerPicture]'},{'name': 'EclMegaMenuContainerDirective', 'selector': 'div[eclMegaMenuContainer]'},{'name': 'EclMegaMenuFeaturedImageDirective', 'selector': '[eclMegaMenuFeaturedImage]'},{'name': 'EclMegaMenuFeaturedListDirective', 'selector': '[eclMegaMenuFeaturedList]'},{'name': 'EclMegaMenuFeaturedListItemDescriptionDirective', 'selector': '[eclMegaMenuFeaturedListItemDescription]'},{'name': 'EclMegaMenuFeaturedListItemDirective', 'selector': '[eclMegaMenuFeaturedListItem]'},{'name': 'EclMegaMenuFeaturedPictureDirective', 'selector': '[eclMegaMenuFeaturedPicture]'},{'name': 'EclMegaMenuListDirective', 'selector': 'ul[eclMegaMenuList]'},{'name': 'EclMegaMenuSpacerDirective', 'selector': 'li[eclMegaMenuSpacer]'},{'name': 'EclMegaMenuSublistDirective', 'selector': 'ul[eclMegaMenuSublist]'},{'name': 'EclModalBodyFixedContentDirective', 'selector': '[eclModalBodyFixedContent]'},{'name': 'EclModalCloseDirective', 'selector': '[eclModalClose]'},{'name': 'EclModalTriggerDirective', 'selector': '[eclModalTriggerFor]'},{'name': 'EclMultiselectOptionDirective', 'selector': 'optgroup[eclMultiselectOptgroup], option[eclMultiselectOption]'},{'name': 'EclNavigationListImageDirective', 'selector': 'img[eclNavigationListImage]'},{'name': 'EclNavigationListPictureDirective', 'selector': 'picture[eclNavigationListPicture]'},{'name': 'EclNewsTickerIconDirective', 'selector': '[eclNewsTickerIcon]'},{'name': 'EclNotificationIconDirective', 'selector': '[eclNotificationIcon]'},{'name': 'EclNotificationLinkDirective', 'selector': '[eclNotificationLink]'},{'name': 'EclNotificationTitleDirective', 'selector': '[eclNotificationTitle]'},{'name': 'EclOrderedListDirective', 'selector': '[eclOrderedList]'},{'name': 'EclOrderedListItemDirective', 'selector': '[eclOrderedListItem]'},{'name': 'EclPageHeaderBackgroundImageDirective', 'selector': '[eclPageHeaderBackgroundImage]'},{'name': 'EclPageHeaderBackgroundPictureDirective', 'selector': '[eclPageHeaderBackgroundPicture]'},{'name': 'EclPageHeaderContainerDirective', 'selector': '[eclPageHeaderContainer]'},{'name': 'EclPageHeaderDescriptionDirective', 'selector': 'p[eclPageHeaderDescription]'},{'name': 'EclPageHeaderDescriptionPictureDirective', 'selector': '[eclPageHeaderDescriptionPicture]'},{'name': 'EclPageHeaderDescriptionThumbnailDirective', 'selector': '[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage]'},{'name': 'EclPageHeaderExpandableHeaderDirective', 'selector': '[eclPageHeaderExpandableHeader]'},{'name': 'EclPageHeaderInfoDirective', 'selector': '[eclPageHeaderInfo]'},{'name': 'EclPageHeaderMetaDirective', 'selector': '[eclPageHeaderMeta]'},{'name': 'EclPageHeaderMetaItemDirective', 'selector': '[eclPageHeaderMetaItem]'},{'name': 'EclPageHeaderTitleDirective', 'selector': '[eclPageHeaderTitle]'},{'name': 'EclPageInformationDirective', 'selector': '[eclPageInformation]'},{'name': 'EclPaginationListDirective', 'selector': '[eclPaginationList]'},{'name': 'EclPopoverContentDirective', 'selector': '[eclPopoverContent]'},{'name': 'EclPopoverToggleDirective', 'selector': '[eclPopoverToggle]'},{'name': 'EclQuizListDirective', 'selector': 'ol[eclQuizList]'},{'name': 'EclRadioDirective', 'selector': '[eclRadio]'},{'name': 'EclRadioInputDirective', 'selector': 'input[eclRadioInput]'},{'name': 'EclRangeDirective', 'selector': 'input[eclRange]'},{'name': 'EclSelectDirective', 'selector': 'select[eclSelect]'},{'name': 'EclSiteFooterActionButtonDirective', 'selector': 'a[eclSiteFooterActionButton]'},{'name': 'EclSiteFooterColumnDirective', 'selector': '[eclSiteFooterColumn]'},{'name': 'EclSiteFooterCoownerItemDirective', 'selector': '[eclSiteFooterCoownerItem]'},{'name': 'EclSiteFooterCoownerListDirective', 'selector': '[eclSiteFooterCoownerList]'},{'name': 'EclSiteFooterDescriptionDirective', 'selector': '[eclSiteFooterDescription]'},{'name': 'EclSiteFooterDescriptionNameDirective', 'selector': '[eclSiteFooterDescriptionName]'},{'name': 'EclSiteFooterLinkDirective', 'selector': '[eclSiteFooterLink]'},{'name': 'EclSiteFooterListDirective', 'selector': '[eclSiteFooterList]'},{'name': 'EclSiteFooterListItemDirective', 'selector': '[eclSiteFooterListItem]'},{'name': 'EclSiteFooterLogoImageDirective', 'selector': 'img[eclSiteFooterLogoImage]'},{'name': 'EclSiteFooterLogoLinkDirective', 'selector': '[eclSiteFooterLogoLink]'},{'name': 'EclSiteFooterPictureDirective', 'selector': 'picture[eclSiteFooterPicture]'},{'name': 'EclSiteFooterRowDirective', 'selector': '[eclSiteFooterRow]'},{'name': 'EclSiteFooterSectionDirective', 'selector': '[eclSiteFooterSection]'},{'name': 'EclSiteFooterSocialMediaDirective', 'selector': '[eclSiteFooterSocialMedia]'},{'name': 'EclSiteFooterTitleDirective', 'selector': '[eclSiteFooterTitle]'},{'name': 'EclSiteFooterTitleLinkDirective', 'selector': '[eclSiteFooterTitleLink]'},{'name': 'EclSiteHeaderCtaDirective', 'selector': '[eclSiteHeaderCta]'},{'name': 'EclSiteHeaderCustomActionContentDirective', 'selector': 'div[eclSiteHeaderCustomActionContent]'},{'name': 'EclSiteHeaderCustomActionLinkDirective', 'selector': 'a[eclSiteHeaderCustomActionLink]'},{'name': 'EclSiteHeaderCustomActionTitleDirective', 'selector': 'div[eclSiteHeaderCustomActionTitle]'},{'name': 'EclSiteHeaderImageDirective', 'selector': '[eclSiteHeaderImage]'},{'name': 'EclSiteHeaderLinkDirective', 'selector': '[eclSiteHeaderLink]'},{'name': 'EclSiteHeaderLoginDescriptionDirective', 'selector': '[eclSiteHeaderLoginDescription]'},{'name': 'EclSiteHeaderLoginSeparatorDirective', 'selector': '[eclSiteHeaderLoginSeparator]'},{'name': 'EclSiteHeaderPictureDirective', 'selector': '[eclSiteHeaderPicture]'},{'name': 'EclSloganTickerListDirective', 'selector': 'ul[eclSloganTickerList]'},{'name': 'EclSloganTickerSlideDirective', 'selector': 'li[eclSloganTickerSlide]'},{'name': 'EclSocialMediaFollowLinkDirective', 'selector': '[eclSocialMediaFollowLink]'},{'name': 'EclSplashPageLanguageItemDirective', 'selector': '[eclSplashPageLanguageItem]'},{'name': 'EclSplashPageLanguageListDirective', 'selector': '[eclSplashPageLanguageList]'},{'name': 'EclSplashPageLogoImageDirective', 'selector': 'img[eclSplashPageLogoImage]'},{'name': 'EclSplashPageLogoLinkDirective', 'selector': 'img[eclSplashPageLogoLink]'},{'name': 'EclSplashPagePictureDirective', 'selector': 'picture[eclSplashPagePicture]'},{'name': 'EclSpotlightImageDirective', 'selector': 'img[eclSpotlightImage]'},{'name': 'EclSpotlightPictureDirective', 'selector': 'picture[eclSpotlightPicture]'},{'name': 'EclStoryCardLinkDirective', 'selector': '[eclStoryCardLink]'},{'name': 'EclStoryCardListDirective', 'selector': 'ul[eclStoryCardList]'},{'name': 'EclStoryCardPictureDirective', 'selector': 'picture[eclStoryCardPicture]'},{'name': 'EclTableBodyDirective', 'selector': '[eclTableBody]'},{'name': 'EclTableCaptionDirective', 'selector': 'caption[eclTableCaption]'},{'name': 'EclTableCellDirective', 'selector': '[eclTableCell]'},{'name': 'EclTableCellGroupDirective', 'selector': '[eclTableCellGroup]'},{'name': 'EclTableDirective', 'selector': '[eclTable]'},{'name': 'EclTableHeadDirective', 'selector': '[eclTableHead]'},{'name': 'EclTableHeaderDirective', 'selector': '[eclTableHeader]'},{'name': 'EclTableResponsiveDirective', 'selector': '[eclTableResponsive]'},{'name': 'EclTableRowDirective', 'selector': '[eclTableRow]'},{'name': 'EclTagIconExternalDirective', 'selector': '[eclTagIconExternal]'},{'name': 'EclTagSetDirective', 'selector': '[eclTagSet]'},{'name': 'EclTagSetItemDirective', 'selector': '[eclTagSetItem]'},{'name': 'EclTextAreaDirective', 'selector': 'textarea[eclTextArea]'},{'name': 'EclTextInputDirective', 'selector': 'input[eclTextInput]'},{'name': 'EclTextMediaContainerDirective', 'selector': 'ecl-media-container[eclTextMediaContainer]'},{'name': 'EclTextMediaDescriptionDirective', 'selector': 'div[eclTextMediaDescription]'},{'name': 'EclTextMediaLinkDirective', 'selector': 'a[eclTextMediaLink]'},{'name': 'EclTextMediaMediaAnchorDirective', 'selector': 'img[eclTextMediaImgAnchor]'},{'name': 'EclTextMediaMicroTitleDirective', 'selector': 'div[eclTextMediaMicroTitle]'},{'name': 'EclTextMediaTitleDirective', 'selector': 'div[eclTextMediaTitle]'},{'name': 'EclTimelineItemLabelDirective', 'selector': '[eclTimelineItemLabel]'},{'name': 'EclTimelineItemTitleDirective', 'selector': '[eclTimelineItemTitle]'},{'name': 'EclTimelineSetDirective', 'selector': '[eclTimelineSet]'},{'name': 'EclTooltipDirective', 'selector': '[eclTooltip]'},{'name': 'EclUnorderedListDirective', 'selector': '[eclUnorderedList]'},{'name': 'EclUnorderedListItemDirective', 'selector': '[eclUnorderedListItem]'}];
1052
+ var ACTUAL_COMPONENT = {'name': 'EclSliderPagerComponent'};
1053
+ </script>
1054
+ <script src="../js/tree.js"></script>
1055
+
1056
+
1057
+
1058
+
1059
+
1060
+
1061
+
1062
+
1063
+
1064
+
1065
+
1066
+
1067
+
1068
+
1069
+
1070
+
1071
+
1072
+ </div><div class="search-results">
1073
+ <div class="has-results">
1074
+ <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
1075
+ <ul class="search-results-list"></ul>
1076
+ </div>
1077
+ <div class="no-results">
1078
+ <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
1079
+ </div>
1080
+ </div>
1081
+ </div>
1082
+ <!-- END CONTENT -->
1083
+ </div>
1084
+ </div>
1085
+
1086
+ <label class="dark-mode-switch">
1087
+ <input type="checkbox">
1088
+ <span class="slider">
1089
+ <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
1090
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
1091
+ </svg>
1092
+ </span>
1093
+ </label>
1094
+
1095
+ <script>
1096
+ var COMPODOC_CURRENT_PAGE_DEPTH = 1;
1097
+ var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
1098
+ var COMPODOC_CURRENT_PAGE_URL = 'EclSliderPagerComponent.html';
1099
+ var MAX_SEARCH_RESULTS = 15;
1100
+ </script>
1101
+
1102
+ <script>
1103
+ $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
1104
+ var updateDarkModeSwitchOffset = function () {
1105
+ var content = document.querySelector('.content');
1106
+ var scrollbarWidth = 0;
1107
+
1108
+ if (content) {
1109
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
1110
+ }
1111
+
1112
+ document.documentElement.style.setProperty(
1113
+ '--content-scrollbar-width',
1114
+ scrollbarWidth + 'px'
1115
+ );
1116
+ };
1117
+
1118
+ updateDarkModeSwitchOffset();
1119
+ requestAnimationFrame(updateDarkModeSwitchOffset);
1120
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
1121
+
1122
+ checkToggle(darkModeState);
1123
+ if ($darkModeToggleSwitchers.length > 0) {
1124
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
1125
+ $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
1126
+ darkModeState = !darkModeState;
1127
+ toggleDarkMode(darkModeState);
1128
+ });
1129
+ }
1130
+ }
1131
+ </script>
1132
+
1133
+ <script src="../js/libs/custom-elements.min.js"></script>
1134
+ <script src="../js/libs/lit-html.js"></script>
1135
+
1136
+ <script src="../js/menu-wc.js" defer></script>
1137
+
1138
+ <script src="../js/libs/bootstrap-native.js"></script>
1139
+
1140
+ <script src="../js/libs/es6-shim.min.js"></script>
1141
+ <script src="../js/libs/EventDispatcher.js"></script>
1142
+ <script src="../js/libs/promise.min.js"></script>
1143
+
1144
+ <script src="../js/compodoc.js"></script>
1145
+
1146
+ <script src="../js/tabs.js"></script>
1147
+ <script src="../js/menu.js"></script>
1148
+ <script src="../js/libs/clipboard.min.js"></script>
1149
+ <script src="../js/libs/prism.js"></script>
1150
+ <script src="../js/sourceCode.js"></script>
1151
+ <script src="../js/search/search.js"></script>
1152
+ <script src="../js/search/lunr.min.js"></script>
1153
+ <script src="../js/search/search-lunr.js"></script>
1154
+ <script src="../js/search/search_index.js"></script>
1155
+ <script src="../js/lazy-load-graphs.js"></script>
1156
+
1157
+
1158
+ </body>
1159
+ </html>