@eui/ecl 21.2.6 → 21.2.7-snapshot-1780663563127

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 (209) hide show
  1. package/assets/i18n-ecl/bg.json +218 -211
  2. package/assets/i18n-ecl/cs.json +217 -210
  3. package/assets/i18n-ecl/da.json +218 -211
  4. package/assets/i18n-ecl/de.json +218 -211
  5. package/assets/i18n-ecl/el.json +218 -211
  6. package/assets/i18n-ecl/en.json +219 -212
  7. package/assets/i18n-ecl/es.json +218 -211
  8. package/assets/i18n-ecl/et.json +219 -212
  9. package/assets/i18n-ecl/fi.json +219 -212
  10. package/assets/i18n-ecl/fr.json +219 -212
  11. package/assets/i18n-ecl/ga.json +219 -212
  12. package/assets/i18n-ecl/hr.json +219 -212
  13. package/assets/i18n-ecl/hu.json +219 -212
  14. package/assets/i18n-ecl/it.json +219 -212
  15. package/assets/i18n-ecl/lt.json +219 -212
  16. package/assets/i18n-ecl/lv.json +219 -212
  17. package/assets/i18n-ecl/mt.json +219 -212
  18. package/assets/i18n-ecl/nl.json +219 -212
  19. package/assets/i18n-ecl/pl.json +219 -212
  20. package/assets/i18n-ecl/pt.json +219 -212
  21. package/assets/i18n-ecl/ro.json +219 -212
  22. package/assets/i18n-ecl/sk.json +219 -212
  23. package/assets/i18n-ecl/sl.json +219 -212
  24. package/assets/i18n-ecl/sv.json +219 -212
  25. package/components/ecl-add-to-calendar/package.json +4 -0
  26. package/components/ecl-quiz/package.json +4 -0
  27. package/docs/changelog.html +47 -0
  28. package/docs/components/EclAccordionComponent.html +2 -2
  29. package/docs/components/EclAccordionItemComponent.html +2 -2
  30. package/docs/components/EclAccordionSummaryComponent.html +2 -2
  31. package/docs/components/EclAddToCalendarComponent.html +711 -0
  32. package/docs/components/EclAppComponent.html +2 -2
  33. package/docs/components/EclBannerComponent.html +26 -2
  34. package/docs/components/EclBlockquoteComponent.html +2 -2
  35. package/docs/components/EclBreadcrumbComponent.html +2 -2
  36. package/docs/components/EclBreadcrumbSegmentComponent.html +2 -2
  37. package/docs/components/EclButtonComponent.html +2 -2
  38. package/docs/components/EclCardBodyComponent.html +2 -2
  39. package/docs/components/EclCardComponent.html +2 -2
  40. package/docs/components/EclCarouselComponent.html +2 -2
  41. package/docs/components/EclCarouselItemComponent.html +2 -2
  42. package/docs/components/EclCategoryFilterComponent.html +2 -2
  43. package/docs/components/EclCategoryFilterItemComponent.html +2 -2
  44. package/docs/components/EclCategoryFilterListComponent.html +2 -2
  45. package/docs/components/EclCheckboxHelpComponent.html +2 -2
  46. package/docs/components/EclCheckboxLabelComponent.html +2 -2
  47. package/docs/components/EclContentBlockComponent.html +2 -2
  48. package/docs/components/EclContentItemComponent.html +2 -2
  49. package/docs/components/EclDateBlockComponent.html +2 -2
  50. package/docs/components/EclDescriptionListDefinitionComponent.html +2 -2
  51. package/docs/components/EclExpandableComponent.html +2 -2
  52. package/docs/components/EclFactFiguresComponent.html +2 -2
  53. package/docs/components/EclFactFiguresItemComponent.html +2 -2
  54. package/docs/components/EclFactFiguresViewAllComponent.html +2 -2
  55. package/docs/components/EclFeaturedComponent.html +2 -2
  56. package/docs/components/EclFeaturedItemComponent.html +19 -43
  57. package/docs/components/EclFeaturedItemDescriptionComponent.html +2 -2
  58. package/docs/components/EclFileComponent.html +42 -17
  59. package/docs/components/EclFileItemComponent.html +29 -10
  60. package/docs/components/EclFileItemsComponent.html +2 -2
  61. package/docs/components/EclFileTaxonomyComponent.html +2 -2
  62. package/docs/components/EclFormGroupComponent.html +2 -2
  63. package/docs/components/EclFormLabelComponent.html +2 -2
  64. package/docs/components/EclGalleryComponent.html +2 -2
  65. package/docs/components/EclGalleryFooterComponent.html +2 -2
  66. package/docs/components/EclGalleryItemComponent.html +2 -2
  67. package/docs/components/EclIconComponent.html +3 -3
  68. package/docs/components/EclIndicatorComponent-1.html +2 -2
  69. package/docs/components/EclIndicatorComponent.html +2 -2
  70. package/docs/components/EclInpageNavigationComponent.html +2 -2
  71. package/docs/components/EclInpageNavigationItemComponent.html +2 -2
  72. package/docs/components/EclListIllustrationComponent.html +2 -2
  73. package/docs/components/EclListIllustrationItemComponent.html +2 -2
  74. package/docs/components/EclLoadingIndicatorComponent.html +2 -2
  75. package/docs/components/EclMediaContainerComponent.html +2 -2
  76. package/docs/components/EclMegaMenuComponent.html +2 -2
  77. package/docs/components/EclMegaMenuFeaturedComponent.html +2 -2
  78. package/docs/components/EclMegaMenuInfoComponent.html +2 -2
  79. package/docs/components/EclMegaMenuItemComponent.html +2 -2
  80. package/docs/components/EclMegaMenuSubitemComponent.html +2 -2
  81. package/docs/components/EclMenuComponent.html +2 -2
  82. package/docs/components/EclMenuItemComponent.html +15 -15
  83. package/docs/components/EclMenuMegaComponent.html +2 -2
  84. package/docs/components/EclMenuMegaItemComponent.html +2 -2
  85. package/docs/components/EclModalBodyComponent.html +2 -2
  86. package/docs/components/EclModalComponent.html +2 -2
  87. package/docs/components/EclModalFooterComponent.html +2 -2
  88. package/docs/components/EclModalHeaderComponent.html +2 -2
  89. package/docs/components/EclMultiselectComponent.html +148 -12
  90. package/docs/components/EclMultiselectDropdownComponent.html +172 -124
  91. package/docs/components/EclMultiselectInputComponent.html +215 -144
  92. package/docs/components/EclMultiselectOptgroupComponent.html +2 -2
  93. package/docs/components/EclMultiselectOptionComponent.html +2 -2
  94. package/docs/components/EclNavigationListComponent.html +2 -2
  95. package/docs/components/EclNavigationListItemComponent.html +2 -2
  96. package/docs/components/EclNewsTickerComponent.html +2 -2
  97. package/docs/components/EclNewsTickerItemComponent.html +2 -2
  98. package/docs/components/EclNotificationComponent.html +2 -2
  99. package/docs/components/EclPageHeaderComponent.html +2 -2
  100. package/docs/components/EclPageHeaderDescriptionContainerComponent.html +2 -2
  101. package/docs/components/EclPageHeaderExpandableComponent.html +2 -2
  102. package/docs/components/EclPageHeaderNextComponent.html +2 -2
  103. package/docs/components/EclPageHeaderSectionComponent.html +2 -2
  104. package/docs/components/EclPageHeaderSectionInfoComponent.html +2 -2
  105. package/docs/components/EclPaginationComponent.html +2 -2
  106. package/docs/components/EclPaginationItemComponent.html +2 -2
  107. package/docs/components/EclPopoverComponent.html +2 -2
  108. package/docs/components/EclQuizCardComponent.html +2119 -0
  109. package/docs/components/EclQuizComponent.html +1527 -0
  110. package/docs/components/EclRadioHelpComponent.html +2 -2
  111. package/docs/components/EclRadioLabelComponent.html +2 -2
  112. package/docs/components/EclRangeBubbleComponent.html +2 -2
  113. package/docs/components/EclRangeValueComponent.html +2 -2
  114. package/docs/components/EclRatingFieldComponent.html +2 -2
  115. package/docs/components/EclSearchFormComponent.html +2 -2
  116. package/docs/components/EclSelectContainerComponent.html +2 -2
  117. package/docs/components/EclSiteFooterComponent.html +2 -2
  118. package/docs/components/EclSiteFooterCoownerComponent.html +2 -2
  119. package/docs/components/EclSiteFooterCoreComponent.html +2 -2
  120. package/docs/components/EclSiteFooterFixedContentEUComponent.html +2 -2
  121. package/docs/components/EclSiteFooterRowCommonComponent.html +2 -2
  122. package/docs/components/EclSiteHeaderActionComponent.html +2 -2
  123. package/docs/components/EclSiteHeaderBannerTopComponent.html +2 -2
  124. package/docs/components/EclSiteHeaderComponent.html +2 -2
  125. package/docs/components/EclSiteHeaderCustomActionComponent.html +2 -2
  126. package/docs/components/EclSiteHeaderEnvironmentComponent.html +2 -2
  127. package/docs/components/EclSiteHeaderLanguageComponent.html +2 -2
  128. package/docs/components/EclSiteHeaderLanguagePopoverComponent.html +2 -2
  129. package/docs/components/EclSiteHeaderLoginComponent.html +2 -2
  130. package/docs/components/EclSiteHeaderNotificationComponent.html +2 -2
  131. package/docs/components/EclSiteHeaderSearchComponent.html +2 -2
  132. package/docs/components/EclSocialMediaFollowComponent.html +2 -2
  133. package/docs/components/EclSocialMediaFollowItemComponent.html +2 -2
  134. package/docs/components/EclSplashPageComponent.html +2 -2
  135. package/docs/components/EclSplashPageLanguageCategoryComponent.html +2 -2
  136. package/docs/components/EclSplashPageLanguageContainerComponent.html +2 -2
  137. package/docs/components/EclSplashPageLanguageLinkComponent.html +2 -2
  138. package/docs/components/EclSpotlightComponent.html +2 -2
  139. package/docs/components/EclSpotlightLinkComponent.html +2 -2
  140. package/docs/components/EclStickyContainerComponent.html +2 -2
  141. package/docs/components/EclTabComponent.html +2 -2
  142. package/docs/components/EclTabLabelComponent.html +2 -2
  143. package/docs/components/EclTableSortButtonComponent.html +2 -2
  144. package/docs/components/EclTabsComponent.html +111 -131
  145. package/docs/components/EclTagComponent.html +2 -2
  146. package/docs/components/EclTimelineComponent.html +2 -2
  147. package/docs/components/EclTimelineItemComponent.html +2 -2
  148. package/docs/components/EclTimelineItemTogglerComponent.html +2 -2
  149. package/docs/directives/EclAddToCalendarActionDirective.html +253 -0
  150. package/docs/interfaces/EclQuizCardFlipEvent.html +379 -0
  151. package/docs/js/menu-wc.js +15 -0
  152. package/docs/js/menu-wc_es5.js +1 -1
  153. package/docs/js/search/search_index.js +2 -2
  154. package/docs/json/EclAddToCalendarActionDirective.md +8 -0
  155. package/docs/json/EclAddToCalendarComponent.md +21 -0
  156. package/docs/json/EclBannerComponent.md +1 -0
  157. package/docs/json/EclFeaturedItemComponent.md +2 -1
  158. package/docs/json/EclFileComponent.md +2 -1
  159. package/docs/json/EclFileItemComponent.md +2 -1
  160. package/docs/json/EclIconComponent.md +1 -1
  161. package/docs/json/EclMultiselectComponent.md +2 -1
  162. package/docs/json/EclMultiselectInputComponent.md +7 -7
  163. package/docs/json/EclQuizCardComponent.md +30 -0
  164. package/docs/json/EclQuizComponent.md +22 -0
  165. package/docs/json/documentation.json +2658 -714
  166. package/docs/miscellaneous/variables.html +70 -0
  167. package/docs/overview.html +3 -3
  168. package/docs/properties.html +1 -1
  169. package/fesm2022/eui-ecl-components-ecl-add-to-calendar.mjs +73 -0
  170. package/fesm2022/eui-ecl-components-ecl-add-to-calendar.mjs.map +1 -0
  171. package/fesm2022/eui-ecl-components-ecl-app.mjs +5 -3
  172. package/fesm2022/eui-ecl-components-ecl-app.mjs.map +1 -1
  173. package/fesm2022/eui-ecl-components-ecl-banner.mjs +4 -2
  174. package/fesm2022/eui-ecl-components-ecl-banner.mjs.map +1 -1
  175. package/fesm2022/eui-ecl-components-ecl-featured.mjs +9 -13
  176. package/fesm2022/eui-ecl-components-ecl-featured.mjs.map +1 -1
  177. package/fesm2022/eui-ecl-components-ecl-file.mjs +63 -36
  178. package/fesm2022/eui-ecl-components-ecl-file.mjs.map +1 -1
  179. package/fesm2022/eui-ecl-components-ecl-icon.mjs +4 -1
  180. package/fesm2022/eui-ecl-components-ecl-icon.mjs.map +1 -1
  181. package/fesm2022/eui-ecl-components-ecl-menu.mjs +5 -5
  182. package/fesm2022/eui-ecl-components-ecl-menu.mjs.map +1 -1
  183. package/fesm2022/eui-ecl-components-ecl-multiselect.mjs +146 -133
  184. package/fesm2022/eui-ecl-components-ecl-multiselect.mjs.map +1 -1
  185. package/fesm2022/eui-ecl-components-ecl-quiz.mjs +496 -0
  186. package/fesm2022/eui-ecl-components-ecl-quiz.mjs.map +1 -0
  187. package/fesm2022/eui-ecl-components-ecl-range.mjs +1 -0
  188. package/fesm2022/eui-ecl-components-ecl-range.mjs.map +1 -1
  189. package/fesm2022/eui-ecl-components-ecl-tabs.mjs +72 -51
  190. package/fesm2022/eui-ecl-components-ecl-tabs.mjs.map +1 -1
  191. package/package.json +10 -2
  192. package/types/eui-ecl-components-ecl-add-to-calendar.d.ts +42 -0
  193. package/types/eui-ecl-components-ecl-add-to-calendar.d.ts.map +1 -0
  194. package/types/eui-ecl-components-ecl-app.d.ts.map +1 -1
  195. package/types/eui-ecl-components-ecl-banner.d.ts +2 -1
  196. package/types/eui-ecl-components-ecl-banner.d.ts.map +1 -1
  197. package/types/eui-ecl-components-ecl-featured.d.ts +23 -21
  198. package/types/eui-ecl-components-ecl-featured.d.ts.map +1 -1
  199. package/types/eui-ecl-components-ecl-file.d.ts +22 -15
  200. package/types/eui-ecl-components-ecl-file.d.ts.map +1 -1
  201. package/types/eui-ecl-components-ecl-icon.d.ts.map +1 -1
  202. package/types/eui-ecl-components-ecl-menu.d.ts +1 -1
  203. package/types/eui-ecl-components-ecl-multiselect.d.ts +65 -48
  204. package/types/eui-ecl-components-ecl-multiselect.d.ts.map +1 -1
  205. package/types/eui-ecl-components-ecl-quiz.d.ts +203 -0
  206. package/types/eui-ecl-components-ecl-quiz.d.ts.map +1 -0
  207. package/types/eui-ecl-components-ecl-range.d.ts.map +1 -1
  208. package/types/eui-ecl-components-ecl-tabs.d.ts +6 -17
  209. package/types/eui-ecl-components-ecl-tabs.d.ts.map +1 -1
package/docs/components/EclQuizCardComponent.html ADDED
@@ -0,0 +1,2119 @@
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"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
89
+ </div>
90
+
91
+ <div class="container-fluid main">
92
+ <div class="row main">
93
+ <div class="d-none d-md-block menu">
94
+ <compodoc-menu mode="normal"></compodoc-menu>
95
+ </div>
96
+ <!-- START CONTENT -->
97
+ <div class="content component">
98
+ <div class="content-data">
99
+
100
+
101
+
102
+
103
+
104
+
105
+
106
+
107
+ <ol class="breadcrumb">
108
+ <li class="breadcrumb-item">Components</li>
109
+ <li class="breadcrumb-item"
110
+ >
111
+ EclQuizCardComponent</li>
112
+ </ol>
113
+
114
+ <ul class="nav nav-tabs" role="tablist">
115
+ <li class="nav-item">
116
+ <a href="#info" class="nav-link active"
117
+ role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
118
+ </li>
119
+ </ul>
120
+
121
+ <div class="tab-content">
122
+ <div class="tab-pane fade active in" id="info"><p class="comment">
123
+ <h3>File</h3>
124
+ </p>
125
+ <p class="comment">
126
+ <code>packages/ecl/components/ecl-quiz/ecl-quiz-card.component.ts</code>
127
+ </p>
128
+
129
+
130
+ <p class="comment">
131
+ <h3>Description</h3>
132
+ </p>
133
+ <p class="comment">
134
+ <p>ECL Quiz Card component – represents a single card in the quiz.</p>
135
+ <p>For the &#39;reveal&#39; variant, the entire card is clickable to flip.
136
+ For the &#39;poll&#39; variant, individual options trigger the flip.</p>
137
+
138
+ </p>
139
+
140
+ <p class="comment">
141
+ <h3>Extends</h3>
142
+ </p>
143
+ <p class="comment">
144
+ <code><a href="../directives/ECLBaseDirective.html" target="_self" >ECLBaseDirective</a></code>
145
+ </p>
146
+
147
+
148
+
149
+ <section data-compodoc="block-metadata">
150
+ <h3>Metadata</h3>
151
+ <table class="table table-sm table-hover metadata">
152
+ <tbody>
153
+
154
+ <tr>
155
+ <td class="col-md-3">changeDetection</td>
156
+ <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
157
+ </tr>
158
+
159
+
160
+
161
+
162
+
163
+
164
+
165
+
166
+
167
+
168
+
169
+ <tr>
170
+ <td class="col-md-3">selector</td>
171
+ <td class="col-md-9"><code>div[eclQuizCard]</code></td>
172
+ </tr>
173
+
174
+
175
+ <tr>
176
+ <td class="col-md-3">imports</td>
177
+ <td class="col-md-9">
178
+ <code><a href="../components/EclIconComponent.html" target="_self" >EclIconComponent</a></code>
179
+ <code>TranslateModule</code>
180
+ </td>
181
+ </tr>
182
+
183
+
184
+
185
+
186
+ <tr>
187
+ <td class="col-md-3">templateUrl</td>
188
+ <td class="col-md-9"><code>./ecl-quiz-card.component.html</code></td>
189
+ </tr>
190
+
191
+
192
+
193
+
194
+
195
+
196
+
197
+
198
+ </tbody>
199
+ </table>
200
+ </section>
201
+
202
+ <section data-compodoc="block-index">
203
+ <h3 id="index">Index</h3>
204
+ <table class="table table-sm table-bordered index-table">
205
+ <tbody>
206
+ <tr>
207
+ <td class="col-md-4">
208
+ <h6><b>Properties</b></h6>
209
+ </td>
210
+ </tr>
211
+ <tr>
212
+ <td class="col-md-4">
213
+ <ul class="index-list">
214
+ <li>
215
+ <span class="modifier"></span>
216
+ <a href="#answerElementRef" >answerElementRef</a>
217
+ </li>
218
+ <li>
219
+ <span class="modifier"></span>
220
+ <a href="#ariaRoleDescription" >ariaRoleDescription</a>
221
+ </li>
222
+ <li>
223
+ <span class="modifier"></span>
224
+ <a href="#backElementRef" >backElementRef</a>
225
+ </li>
226
+ <li>
227
+ <span class="modifier"></span>
228
+ <a href="#contentElementRef" >contentElementRef</a>
229
+ </li>
230
+ <li>
231
+ <span class="modifier"></span>
232
+ <a href="#frontElementRef" >frontElementRef</a>
233
+ </li>
234
+ <li>
235
+ <a href="#isCorrect" >isCorrect</a>
236
+ </li>
237
+ <li>
238
+ <a href="#isFlipped" >isFlipped</a>
239
+ </li>
240
+ <li>
241
+ <span class="modifier"></span>
242
+ <a href="#questionElementRef" >questionElementRef</a>
243
+ </li>
244
+ <li>
245
+ <span class="modifier"></span>
246
+ <a href="#role" >role</a>
247
+ </li>
248
+ <li>
249
+ <a href="#selectedOptionIndex" >selectedOptionIndex</a>
250
+ </li>
251
+ <li>
252
+ <span class="modifier"></span>
253
+ <a href="#styleTransform" >styleTransform</a>
254
+ </li>
255
+ <li>
256
+ <a href="#variant" >variant</a>
257
+ </li>
258
+ </ul>
259
+ </td>
260
+ </tr>
261
+
262
+ <tr>
263
+ <td class="col-md-4">
264
+ <h6><b>Methods</b></h6>
265
+ </td>
266
+ </tr>
267
+ <tr>
268
+ <td class="col-md-4">
269
+ <ul class="index-list">
270
+ <li>
271
+ <a href="#flipCard" >flipCard</a>
272
+ </li>
273
+ <li>
274
+ <a href="#getAnswerElement" >getAnswerElement</a>
275
+ </li>
276
+ <li>
277
+ <a href="#getBackElement" >getBackElement</a>
278
+ </li>
279
+ <li>
280
+ <a href="#getContentElement" >getContentElement</a>
281
+ </li>
282
+ <li>
283
+ <a href="#getFrontElement" >getFrontElement</a>
284
+ </li>
285
+ <li>
286
+ <a href="#getIconName" >getIconName</a>
287
+ </li>
288
+ <li>
289
+ <a href="#getIconSize" >getIconSize</a>
290
+ </li>
291
+ <li>
292
+ <a href="#getQuestionElement" >getQuestionElement</a>
293
+ </li>
294
+ <li>
295
+ <span class="modifier"></span>
296
+ <a href="#onClick" >onClick</a>
297
+ </li>
298
+ <li>
299
+ <span class="modifier"></span>
300
+ <a href="#onKeydown" >onKeydown</a>
301
+ </li>
302
+ <li>
303
+ <a href="#onOptionClick" >onOptionClick</a>
304
+ </li>
305
+ <li>
306
+ <a href="#onOptionKeydown" >onOptionKeydown</a>
307
+ </li>
308
+ <li>
309
+ <a href="#getCssClasses" >getCssClasses</a>
310
+ </li>
311
+ </ul>
312
+ </td>
313
+ </tr>
314
+
315
+ <tr>
316
+ <td class="col-md-4">
317
+ <h6><b>Inputs</b></h6>
318
+ </td>
319
+ </tr>
320
+ <tr>
321
+ <td class="col-md-4">
322
+ <ul class="index-list">
323
+ <li>
324
+ <a href="#ariaHidden" >ariaHidden</a>
325
+ </li>
326
+ <li>
327
+ <a href="#isActive" >isActive</a>
328
+ </li>
329
+ <li>
330
+ <a href="#answer" >answer</a>
331
+ </li>
332
+ <li>
333
+ <a href="#answerTitle" >answerTitle</a>
334
+ </li>
335
+ <li>
336
+ <a href="#category" >category</a>
337
+ </li>
338
+ <li>
339
+ <a href="#icon" >icon</a>
340
+ </li>
341
+ <li>
342
+ <a href="#iconSize" >iconSize</a>
343
+ </li>
344
+ <li>
345
+ <a href="#options" >options</a>
346
+ </li>
347
+ <li>
348
+ <a href="#question" >question</a>
349
+ </li>
350
+ <li>
351
+ <a href="#class" >class</a>
352
+ </li>
353
+ <li>
354
+ <a href="#e2eAttr" >e2eAttr</a>
355
+ </li>
356
+ <li>
357
+ <a href="#tabindex" >tabindex</a>
358
+ </li>
359
+ </ul>
360
+ </td>
361
+ </tr>
362
+
363
+ <tr>
364
+ <td class="col-md-4">
365
+ <h6><b>Outputs</b></h6>
366
+ </td>
367
+ </tr>
368
+ <tr>
369
+ <td class="col-md-4">
370
+ <ul class="index-list">
371
+ <li>
372
+ <a href="#cardFlip" >cardFlip</a>
373
+ </li>
374
+ </ul>
375
+ </td>
376
+ </tr>
377
+
378
+ <tr>
379
+ <td class="col-md-4">
380
+ <h6><b>HostBindings</b></h6>
381
+ </td>
382
+ </tr>
383
+ <tr>
384
+ <td class="col-md-4">
385
+ <ul class="index-list">
386
+ <li>
387
+ <a href="#attr.aria-pressed" >attr.aria-pressed</a>
388
+ </li>
389
+ <li>
390
+ <a href="#attr.aria-roledescription" >attr.aria-roledescription</a>
391
+ </li>
392
+ <li>
393
+ <a href="#attr.role" >attr.role</a>
394
+ </li>
395
+ <li>
396
+ <a href="#attr.tabindex" >attr.tabindex</a>
397
+ </li>
398
+ <li>
399
+ <a href="#class" >class</a>
400
+ </li>
401
+ <li>
402
+ <a href="#style.tranform" >style.tranform</a>
403
+ </li>
404
+ </ul>
405
+ </td>
406
+ </tr>
407
+
408
+ <tr>
409
+ <td class="col-md-4">
410
+ <h6><b>HostListeners</b></h6>
411
+ </td>
412
+ </tr>
413
+ <tr>
414
+ <td class="col-md-4">
415
+ <ul class="index-list">
416
+ <li>
417
+ <a href="#click" >click</a>
418
+ </li>
419
+ <li>
420
+ <a href="#keydown" >keydown</a>
421
+ </li>
422
+ </ul>
423
+ </td>
424
+ </tr>
425
+
426
+ <tr>
427
+ <td class="col-md-4">
428
+ <h6><b>Accessors</b></h6>
429
+ </td>
430
+ </tr>
431
+ <tr>
432
+ <td class="col-md-4">
433
+ <ul class="index-list">
434
+ <li>
435
+ <a href="#cssClasses" >cssClasses</a>
436
+ </li>
437
+ <li>
438
+ <a href="#tabIndex" >tabIndex</a>
439
+ </li>
440
+ <li>
441
+ <a href="#ariaPressed" >ariaPressed</a>
442
+ </li>
443
+ </ul>
444
+ </td>
445
+ </tr>
446
+ </tbody>
447
+ </table>
448
+ </section>
449
+
450
+
451
+ <section data-compodoc="block-inputs">
452
+ <h3 id="inputs">Inputs</h3>
453
+ <table class="table table-sm table-bordered">
454
+ <tbody>
455
+ <tr>
456
+ <td class="col-md-4">
457
+ <a name="ariaHidden"></a>
458
+ <b>ariaHidden</b>
459
+ </td>
460
+ </tr>
461
+ <tr>
462
+ <td class="col-md-4">
463
+ <i>Type : </i> <code>string | null</code>
464
+
465
+ </td>
466
+ </tr>
467
+ <tr>
468
+ <td class="col-md-4">
469
+ <i>Default value : </i><code>null</code>
470
+ </td>
471
+ </tr>
472
+ </tbody>
473
+ </table>
474
+ <table class="table table-sm table-bordered">
475
+ <tbody>
476
+ <tr>
477
+ <td class="col-md-4">
478
+ <a name="isActive"></a>
479
+ <b>isActive</b>
480
+ </td>
481
+ </tr>
482
+ <tr>
483
+ <td class="col-md-4">
484
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
485
+
486
+ </td>
487
+ </tr>
488
+ <tr>
489
+ <td class="col-md-4">
490
+ <i>Default value : </i><code>false</code>
491
+ </td>
492
+ </tr>
493
+ <tr>
494
+ <td class="col-md-4">
495
+ <div class="io-description"><p>Whether this card is currently active/visible in the slider.</p>
496
+ </div>
497
+ </td>
498
+ </tr>
499
+ </tbody>
500
+ </table>
501
+ <table class="table table-sm table-bordered">
502
+ <tbody>
503
+ <tr>
504
+ <td class="col-md-4">
505
+ <a name="answer"></a>
506
+ <b>answer</b>
507
+ </td>
508
+ </tr>
509
+ <tr>
510
+ <td class="col-md-4">
511
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
512
+
513
+ </td>
514
+ </tr>
515
+ <tr>
516
+ <td class="col-md-4">
517
+ <i>Default value : </i><code>&#x27;&#x27;</code>
518
+ </td>
519
+ </tr>
520
+ <tr>
521
+ <td class="col-md-4">
522
+ <div class="io-description"><p>The answer text displayed on the back of the card.
523
+ Used in &#39;reveal&#39; variant or as explanation in &#39;poll&#39; variant.</p>
524
+ </div>
525
+ </td>
526
+ </tr>
527
+ </tbody>
528
+ </table>
529
+ <table class="table table-sm table-bordered">
530
+ <tbody>
531
+ <tr>
532
+ <td class="col-md-4">
533
+ <a name="answerTitle"></a>
534
+ <b>answerTitle</b>
535
+ </td>
536
+ </tr>
537
+ <tr>
538
+ <td class="col-md-4">
539
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
540
+
541
+ </td>
542
+ </tr>
543
+ <tr>
544
+ <td class="col-md-4">
545
+ <i>Default value : </i><code>&#x27;&#x27;</code>
546
+ </td>
547
+ </tr>
548
+ <tr>
549
+ <td class="col-md-4">
550
+ <div class="io-description"><p>The answer title (e.g. &quot;The correct answer is A.&quot;) for poll variant.</p>
551
+ </div>
552
+ </td>
553
+ </tr>
554
+ </tbody>
555
+ </table>
556
+ <table class="table table-sm table-bordered">
557
+ <tbody>
558
+ <tr>
559
+ <td class="col-md-4">
560
+ <a name="category"></a>
561
+ <b>category</b>
562
+ </td>
563
+ </tr>
564
+ <tr>
565
+ <td class="col-md-4">
566
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
567
+
568
+ </td>
569
+ </tr>
570
+ <tr>
571
+ <td class="col-md-4">
572
+ <i>Default value : </i><code>&#x27;&#x27;</code>
573
+ </td>
574
+ </tr>
575
+ <tr>
576
+ <td class="col-md-4">
577
+ <div class="io-description"><p>Category label displayed in the card header (poll variant).</p>
578
+ </div>
579
+ </td>
580
+ </tr>
581
+ </tbody>
582
+ </table>
583
+ <table class="table table-sm table-bordered">
584
+ <tbody>
585
+ <tr>
586
+ <td class="col-md-4">
587
+ <a name="icon"></a>
588
+ <b>icon</b>
589
+ </td>
590
+ </tr>
591
+ <tr>
592
+ <td class="col-md-4">
593
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
594
+
595
+ </td>
596
+ </tr>
597
+ <tr>
598
+ <td class="col-md-4">
599
+ <i>Default value : </i><code>&#x27;&#x27;</code>
600
+ </td>
601
+ </tr>
602
+ <tr>
603
+ <td class="col-md-4">
604
+ <div class="io-description"><p>Icon name for the card header.
605
+ Defaults to &#39;sparkle&#39; for reveal, &#39;question&#39; for poll.</p>
606
+ </div>
607
+ </td>
608
+ </tr>
609
+ </tbody>
610
+ </table>
611
+ <table class="table table-sm table-bordered">
612
+ <tbody>
613
+ <tr>
614
+ <td class="col-md-4">
615
+ <a name="iconSize"></a>
616
+ <b>iconSize</b>
617
+ </td>
618
+ </tr>
619
+ <tr>
620
+ <td class="col-md-4">
621
+ <i>Type : </i> <code>&quot;xs&quot; | &quot;s&quot; | &quot;m&quot; | &quot;l&quot; | &quot;xl&quot; | &quot;2xl&quot;</code>
622
+
623
+ </td>
624
+ </tr>
625
+ <tr>
626
+ <td class="col-md-4">
627
+ <i>Default value : </i><code>&#x27;xl&#x27;</code>
628
+ </td>
629
+ </tr>
630
+ <tr>
631
+ <td class="col-md-4">
632
+ <div class="io-description"><p>Icon size for the card header.</p>
633
+ </div>
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="options"></a>
643
+ <b>options</b>
644
+ </td>
645
+ </tr>
646
+ <tr>
647
+ <td class="col-md-4">
648
+ <i>Type : </i> <code>Array&lt;{ text: string; match: boolean }&gt;</code>
649
+
650
+ </td>
651
+ </tr>
652
+ <tr>
653
+ <td class="col-md-4">
654
+ <i>Default value : </i><code>[]</code>
655
+ </td>
656
+ </tr>
657
+ <tr>
658
+ <td class="col-md-4">
659
+ <div class="io-description"><p>Options for the poll variant. Each option has text and a match flag.</p>
660
+ </div>
661
+ </td>
662
+ </tr>
663
+ </tbody>
664
+ </table>
665
+ <table class="table table-sm table-bordered">
666
+ <tbody>
667
+ <tr>
668
+ <td class="col-md-4">
669
+ <a name="question"></a>
670
+ <b>question</b>
671
+ </td>
672
+ </tr>
673
+ <tr>
674
+ <td class="col-md-4">
675
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
676
+
677
+ </td>
678
+ </tr>
679
+ <tr>
680
+ <td class="col-md-4">
681
+ <i>Default value : </i><code>&#x27;&#x27;</code>
682
+ </td>
683
+ </tr>
684
+ <tr>
685
+ <td class="col-md-4">
686
+ <div class="io-description"><p>The question text displayed on the front of the card.</p>
687
+ </div>
688
+ </td>
689
+ </tr>
690
+ </tbody>
691
+ </table>
692
+ <table class="table table-sm table-bordered">
693
+ <tbody>
694
+ <tr>
695
+ <td class="col-md-4">
696
+ <a name="class"></a>
697
+ <b>class</b>
698
+ </td>
699
+ </tr>
700
+ <tr>
701
+ <td class="col-md-4">
702
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
703
+
704
+ </td>
705
+ </tr>
706
+ </tbody>
707
+ </table>
708
+ <table class="table table-sm table-bordered">
709
+ <tbody>
710
+ <tr>
711
+ <td class="col-md-4">
712
+ <a name="e2eAttr"></a>
713
+ <b>e2eAttr</b>
714
+ </td>
715
+ </tr>
716
+ <tr>
717
+ <td class="col-md-4">
718
+ <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
719
+
720
+ </td>
721
+ </tr>
722
+ </tbody>
723
+ </table>
724
+ <table class="table table-sm table-bordered">
725
+ <tbody>
726
+ <tr>
727
+ <td class="col-md-4">
728
+ <a name="tabindex"></a>
729
+ <b>tabindex</b>
730
+ </td>
731
+ </tr>
732
+ <tr>
733
+ <td class="col-md-4">
734
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
735
+
736
+ </td>
737
+ </tr>
738
+ </tbody>
739
+ </table>
740
+ </section>
741
+ <section data-compodoc="block-outputs">
742
+ <h3 id="outputs">Outputs</h3>
743
+ <table class="table table-sm table-bordered">
744
+ <tbody>
745
+ <tr>
746
+ <td class="col-md-4">
747
+ <a name="cardFlip"></a>
748
+ <b>cardFlip</b>
749
+ </td>
750
+ </tr>
751
+ <tr>
752
+ <td class="col-md-4">
753
+ <i>Type : </i> <code><a href="https://angular.io/api/core/EventEmitter" target="_blank" >EventEmitter</a></code>
754
+
755
+ </td>
756
+ </tr>
757
+ <tr>
758
+ <td class="col-md-4">
759
+ <div class="io-description"><p>Emitted when the card is flipped.</p>
760
+ </div>
761
+ </td>
762
+ </tr>
763
+ </tbody>
764
+ </table>
765
+ </section>
766
+ <section data-compodoc="block-properties">
767
+ <h3>HostBindings</h3> <table class="table table-sm table-bordered">
768
+ <tbody>
769
+ <tr>
770
+ <td class="col-md-4">
771
+ <a name="attr.aria-pressed"></a>
772
+ <span class="name">
773
+ <span ><b>attr.aria-pressed</b></span>
774
+ <a href="#attr.aria-pressed"><span class="icon ion-ios-link"></span></a>
775
+ </span>
776
+ </td>
777
+ </tr>
778
+ <tr>
779
+ <td class="col-md-4">
780
+ <i>Type : </i> <code>string | null</code>
781
+
782
+ </td>
783
+ </tr>
784
+
785
+
786
+ </tbody>
787
+ </table>
788
+ <table class="table table-sm table-bordered">
789
+ <tbody>
790
+ <tr>
791
+ <td class="col-md-4">
792
+ <a name="attr.aria-roledescription"></a>
793
+ <span class="name">
794
+ <span ><b>attr.aria-roledescription</b></span>
795
+ <a href="#attr.aria-roledescription"><span class="icon ion-ios-link"></span></a>
796
+ </span>
797
+ </td>
798
+ </tr>
799
+ <tr>
800
+ <td class="col-md-4">
801
+ <i>Type : </i> <code>string | null</code>
802
+
803
+ </td>
804
+ </tr>
805
+ <tr>
806
+ <td class="col-md-4">
807
+ <i>Default value : </i><code>null</code>
808
+ </td>
809
+ </tr>
810
+
811
+
812
+ </tbody>
813
+ </table>
814
+ <table class="table table-sm table-bordered">
815
+ <tbody>
816
+ <tr>
817
+ <td class="col-md-4">
818
+ <a name="attr.role"></a>
819
+ <span class="name">
820
+ <span ><b>attr.role</b></span>
821
+ <a href="#attr.role"><span class="icon ion-ios-link"></span></a>
822
+ </span>
823
+ </td>
824
+ </tr>
825
+ <tr>
826
+ <td class="col-md-4">
827
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
828
+
829
+ </td>
830
+ </tr>
831
+ <tr>
832
+ <td class="col-md-4">
833
+ <i>Default value : </i><code>&#x27;group&#x27;</code>
834
+ </td>
835
+ </tr>
836
+
837
+
838
+ </tbody>
839
+ </table>
840
+ <table class="table table-sm table-bordered">
841
+ <tbody>
842
+ <tr>
843
+ <td class="col-md-4">
844
+ <a name="attr.tabindex"></a>
845
+ <span class="name">
846
+ <span ><b>attr.tabindex</b></span>
847
+ <a href="#attr.tabindex"><span class="icon ion-ios-link"></span></a>
848
+ </span>
849
+ </td>
850
+ </tr>
851
+ <tr>
852
+ <td class="col-md-4">
853
+ <i>Type : </i> <code>number | null</code>
854
+
855
+ </td>
856
+ </tr>
857
+
858
+
859
+ </tbody>
860
+ </table>
861
+ <table class="table table-sm table-bordered">
862
+ <tbody>
863
+ <tr>
864
+ <td class="col-md-4">
865
+ <a name="class"></a>
866
+ <span class="name">
867
+ <span ><b>class</b></span>
868
+ <a href="#class"><span class="icon ion-ios-link"></span></a>
869
+ </span>
870
+ </td>
871
+ </tr>
872
+ <tr>
873
+ <td class="col-md-4">
874
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
875
+
876
+ </td>
877
+ </tr>
878
+
879
+
880
+ </tbody>
881
+ </table>
882
+ <table class="table table-sm table-bordered">
883
+ <tbody>
884
+ <tr>
885
+ <td class="col-md-4">
886
+ <a name="style.tranform"></a>
887
+ <span class="name">
888
+ <span ><b>style.tranform</b></span>
889
+ <a href="#style.tranform"><span class="icon ion-ios-link"></span></a>
890
+ </span>
891
+ </td>
892
+ </tr>
893
+ <tr>
894
+ <td class="col-md-4">
895
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
896
+
897
+ </td>
898
+ </tr>
899
+ <tr>
900
+ <td class="col-md-4">
901
+ <i>Default value : </i><code>&#x27;translate3d(0px, 0px, 0px)&#x27;</code>
902
+ </td>
903
+ </tr>
904
+
905
+
906
+ </tbody>
907
+ </table>
908
+ </section>
909
+
910
+ <section data-compodoc="block-methods">
911
+ <h3>HostListeners</h3> <table class="table table-sm table-bordered">
912
+ <tbody>
913
+ <tr>
914
+ <td class="col-md-4">
915
+ <a name="click"></a>
916
+ <span class="name">
917
+ <span ><b>click</b></span>
918
+ <a href="#click"><span class="icon ion-ios-link"></span></a>
919
+ </span>
920
+ </td>
921
+ </tr>
922
+ <tr>
923
+ <td class="col-md-4">
924
+ <code>click()</code>
925
+ </td>
926
+ </tr>
927
+
928
+
929
+
930
+
931
+ <tr>
932
+ <td class="col-md-4">
933
+ <div class="io-description"><p>Handle click on the card itself (reveal variant).</p>
934
+ </div>
935
+
936
+ </td>
937
+ </tr>
938
+ </tbody>
939
+ </table>
940
+ <table class="table table-sm table-bordered">
941
+ <tbody>
942
+ <tr>
943
+ <td class="col-md-4">
944
+ <a name="keydown"></a>
945
+ <span class="name">
946
+ <span ><b>keydown</b></span>
947
+ <a href="#keydown"><span class="icon ion-ios-link"></span></a>
948
+ </span>
949
+ </td>
950
+ </tr>
951
+ <tr>
952
+ <td class="col-md-4">
953
+ <i>Arguments : </i><code>'$event' </code>
954
+ </td>
955
+ </tr>
956
+ <tr>
957
+ <td class="col-md-4">
958
+ <code>keydown(event: KeyboardEvent)</code>
959
+ </td>
960
+ </tr>
961
+
962
+
963
+
964
+
965
+ <tr>
966
+ <td class="col-md-4">
967
+ <div class="io-description"><p>Handle keyboard events (Enter/Space to flip for reveal variant).</p>
968
+ </div>
969
+
970
+ </td>
971
+ </tr>
972
+ </tbody>
973
+ </table>
974
+ </section>
975
+ <section data-compodoc="block-methods">
976
+
977
+ <h3 id="methods">
978
+ Methods
979
+ </h3>
980
+ <table class="table table-sm table-bordered">
981
+ <tbody>
982
+ <tr>
983
+ <td class="col-md-4">
984
+ <a name="flipCard"></a>
985
+ <span class="name">
986
+ <span ><b>flipCard</b></span>
987
+ <a href="#flipCard"><span class="icon ion-ios-link"></span></a>
988
+ </span>
989
+ </td>
990
+ </tr>
991
+ <tr>
992
+ <td class="col-md-4">
993
+ <code>flipCard()</code>
994
+ </td>
995
+ </tr>
996
+
997
+
998
+
999
+
1000
+ <tr>
1001
+ <td class="col-md-4">
1002
+ <div class="io-description"><p>Flip the card between front and back.</p>
1003
+ </div>
1004
+
1005
+ <div class="io-description">
1006
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1007
+
1008
+ </div>
1009
+ </td>
1010
+ </tr>
1011
+ </tbody>
1012
+ </table>
1013
+ <table class="table table-sm table-bordered">
1014
+ <tbody>
1015
+ <tr>
1016
+ <td class="col-md-4">
1017
+ <a name="getAnswerElement"></a>
1018
+ <span class="name">
1019
+ <span ><b>getAnswerElement</b></span>
1020
+ <a href="#getAnswerElement"><span class="icon ion-ios-link"></span></a>
1021
+ </span>
1022
+ </td>
1023
+ </tr>
1024
+ <tr>
1025
+ <td class="col-md-4">
1026
+ <code>getAnswerElement()</code>
1027
+ </td>
1028
+ </tr>
1029
+
1030
+
1031
+
1032
+
1033
+ <tr>
1034
+ <td class="col-md-4">
1035
+ <div class="io-description"><p>Get the native answer element for height calculations.</p>
1036
+ </div>
1037
+
1038
+ <div class="io-description">
1039
+ <b>Returns : </b> <code>HTMLElement | null</code>
1040
+
1041
+ </div>
1042
+ </td>
1043
+ </tr>
1044
+ </tbody>
1045
+ </table>
1046
+ <table class="table table-sm table-bordered">
1047
+ <tbody>
1048
+ <tr>
1049
+ <td class="col-md-4">
1050
+ <a name="getBackElement"></a>
1051
+ <span class="name">
1052
+ <span ><b>getBackElement</b></span>
1053
+ <a href="#getBackElement"><span class="icon ion-ios-link"></span></a>
1054
+ </span>
1055
+ </td>
1056
+ </tr>
1057
+ <tr>
1058
+ <td class="col-md-4">
1059
+ <code>getBackElement()</code>
1060
+ </td>
1061
+ </tr>
1062
+
1063
+
1064
+
1065
+
1066
+ <tr>
1067
+ <td class="col-md-4">
1068
+ <div class="io-description"><p>Get the native back element for height calculations.</p>
1069
+ </div>
1070
+
1071
+ <div class="io-description">
1072
+ <b>Returns : </b> <code>HTMLElement | null</code>
1073
+
1074
+ </div>
1075
+ </td>
1076
+ </tr>
1077
+ </tbody>
1078
+ </table>
1079
+ <table class="table table-sm table-bordered">
1080
+ <tbody>
1081
+ <tr>
1082
+ <td class="col-md-4">
1083
+ <a name="getContentElement"></a>
1084
+ <span class="name">
1085
+ <span ><b>getContentElement</b></span>
1086
+ <a href="#getContentElement"><span class="icon ion-ios-link"></span></a>
1087
+ </span>
1088
+ </td>
1089
+ </tr>
1090
+ <tr>
1091
+ <td class="col-md-4">
1092
+ <code>getContentElement()</code>
1093
+ </td>
1094
+ </tr>
1095
+
1096
+
1097
+
1098
+
1099
+ <tr>
1100
+ <td class="col-md-4">
1101
+ <div class="io-description"><p>Get the native content element for height calculations.</p>
1102
+ </div>
1103
+
1104
+ <div class="io-description">
1105
+ <b>Returns : </b> <code>HTMLElement | null</code>
1106
+
1107
+ </div>
1108
+ </td>
1109
+ </tr>
1110
+ </tbody>
1111
+ </table>
1112
+ <table class="table table-sm table-bordered">
1113
+ <tbody>
1114
+ <tr>
1115
+ <td class="col-md-4">
1116
+ <a name="getFrontElement"></a>
1117
+ <span class="name">
1118
+ <span ><b>getFrontElement</b></span>
1119
+ <a href="#getFrontElement"><span class="icon ion-ios-link"></span></a>
1120
+ </span>
1121
+ </td>
1122
+ </tr>
1123
+ <tr>
1124
+ <td class="col-md-4">
1125
+ <code>getFrontElement()</code>
1126
+ </td>
1127
+ </tr>
1128
+
1129
+
1130
+
1131
+
1132
+ <tr>
1133
+ <td class="col-md-4">
1134
+ <div class="io-description"><p>Get the native front element for height calculations.</p>
1135
+ </div>
1136
+
1137
+ <div class="io-description">
1138
+ <b>Returns : </b> <code>HTMLElement | null</code>
1139
+
1140
+ </div>
1141
+ </td>
1142
+ </tr>
1143
+ </tbody>
1144
+ </table>
1145
+ <table class="table table-sm table-bordered">
1146
+ <tbody>
1147
+ <tr>
1148
+ <td class="col-md-4">
1149
+ <a name="getIconName"></a>
1150
+ <span class="name">
1151
+ <span ><b>getIconName</b></span>
1152
+ <a href="#getIconName"><span class="icon ion-ios-link"></span></a>
1153
+ </span>
1154
+ </td>
1155
+ </tr>
1156
+ <tr>
1157
+ <td class="col-md-4">
1158
+ <code>getIconName()</code>
1159
+ </td>
1160
+ </tr>
1161
+
1162
+
1163
+
1164
+
1165
+ <tr>
1166
+ <td class="col-md-4">
1167
+ <div class="io-description"><p>Get the resolved icon name based on variant.</p>
1168
+ </div>
1169
+
1170
+ <div class="io-description">
1171
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1172
+
1173
+ </div>
1174
+ </td>
1175
+ </tr>
1176
+ </tbody>
1177
+ </table>
1178
+ <table class="table table-sm table-bordered">
1179
+ <tbody>
1180
+ <tr>
1181
+ <td class="col-md-4">
1182
+ <a name="getIconSize"></a>
1183
+ <span class="name">
1184
+ <span ><b>getIconSize</b></span>
1185
+ <a href="#getIconSize"><span class="icon ion-ios-link"></span></a>
1186
+ </span>
1187
+ </td>
1188
+ </tr>
1189
+ <tr>
1190
+ <td class="col-md-4">
1191
+ <code>getIconSize()</code>
1192
+ </td>
1193
+ </tr>
1194
+
1195
+
1196
+
1197
+
1198
+ <tr>
1199
+ <td class="col-md-4">
1200
+ <div class="io-description"><p>Get the resolved icon size.</p>
1201
+ </div>
1202
+
1203
+ <div class="io-description">
1204
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1205
+
1206
+ </div>
1207
+ </td>
1208
+ </tr>
1209
+ </tbody>
1210
+ </table>
1211
+ <table class="table table-sm table-bordered">
1212
+ <tbody>
1213
+ <tr>
1214
+ <td class="col-md-4">
1215
+ <a name="getQuestionElement"></a>
1216
+ <span class="name">
1217
+ <span ><b>getQuestionElement</b></span>
1218
+ <a href="#getQuestionElement"><span class="icon ion-ios-link"></span></a>
1219
+ </span>
1220
+ </td>
1221
+ </tr>
1222
+ <tr>
1223
+ <td class="col-md-4">
1224
+ <code>getQuestionElement()</code>
1225
+ </td>
1226
+ </tr>
1227
+
1228
+
1229
+
1230
+
1231
+ <tr>
1232
+ <td class="col-md-4">
1233
+ <div class="io-description"><p>Get the native question element for height calculations.</p>
1234
+ </div>
1235
+
1236
+ <div class="io-description">
1237
+ <b>Returns : </b> <code>HTMLElement | null</code>
1238
+
1239
+ </div>
1240
+ </td>
1241
+ </tr>
1242
+ </tbody>
1243
+ </table>
1244
+ <table class="table table-sm table-bordered">
1245
+ <tbody>
1246
+ <tr>
1247
+ <td class="col-md-4">
1248
+ <a name="onClick"></a>
1249
+ <span class="name">
1250
+ <span class="modifier"></span>
1251
+ <span ><b>onClick</b></span>
1252
+ <a href="#onClick"><span class="icon ion-ios-link"></span></a>
1253
+ </span>
1254
+ </td>
1255
+ </tr>
1256
+ <tr>
1257
+ <td class="col-md-4">
1258
+ <span class="modifier-icon icon ion-ios-reset"></span>
1259
+ <code>onClick()</code>
1260
+ </td>
1261
+ </tr>
1262
+
1263
+ <tr>
1264
+ <td class="col-md-4">
1265
+ <b>Decorators : </b>
1266
+ <br />
1267
+ <code>@HostListener(&#x27;click&#x27;)<br /></code>
1268
+ </td>
1269
+ </tr>
1270
+
1271
+
1272
+
1273
+ <tr>
1274
+ <td class="col-md-4">
1275
+ <div class="io-description"><p>Handle click on the card itself (reveal variant).</p>
1276
+ </div>
1277
+
1278
+ <div class="io-description">
1279
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1280
+
1281
+ </div>
1282
+ </td>
1283
+ </tr>
1284
+ </tbody>
1285
+ </table>
1286
+ <table class="table table-sm table-bordered">
1287
+ <tbody>
1288
+ <tr>
1289
+ <td class="col-md-4">
1290
+ <a name="onKeydown"></a>
1291
+ <span class="name">
1292
+ <span class="modifier"></span>
1293
+ <span ><b>onKeydown</b></span>
1294
+ <a href="#onKeydown"><span class="icon ion-ios-link"></span></a>
1295
+ </span>
1296
+ </td>
1297
+ </tr>
1298
+ <tr>
1299
+ <td class="col-md-4">
1300
+ <span class="modifier-icon icon ion-ios-reset"></span>
1301
+ <code>onKeydown(event: KeyboardEvent)</code>
1302
+ </td>
1303
+ </tr>
1304
+
1305
+ <tr>
1306
+ <td class="col-md-4">
1307
+ <b>Decorators : </b>
1308
+ <br />
1309
+ <code>@HostListener(&#x27;keydown&#x27;, [&#x27;$event&#x27;])<br /></code>
1310
+ </td>
1311
+ </tr>
1312
+
1313
+
1314
+
1315
+ <tr>
1316
+ <td class="col-md-4">
1317
+ <div class="io-description"><p>Handle keyboard events (Enter/Space to flip for reveal variant).</p>
1318
+ </div>
1319
+
1320
+ <div class="io-description">
1321
+ <b>Parameters :</b>
1322
+
1323
+ <table class="params">
1324
+ <thead>
1325
+ <tr>
1326
+ <td>Name</td>
1327
+ <td>Type</td>
1328
+ <td>Optional</td>
1329
+ </tr>
1330
+ </thead>
1331
+ <tbody>
1332
+ <tr>
1333
+ <td>event</td>
1334
+ <td>
1335
+ <code>KeyboardEvent</code>
1336
+ </td>
1337
+
1338
+ <td>
1339
+ No
1340
+ </td>
1341
+
1342
+
1343
+ </tr>
1344
+ </tbody>
1345
+ </table>
1346
+ </div>
1347
+ <div class="io-description">
1348
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1349
+
1350
+ </div>
1351
+ <div class="io-description">
1352
+
1353
+ </div>
1354
+ </td>
1355
+ </tr>
1356
+ </tbody>
1357
+ </table>
1358
+ <table class="table table-sm table-bordered">
1359
+ <tbody>
1360
+ <tr>
1361
+ <td class="col-md-4">
1362
+ <a name="onOptionClick"></a>
1363
+ <span class="name">
1364
+ <span ><b>onOptionClick</b></span>
1365
+ <a href="#onOptionClick"><span class="icon ion-ios-link"></span></a>
1366
+ </span>
1367
+ </td>
1368
+ </tr>
1369
+ <tr>
1370
+ <td class="col-md-4">
1371
+ <code>onOptionClick(optionIndex: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
1372
+ </td>
1373
+ </tr>
1374
+
1375
+
1376
+
1377
+
1378
+ <tr>
1379
+ <td class="col-md-4">
1380
+ <div class="io-description"><p>Handle option click (poll variant).</p>
1381
+ </div>
1382
+
1383
+ <div class="io-description">
1384
+ <b>Parameters :</b>
1385
+
1386
+ <table class="params">
1387
+ <thead>
1388
+ <tr>
1389
+ <td>Name</td>
1390
+ <td>Type</td>
1391
+ <td>Optional</td>
1392
+ </tr>
1393
+ </thead>
1394
+ <tbody>
1395
+ <tr>
1396
+ <td>optionIndex</td>
1397
+ <td>
1398
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
1399
+ </td>
1400
+
1401
+ <td>
1402
+ No
1403
+ </td>
1404
+
1405
+
1406
+ </tr>
1407
+ </tbody>
1408
+ </table>
1409
+ </div>
1410
+ <div class="io-description">
1411
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1412
+
1413
+ </div>
1414
+ <div class="io-description">
1415
+
1416
+ </div>
1417
+ </td>
1418
+ </tr>
1419
+ </tbody>
1420
+ </table>
1421
+ <table class="table table-sm table-bordered">
1422
+ <tbody>
1423
+ <tr>
1424
+ <td class="col-md-4">
1425
+ <a name="onOptionKeydown"></a>
1426
+ <span class="name">
1427
+ <span ><b>onOptionKeydown</b></span>
1428
+ <a href="#onOptionKeydown"><span class="icon ion-ios-link"></span></a>
1429
+ </span>
1430
+ </td>
1431
+ </tr>
1432
+ <tr>
1433
+ <td class="col-md-4">
1434
+ <code>onOptionKeydown(event: KeyboardEvent, optionIndex: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
1435
+ </td>
1436
+ </tr>
1437
+
1438
+
1439
+
1440
+
1441
+ <tr>
1442
+ <td class="col-md-4">
1443
+ <div class="io-description"><p>Handle keyboard on option (poll variant).</p>
1444
+ </div>
1445
+
1446
+ <div class="io-description">
1447
+ <b>Parameters :</b>
1448
+
1449
+ <table class="params">
1450
+ <thead>
1451
+ <tr>
1452
+ <td>Name</td>
1453
+ <td>Type</td>
1454
+ <td>Optional</td>
1455
+ </tr>
1456
+ </thead>
1457
+ <tbody>
1458
+ <tr>
1459
+ <td>event</td>
1460
+ <td>
1461
+ <code>KeyboardEvent</code>
1462
+ </td>
1463
+
1464
+ <td>
1465
+ No
1466
+ </td>
1467
+
1468
+
1469
+ </tr>
1470
+ <tr>
1471
+ <td>optionIndex</td>
1472
+ <td>
1473
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
1474
+ </td>
1475
+
1476
+ <td>
1477
+ No
1478
+ </td>
1479
+
1480
+
1481
+ </tr>
1482
+ </tbody>
1483
+ </table>
1484
+ </div>
1485
+ <div class="io-description">
1486
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1487
+
1488
+ </div>
1489
+ <div class="io-description">
1490
+
1491
+ </div>
1492
+ </td>
1493
+ </tr>
1494
+ </tbody>
1495
+ </table>
1496
+ <table class="table table-sm table-bordered">
1497
+ <tbody>
1498
+ <tr>
1499
+ <td class="col-md-4">
1500
+ <a name="getCssClasses"></a>
1501
+ <span class="name">
1502
+ <span ><b>getCssClasses</b></span>
1503
+ <a href="#getCssClasses"><span class="icon ion-ios-link"></span></a>
1504
+ </span>
1505
+ </td>
1506
+ </tr>
1507
+ <tr>
1508
+ <td class="col-md-4">
1509
+ <code>getCssClasses(rootClass: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1510
+ </td>
1511
+ </tr>
1512
+
1513
+
1514
+
1515
+
1516
+ <tr>
1517
+ <td class="col-md-4">
1518
+
1519
+ <div class="io-description">
1520
+ <b>Parameters :</b>
1521
+
1522
+ <table class="params">
1523
+ <thead>
1524
+ <tr>
1525
+ <td>Name</td>
1526
+ <td>Type</td>
1527
+ <td>Optional</td>
1528
+ </tr>
1529
+ </thead>
1530
+ <tbody>
1531
+ <tr>
1532
+ <td>rootClass</td>
1533
+ <td>
1534
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1535
+ </td>
1536
+
1537
+ <td>
1538
+ No
1539
+ </td>
1540
+
1541
+
1542
+ </tr>
1543
+ </tbody>
1544
+ </table>
1545
+ </div>
1546
+ <div class="io-description">
1547
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1548
+
1549
+ </div>
1550
+ <div class="io-description">
1551
+
1552
+ </div>
1553
+ </td>
1554
+ </tr>
1555
+ </tbody>
1556
+ </table>
1557
+ </section>
1558
+ <section data-compodoc="block-properties">
1559
+
1560
+ <h3 id="inputs">
1561
+ Properties
1562
+ </h3>
1563
+ <table class="table table-sm table-bordered">
1564
+ <tbody>
1565
+ <tr>
1566
+ <td class="col-md-4">
1567
+ <a name="answerElementRef"></a>
1568
+ <span class="name">
1569
+ <span class="modifier"></span>
1570
+ <span ><b>answerElementRef</b></span>
1571
+ <a href="#answerElementRef"><span class="icon ion-ios-link"></span></a>
1572
+ </span>
1573
+ </td>
1574
+ </tr>
1575
+ <tr>
1576
+ <td class="col-md-4">
1577
+ <i>Type : </i> <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
1578
+
1579
+ </td>
1580
+ </tr>
1581
+ <tr>
1582
+ <td class="col-md-4">
1583
+ <b>Decorators : </b>
1584
+ <br />
1585
+ <code>
1586
+ @ViewChild(&#x27;answerElement&#x27;)<br />
1587
+ </code>
1588
+ </td>
1589
+ </tr>
1590
+
1591
+
1592
+ </tbody>
1593
+ </table>
1594
+ <table class="table table-sm table-bordered">
1595
+ <tbody>
1596
+ <tr>
1597
+ <td class="col-md-4">
1598
+ <a name="ariaRoleDescription"></a>
1599
+ <span class="name">
1600
+ <span class="modifier"></span>
1601
+ <span ><b>ariaRoleDescription</b></span>
1602
+ <a href="#ariaRoleDescription"><span class="icon ion-ios-link"></span></a>
1603
+ </span>
1604
+ </td>
1605
+ </tr>
1606
+ <tr>
1607
+ <td class="col-md-4">
1608
+ <i>Type : </i> <code>string | null</code>
1609
+
1610
+ </td>
1611
+ </tr>
1612
+ <tr>
1613
+ <td class="col-md-4">
1614
+ <i>Default value : </i><code>null</code>
1615
+ </td>
1616
+ </tr>
1617
+ <tr>
1618
+ <td class="col-md-4">
1619
+ <b>Decorators : </b>
1620
+ <br />
1621
+ <code>
1622
+ @HostBinding(&#x27;attr.aria-roledescription&#x27;)<br />
1623
+ </code>
1624
+ </td>
1625
+ </tr>
1626
+
1627
+
1628
+ </tbody>
1629
+ </table>
1630
+ <table class="table table-sm table-bordered">
1631
+ <tbody>
1632
+ <tr>
1633
+ <td class="col-md-4">
1634
+ <a name="backElementRef"></a>
1635
+ <span class="name">
1636
+ <span class="modifier"></span>
1637
+ <span ><b>backElementRef</b></span>
1638
+ <a href="#backElementRef"><span class="icon ion-ios-link"></span></a>
1639
+ </span>
1640
+ </td>
1641
+ </tr>
1642
+ <tr>
1643
+ <td class="col-md-4">
1644
+ <i>Type : </i> <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
1645
+
1646
+ </td>
1647
+ </tr>
1648
+ <tr>
1649
+ <td class="col-md-4">
1650
+ <b>Decorators : </b>
1651
+ <br />
1652
+ <code>
1653
+ @ViewChild(&#x27;backElement&#x27;)<br />
1654
+ </code>
1655
+ </td>
1656
+ </tr>
1657
+
1658
+
1659
+ </tbody>
1660
+ </table>
1661
+ <table class="table table-sm table-bordered">
1662
+ <tbody>
1663
+ <tr>
1664
+ <td class="col-md-4">
1665
+ <a name="contentElementRef"></a>
1666
+ <span class="name">
1667
+ <span class="modifier"></span>
1668
+ <span ><b>contentElementRef</b></span>
1669
+ <a href="#contentElementRef"><span class="icon ion-ios-link"></span></a>
1670
+ </span>
1671
+ </td>
1672
+ </tr>
1673
+ <tr>
1674
+ <td class="col-md-4">
1675
+ <i>Type : </i> <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
1676
+
1677
+ </td>
1678
+ </tr>
1679
+ <tr>
1680
+ <td class="col-md-4">
1681
+ <b>Decorators : </b>
1682
+ <br />
1683
+ <code>
1684
+ @ViewChild(&#x27;contentElement&#x27;)<br />
1685
+ </code>
1686
+ </td>
1687
+ </tr>
1688
+
1689
+
1690
+ </tbody>
1691
+ </table>
1692
+ <table class="table table-sm table-bordered">
1693
+ <tbody>
1694
+ <tr>
1695
+ <td class="col-md-4">
1696
+ <a name="frontElementRef"></a>
1697
+ <span class="name">
1698
+ <span class="modifier"></span>
1699
+ <span ><b>frontElementRef</b></span>
1700
+ <a href="#frontElementRef"><span class="icon ion-ios-link"></span></a>
1701
+ </span>
1702
+ </td>
1703
+ </tr>
1704
+ <tr>
1705
+ <td class="col-md-4">
1706
+ <i>Type : </i> <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
1707
+
1708
+ </td>
1709
+ </tr>
1710
+ <tr>
1711
+ <td class="col-md-4">
1712
+ <b>Decorators : </b>
1713
+ <br />
1714
+ <code>
1715
+ @ViewChild(&#x27;frontElement&#x27;)<br />
1716
+ </code>
1717
+ </td>
1718
+ </tr>
1719
+
1720
+
1721
+ </tbody>
1722
+ </table>
1723
+ <table class="table table-sm table-bordered">
1724
+ <tbody>
1725
+ <tr>
1726
+ <td class="col-md-4">
1727
+ <a name="isCorrect"></a>
1728
+ <span class="name">
1729
+ <span ><b>isCorrect</b></span>
1730
+ <a href="#isCorrect"><span class="icon ion-ios-link"></span></a>
1731
+ </span>
1732
+ </td>
1733
+ </tr>
1734
+ <tr>
1735
+ <td class="col-md-4">
1736
+ <i>Type : </i> <code>boolean | null</code>
1737
+
1738
+ </td>
1739
+ </tr>
1740
+ <tr>
1741
+ <td class="col-md-4">
1742
+ <i>Default value : </i><code>null</code>
1743
+ </td>
1744
+ </tr>
1745
+
1746
+ <tr>
1747
+ <td class="col-md-4">
1748
+ <div class="io-description"><p>Whether the selected option is correct (poll variant).</p>
1749
+ </div>
1750
+ </td>
1751
+ </tr>
1752
+
1753
+ </tbody>
1754
+ </table>
1755
+ <table class="table table-sm table-bordered">
1756
+ <tbody>
1757
+ <tr>
1758
+ <td class="col-md-4">
1759
+ <a name="isFlipped"></a>
1760
+ <span class="name">
1761
+ <span ><b>isFlipped</b></span>
1762
+ <a href="#isFlipped"><span class="icon ion-ios-link"></span></a>
1763
+ </span>
1764
+ </td>
1765
+ </tr>
1766
+ <tr>
1767
+ <td class="col-md-4">
1768
+ <i>Type : </i> <code>unknown</code>
1769
+
1770
+ </td>
1771
+ </tr>
1772
+ <tr>
1773
+ <td class="col-md-4">
1774
+ <i>Default value : </i><code>false</code>
1775
+ </td>
1776
+ </tr>
1777
+
1778
+ <tr>
1779
+ <td class="col-md-4">
1780
+ <div class="io-description"><p>Whether the card is currently flipped (showing back).</p>
1781
+ </div>
1782
+ </td>
1783
+ </tr>
1784
+
1785
+ </tbody>
1786
+ </table>
1787
+ <table class="table table-sm table-bordered">
1788
+ <tbody>
1789
+ <tr>
1790
+ <td class="col-md-4">
1791
+ <a name="questionElementRef"></a>
1792
+ <span class="name">
1793
+ <span class="modifier"></span>
1794
+ <span ><b>questionElementRef</b></span>
1795
+ <a href="#questionElementRef"><span class="icon ion-ios-link"></span></a>
1796
+ </span>
1797
+ </td>
1798
+ </tr>
1799
+ <tr>
1800
+ <td class="col-md-4">
1801
+ <i>Type : </i> <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
1802
+
1803
+ </td>
1804
+ </tr>
1805
+ <tr>
1806
+ <td class="col-md-4">
1807
+ <b>Decorators : </b>
1808
+ <br />
1809
+ <code>
1810
+ @ViewChild(&#x27;questionElement&#x27;)<br />
1811
+ </code>
1812
+ </td>
1813
+ </tr>
1814
+
1815
+
1816
+ </tbody>
1817
+ </table>
1818
+ <table class="table table-sm table-bordered">
1819
+ <tbody>
1820
+ <tr>
1821
+ <td class="col-md-4">
1822
+ <a name="role"></a>
1823
+ <span class="name">
1824
+ <span class="modifier"></span>
1825
+ <span ><b>role</b></span>
1826
+ <a href="#role"><span class="icon ion-ios-link"></span></a>
1827
+ </span>
1828
+ </td>
1829
+ </tr>
1830
+ <tr>
1831
+ <td class="col-md-4">
1832
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1833
+
1834
+ </td>
1835
+ </tr>
1836
+ <tr>
1837
+ <td class="col-md-4">
1838
+ <i>Default value : </i><code>&#x27;group&#x27;</code>
1839
+ </td>
1840
+ </tr>
1841
+ <tr>
1842
+ <td class="col-md-4">
1843
+ <b>Decorators : </b>
1844
+ <br />
1845
+ <code>
1846
+ @HostBinding(&#x27;attr.role&#x27;)<br />
1847
+ </code>
1848
+ </td>
1849
+ </tr>
1850
+
1851
+
1852
+ </tbody>
1853
+ </table>
1854
+ <table class="table table-sm table-bordered">
1855
+ <tbody>
1856
+ <tr>
1857
+ <td class="col-md-4">
1858
+ <a name="selectedOptionIndex"></a>
1859
+ <span class="name">
1860
+ <span ><b>selectedOptionIndex</b></span>
1861
+ <a href="#selectedOptionIndex"><span class="icon ion-ios-link"></span></a>
1862
+ </span>
1863
+ </td>
1864
+ </tr>
1865
+ <tr>
1866
+ <td class="col-md-4">
1867
+ <i>Type : </i> <code>number | null</code>
1868
+
1869
+ </td>
1870
+ </tr>
1871
+ <tr>
1872
+ <td class="col-md-4">
1873
+ <i>Default value : </i><code>null</code>
1874
+ </td>
1875
+ </tr>
1876
+
1877
+ <tr>
1878
+ <td class="col-md-4">
1879
+ <div class="io-description"><p>Index of the selected option (poll variant).</p>
1880
+ </div>
1881
+ </td>
1882
+ </tr>
1883
+
1884
+ </tbody>
1885
+ </table>
1886
+ <table class="table table-sm table-bordered">
1887
+ <tbody>
1888
+ <tr>
1889
+ <td class="col-md-4">
1890
+ <a name="styleTransform"></a>
1891
+ <span class="name">
1892
+ <span class="modifier"></span>
1893
+ <span ><b>styleTransform</b></span>
1894
+ <a href="#styleTransform"><span class="icon ion-ios-link"></span></a>
1895
+ </span>
1896
+ </td>
1897
+ </tr>
1898
+ <tr>
1899
+ <td class="col-md-4">
1900
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1901
+
1902
+ </td>
1903
+ </tr>
1904
+ <tr>
1905
+ <td class="col-md-4">
1906
+ <i>Default value : </i><code>&#x27;translate3d(0px, 0px, 0px)&#x27;</code>
1907
+ </td>
1908
+ </tr>
1909
+ <tr>
1910
+ <td class="col-md-4">
1911
+ <b>Decorators : </b>
1912
+ <br />
1913
+ <code>
1914
+ @HostBinding(&#x27;style.tranform&#x27;)<br />
1915
+ </code>
1916
+ </td>
1917
+ </tr>
1918
+
1919
+
1920
+ </tbody>
1921
+ </table>
1922
+ <table class="table table-sm table-bordered">
1923
+ <tbody>
1924
+ <tr>
1925
+ <td class="col-md-4">
1926
+ <a name="variant"></a>
1927
+ <span class="name">
1928
+ <span ><b>variant</b></span>
1929
+ <a href="#variant"><span class="icon ion-ios-link"></span></a>
1930
+ </span>
1931
+ </td>
1932
+ </tr>
1933
+ <tr>
1934
+ <td class="col-md-4">
1935
+ <i>Type : </i> <code>&quot;poll&quot; | &quot;reveal&quot;</code>
1936
+
1937
+ </td>
1938
+ </tr>
1939
+ <tr>
1940
+ <td class="col-md-4">
1941
+ <i>Default value : </i><code>&#x27;reveal&#x27;</code>
1942
+ </td>
1943
+ </tr>
1944
+
1945
+ <tr>
1946
+ <td class="col-md-4">
1947
+ <div class="io-description"><p>The variant of the quiz, set by the parent EclQuizComponent.</p>
1948
+ </div>
1949
+ </td>
1950
+ </tr>
1951
+
1952
+ </tbody>
1953
+ </table>
1954
+ </section>
1955
+
1956
+ <section data-compodoc="block-accessors">
1957
+ <h3 id="accessors">
1958
+ Accessors
1959
+ </h3>
1960
+ <table class="table table-sm table-bordered">
1961
+ <tbody>
1962
+ <tr>
1963
+ <td class="col-md-4">
1964
+ <a name="cssClasses"></a>
1965
+ <span class="name"><b>cssClasses</b><a href="#cssClasses"><span class="icon ion-ios-link"></span></a></span>
1966
+ </td>
1967
+ </tr>
1968
+
1969
+ <tr>
1970
+ <td class="col-md-4">
1971
+ <span class="accessor"><b>get</b><code>cssClasses()</code></span>
1972
+ </td>
1973
+ </tr>
1974
+
1975
+ </tbody>
1976
+ </table>
1977
+ <table class="table table-sm table-bordered">
1978
+ <tbody>
1979
+ <tr>
1980
+ <td class="col-md-4">
1981
+ <a name="tabIndex"></a>
1982
+ <span class="name"><b>tabIndex</b><a href="#tabIndex"><span class="icon ion-ios-link"></span></a></span>
1983
+ </td>
1984
+ </tr>
1985
+
1986
+ <tr>
1987
+ <td class="col-md-4">
1988
+ <span class="accessor"><b>get</b><code>tabIndex()</code></span>
1989
+ </td>
1990
+ </tr>
1991
+
1992
+ </tbody>
1993
+ </table>
1994
+ <table class="table table-sm table-bordered">
1995
+ <tbody>
1996
+ <tr>
1997
+ <td class="col-md-4">
1998
+ <a name="ariaPressed"></a>
1999
+ <span class="name"><b>ariaPressed</b><a href="#ariaPressed"><span class="icon ion-ios-link"></span></a></span>
2000
+ </td>
2001
+ </tr>
2002
+
2003
+ <tr>
2004
+ <td class="col-md-4">
2005
+ <span class="accessor"><b>get</b><code>ariaPressed()</code></span>
2006
+ </td>
2007
+ </tr>
2008
+
2009
+ </tbody>
2010
+ </table>
2011
+ </section>
2012
+ </div>
2013
+
2014
+
2015
+
2016
+
2017
+
2018
+
2019
+
2020
+ </div>
2021
+
2022
+ <script src="../js/libs/vis-network.min.js"></script>
2023
+ <script src="../js/libs/htmlparser.js"></script>
2024
+ <script src="../js/libs/deep-iterator.js"></script>
2025
+ <script>
2026
+ var COMPONENT_TEMPLATE = '<div><div class="ecl-quiz-card__content" #contentElement> <!-- Front face --> <div class="ecl-quiz-card__front" #frontElement [hidden]="isFlipped"> <div class="ecl-quiz-card__header"> <div class="ecl-quiz-card__icon"> <ecl-icon [icon]="getIconName()" [size]="getIconSize()" iconSet="phosphor"> </ecl-icon> </div> @if (category()) { <span class="ecl-quiz-card__category">{{ category() }}</span> } </div> <div class="ecl-quiz-card__question" #questionElement>{{ question() }}</div> @if (variant === \'reveal\') { <!-- Reveal variant: flip label --> <div class="ecl-quiz-card__flip"> {{ \'ecl.quiz.CLICK-TO-REVEAL\' | translate }} <ecl-icon iconSet="phosphor" icon="arrow-clockwise" size="m"></ecl-icon> </div> } @else { <!-- Poll variant: options --> <div class="ecl-quiz-card__options"> @for (option of options(); let i = $index; track i) { <div class="ecl-quiz-card__option" role="button" [attr.tabindex]="0" [attr.aria-pressed]="selectedOptionIndex === i ? \'true\' : \'false\'" [attr.data-match]="option.match" (click)="onOptionClick(i)" (keydown)="onOptionKeydown($event, i)"> {{ option.text }} </div> } </div> } </div> <!-- Back face --> <div class="ecl-quiz-card__back" #backElement [hidden]="!isFlipped" [class.ecl-quiz-card--correct]="variant === \'poll\' && isCorrect === true"> <div class="ecl-quiz-card__header"> @if (variant === \'reveal\') { <div class="ecl-quiz-card__icon"> <ecl-icon [icon]="getIconName()" [size]="getIconSize()" iconSet="phosphor"> </ecl-icon> </div> } @else { <!-- Poll variant: success/error icons and category labels --> <div class="ecl-quiz-card__icon"> <ecl-icon icon="check-circle" iconSet="phosphor" size="2xl" class="ecl-quiz-card__icon--success"> </ecl-icon> <ecl-icon icon="x-circle" size="2xl" iconSet="phosphor" class="ecl-quiz-card__icon--error"> </ecl-icon> </div> <span class="ecl-quiz-card__category ecl-quiz-card__category--success">Correct</span> <span class="ecl-quiz-card__category ecl-quiz-card__category--error">Incorrect</span> } </div> <div class="ecl-quiz-card__answer" #answerElement> @if (answerTitle()) { <div class="ecl-quiz-card__answer-title">{{ answerTitle() }}</div> } {{ answer() }} </div> @if (variant === \'reveal\') { <!-- Reveal variant: go back label --> <div class="ecl-quiz-card__flip"> {{ \'ecl.quiz.GO-BACK\' | translate }} <ecl-icon icon="arrow-clockwise" size="m" iconSet="phosphor"></ecl-icon> </div> } @else { <!-- Poll variant: options list on back (showing selected state) --> <div class="ecl-quiz-card__options" role="list"> @for (option of options(); let i = $index; track i) { <div class="ecl-quiz-card__option" role="listitem" [class.ecl-quiz-card__option--selected]="selectedOptionIndex === i" [attr.data-match]="option.match"> {{ option.text }} </div> } </div> } </div></div></div>'
2027
+ var COMPONENTS = [{'name': 'EclAccordionComponent', 'selector': 'ecl-accordion'},{'name': 'EclAccordionItemComponent', 'selector': 'ecl-accordion-item'},{'name': 'EclAccordionSummaryComponent', 'selector': 'summary[eclAccordionToggle]'},{'name': 'EclAddToCalendarComponent', 'selector': 'div[eclAddToCalendar]'},{'name': 'EclAppComponent', 'selector': 'ecl-app'},{'name': 'EclBannerComponent', 'selector': 'ecl-banner'},{'name': 'EclBlockquoteComponent', 'selector': '[eclBlockquote]'},{'name': 'EclBreadcrumbComponent', 'selector': 'ecl-breadcrumb, 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'},{'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': 'EclFileTaxonomyComponent', 'selector': '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': 'EclIconComponent', 'selector': 'ecl-icon'},{'name': 'EclIndicatorComponent', 'selector': '[eclIndicator]'},{'name': 'EclIndicatorComponent', 'selector': '[eclIndicator]'},{'name': 'EclInpageNavigationComponent', 'selector': 'ecl-inpage-navigation'},{'name': 'EclInpageNavigationItemComponent', 'selector': 'li[eclInpageNavigationItem]'},{'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': 'ecl-page-header'},{'name': 'EclPageHeaderDescriptionContainerComponent', 'selector': 'div[eclPageHeaderDescriptionContainer]'},{'name': 'EclPageHeaderExpandableComponent', 'selector': 'div[eclPageHeaderExpandable]'},{'name': 'EclPageHeaderNextComponent', 'selector': 'div[eclPageHeader]'},{'name': 'EclPageHeaderSectionComponent', 'selector': 'div[eclPageHeaderSection]'},{'name': 'EclPageHeaderSectionInfoComponent', 'selector': 'div[eclPageHeaderSectionInfo]'},{'name': 'EclPaginationComponent', 'selector': 'ecl-pagination'},{'name': 'EclPaginationItemComponent', 'selector': 'li[eclPaginationItem]'},{'name': 'EclPopoverComponent', 'selector': 'ecl-popover'},{'name': 'EclQuizCardComponent', 'selector': 'div[eclQuizCard]'},{'name': 'EclQuizComponent', 'selector': 'div[eclQuiz]'},{'name': 'EclRadioHelpComponent', 'selector': '[eclRadioHelp]'},{'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], ecl-site-footer'},{'name': 'EclSiteFooterCoownerComponent', 'selector': 'div[eclSiteFooterCoowner]'},{'name': 'EclSiteFooterCoreComponent', 'selector': 'div[eclSiteFooterCore]'},{'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': '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': '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': 'EclTimelineComponent', 'selector': 'ecl-timeline, ol[eclTimeline]'},{'name': 'EclTimelineItemComponent', 'selector': 'ecl-timeline-item, li[eclTimelineItem]'},{'name': 'EclTimelineItemTogglerComponent', 'selector': 'ecl-timeline-item-toggler, li[eclTimelineItemToggler]'}];
2028
+ var DIRECTIVES = [{'name': 'EclAccordionContentDirective', 'selector': 'div[eclAccordionContent]'},{'name': 'EclAccordionDirective', 'selector': 'div[eclAccordion]'},{'name': 'EclAccordionItemDirective', 'selector': 'details[eclAccordionItem]'},{'name': 'EclAddToCalendarActionDirective', 'selector': 'div[eclAddToCalendarAction]'},{'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': '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': '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': 'EclIndicatorLabelDirective', 'selector': '[eclIndicatorLabel]'},{'name': 'EclIndicatorLabelDirective', 'selector': '[eclIndicatorLabel]'},{'name': 'EclInpageNavigationListDirective', 'selector': 'ul[eclInpageNavigationList]'},{'name': 'EclLabelDirective', 'selector': '[eclLabel]'},{'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': 'EclRadioDirective', 'selector': '[eclRadio]'},{'name': 'EclRadioInputDirective', 'selector': 'input[eclRadioInput]'},{'name': 'EclRangeDirective', 'selector': 'input[eclRange]'},{'name': 'EclSelectDirective', 'selector': 'select[eclSelect]'},{'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': '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': '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': 'EclTimelineItemLabelDirective', 'selector': '[eclTimelineItemLabel]'},{'name': 'EclTimelineItemTitleDirective', 'selector': '[eclTimelineItemTitle]'},{'name': 'EclTimelineSetDirective', 'selector': '[eclTimelineSet]'},{'name': 'EclTooltipDirective', 'selector': '[eclTooltip]'},{'name': 'EclUnorderedListDirective', 'selector': '[eclUnorderedList]'},{'name': 'EclUnorderedListItemDirective', 'selector': '[eclUnorderedListItem]'}];
2029
+ var ACTUAL_COMPONENT = {'name': 'EclQuizCardComponent'};
2030
+ </script>
2031
+ <script src="../js/tree.js"></script>
2032
+
2033
+
2034
+
2035
+
2036
+
2037
+
2038
+
2039
+
2040
+
2041
+
2042
+
2043
+
2044
+
2045
+
2046
+
2047
+
2048
+
2049
+ </div><div class="search-results">
2050
+ <div class="has-results">
2051
+ <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
2052
+ <ul class="search-results-list"></ul>
2053
+ </div>
2054
+ <div class="no-results">
2055
+ <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
2056
+ </div>
2057
+ </div>
2058
+ </div>
2059
+ <!-- END CONTENT -->
2060
+ </div>
2061
+ </div>
2062
+
2063
+ <label class="dark-mode-switch">
2064
+ <input type="checkbox">
2065
+ <span class="slider">
2066
+ <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">
2067
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
2068
+ </svg>
2069
+ </span>
2070
+ </label>
2071
+
2072
+ <script>
2073
+ var COMPODOC_CURRENT_PAGE_DEPTH = 1;
2074
+ var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
2075
+ var COMPODOC_CURRENT_PAGE_URL = 'EclQuizCardComponent.html';
2076
+ var MAX_SEARCH_RESULTS = 15;
2077
+ </script>
2078
+
2079
+ <script>
2080
+ $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
2081
+ checkToggle(darkModeState);
2082
+ if ($darkModeToggleSwitchers.length > 0) {
2083
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
2084
+ $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
2085
+ darkModeState = !darkModeState;
2086
+ toggleDarkMode(darkModeState);
2087
+ });
2088
+ }
2089
+ }
2090
+ </script>
2091
+
2092
+ <script src="../js/libs/custom-elements.min.js"></script>
2093
+ <script src="../js/libs/lit-html.js"></script>
2094
+
2095
+ <script src="../js/menu-wc.js" defer></script>
2096
+ <script nomodule src="../js/menu-wc_es5.js" defer></script>
2097
+
2098
+ <script src="../js/libs/bootstrap-native.js"></script>
2099
+
2100
+ <script src="../js/libs/es6-shim.min.js"></script>
2101
+ <script src="../js/libs/EventDispatcher.js"></script>
2102
+ <script src="../js/libs/promise.min.js"></script>
2103
+
2104
+ <script src="../js/compodoc.js"></script>
2105
+
2106
+ <script src="../js/tabs.js"></script>
2107
+ <script src="../js/menu.js"></script>
2108
+ <script src="../js/libs/clipboard.min.js"></script>
2109
+ <script src="../js/libs/prism.js"></script>
2110
+ <script src="../js/sourceCode.js"></script>
2111
+ <script src="../js/search/search.js"></script>
2112
+ <script src="../js/search/lunr.min.js"></script>
2113
+ <script src="../js/search/search-lunr.js"></script>
2114
+ <script src="../js/search/search_index.js"></script>
2115
+ <script src="../js/lazy-load-graphs.js"></script>
2116
+
2117
+
2118
+ </body>
2119
+ </html>