@eui/mobile-core 16.7.0-snapshot-1709121320092 → 16.7.0-snapshot-1709217292746

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 (50) hide show
  1. package/docs/components/EuimAlertMessageComponent.html +1 -1
  2. package/docs/components/EuimBadgeComponent.html +1 -1
  3. package/docs/components/EuimChipSelectorComponent.html +24 -0
  4. package/docs/components/EuimControlFeedbackComponent.html +1 -1
  5. package/docs/components/EuimDataSummaryComponent.html +1 -1
  6. package/docs/components/EuimLabelComponent.html +1 -1
  7. package/docs/components/EuimMessageComponent.html +1 -1
  8. package/docs/components/EuimNotificationItemComponent.html +1 -1
  9. package/docs/components/EuimSliderComponent.html +0 -4
  10. package/docs/components/EuimSliderInfoScreenComponent.html +0 -4
  11. package/docs/components/EuimToolbarTitleComponent.html +143 -26
  12. package/docs/directives/BaseStatesDirective.html +173 -0
  13. package/docs/js/search/search_index.js +2 -2
  14. package/esm2022/lib/components/atoms/euim-control-feedback/euim-control-feedback.component.mjs +3 -2
  15. package/esm2022/lib/components/atoms/euim-label/euim-label.component.mjs +3 -2
  16. package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.component.mjs +3 -2
  17. package/esm2022/lib/components/base-states.directive.mjs +47 -2
  18. package/esm2022/lib/components/euim-alert-message/euim-alert-messsage.component.mjs +3 -2
  19. package/esm2022/lib/components/euim-badge/euim-badge.component.mjs +3 -2
  20. package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +6 -2
  21. package/esm2022/lib/components/euim-data-summary/euim-data-summary.component.mjs +3 -2
  22. package/esm2022/lib/components/euim-message/euim-message.component.mjs +4 -2
  23. package/esm2022/lib/components/euim-slider/euim-slider.component.mjs +4 -4
  24. package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.mjs +4 -4
  25. package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.mjs +23 -8
  26. package/fesm2022/eui-mobile-core.mjs +90 -20
  27. package/fesm2022/eui-mobile-core.mjs.map +1 -1
  28. package/lib/components/atoms/euim-control-feedback/euim-control-feedback.component.d.ts +1 -1
  29. package/lib/components/atoms/euim-control-feedback/euim-control-feedback.component.d.ts.map +1 -1
  30. package/lib/components/atoms/euim-label/euim-label.component.d.ts +1 -1
  31. package/lib/components/atoms/euim-label/euim-label.component.d.ts.map +1 -1
  32. package/lib/components/atoms/euim-notification-item/euim-notification-item.component.d.ts +1 -1
  33. package/lib/components/atoms/euim-notification-item/euim-notification-item.component.d.ts.map +1 -1
  34. package/lib/components/base-states.directive.d.ts +10 -1
  35. package/lib/components/base-states.directive.d.ts.map +1 -1
  36. package/lib/components/euim-alert-message/euim-alert-messsage.component.d.ts +1 -1
  37. package/lib/components/euim-alert-message/euim-alert-messsage.component.d.ts.map +1 -1
  38. package/lib/components/euim-badge/euim-badge.component.d.ts +1 -1
  39. package/lib/components/euim-badge/euim-badge.component.d.ts.map +1 -1
  40. package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts +2 -1
  41. package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts.map +1 -1
  42. package/lib/components/euim-data-summary/euim-data-summary.component.d.ts +1 -1
  43. package/lib/components/euim-data-summary/euim-data-summary.component.d.ts.map +1 -1
  44. package/lib/components/euim-message/euim-message.component.d.ts +1 -1
  45. package/lib/components/euim-message/euim-message.component.d.ts.map +1 -1
  46. package/lib/components/euim-slider/euim-slider.component.d.ts.map +1 -1
  47. package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts.map +1 -1
  48. package/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.d.ts +7 -2
  49. package/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.d.ts.map +1 -1
  50. package/package.json +1 -1
package/docs/components/EuimAlertMessageComponent.html CHANGED
@@ -88,7 +88,7 @@
88
88
  <td class="col-md-9">
89
89
  <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
90
90
  <br/>
91
- <div><i>&nbsp;Inputs</i> : euimInfo&nbsp;euimSuccess&nbsp;euimWarning&nbsp;euimDanger&nbsp;euimPrimary&nbsp;euimDark&nbsp;euimLight&nbsp;euimClear&nbsp;euimVariant&nbsp;</div>
91
+ <div><i>&nbsp;Inputs</i> : euimInfo&nbsp;euimSuccess&nbsp;euimWarning&nbsp;euimDanger&nbsp;euimPrimary&nbsp;euimDark&nbsp;euimLight&nbsp;euimClear&nbsp;euimVariant&nbsp;color&nbsp;</div>
92
92
  </td>
93
93
  </tr>
94
94
 
package/docs/components/EuimBadgeComponent.html CHANGED
@@ -82,7 +82,7 @@
82
82
  <td class="col-md-9">
83
83
  <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
84
84
  <br/>
85
- <div><i>&nbsp;Inputs</i> : euimDanger&nbsp;euimWarning&nbsp;euimInfo&nbsp;euimSuccess&nbsp;euimDefault&nbsp;euimPositionTopEnd&nbsp;</div>
85
+ <div><i>&nbsp;Inputs</i> : euimDanger&nbsp;euimWarning&nbsp;euimInfo&nbsp;euimSuccess&nbsp;euimDefault&nbsp;euimPositionTopEnd&nbsp;color&nbsp;</div>
86
86
  </td>
87
87
  </tr>
88
88
 
package/docs/components/EuimChipSelectorComponent.html CHANGED
@@ -208,6 +208,9 @@
208
208
  <li>
209
209
  <a href="#chipSelectedColor" >chipSelectedColor</a>
210
210
  </li>
211
+ <li>
212
+ <a href="#color" >color</a>
213
+ </li>
211
214
  <li>
212
215
  <a href="#isMultiSelectionMode" >isMultiSelectionMode</a>
213
216
  </li>
@@ -360,6 +363,27 @@
360
363
  </tr>
361
364
  </tbody>
362
365
  </table>
366
+ <table class="table table-sm table-bordered">
367
+ <tbody>
368
+ <tr>
369
+ <td class="col-md-4">
370
+ <a name="color"></a>
371
+ <b>color</b>
372
+ </td>
373
+ </tr>
374
+ <tr>
375
+ <td class="col-md-4">
376
+ <i>Type : </i> <code>&quot;default&quot; | &quot;dark&quot; | &quot;white&quot; | &quot;primary&quot; | &quot;info&quot; | &quot;success&quot; | &quot;warning&quot; | &quot;danger&quot;</code>
377
+
378
+ </td>
379
+ </tr>
380
+ <tr>
381
+ <td class="col-md-4">
382
+ <i>Default value : </i><code>&#x27;white&#x27;</code>
383
+ </td>
384
+ </tr>
385
+ </tbody>
386
+ </table>
363
387
  <table class="table table-sm table-bordered">
364
388
  <tbody>
365
389
  <tr>
package/docs/components/EuimControlFeedbackComponent.html CHANGED
@@ -82,7 +82,7 @@
82
82
  <td class="col-md-9">
83
83
  <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
84
84
  <br/>
85
- <div><i>&nbsp;Inputs</i> : euimInfo&nbsp;euimSuccess&nbsp;euimWarning&nbsp;euimDanger&nbsp;euimVariant&nbsp;</div>
85
+ <div><i>&nbsp;Inputs</i> : euimInfo&nbsp;euimSuccess&nbsp;euimWarning&nbsp;euimDanger&nbsp;euimVariant&nbsp;color&nbsp;</div>
86
86
  </td>
87
87
  </tr>
88
88
 
package/docs/components/EuimDataSummaryComponent.html CHANGED
@@ -88,7 +88,7 @@
88
88
  <td class="col-md-9">
89
89
  <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
90
90
  <br/>
91
- <div><i>&nbsp;Inputs</i> : euimPrimary&nbsp;</div>
91
+ <div><i>&nbsp;Inputs</i> : euimPrimary&nbsp;color&nbsp;</div>
92
92
  </td>
93
93
  </tr>
94
94
 
package/docs/components/EuimLabelComponent.html CHANGED
@@ -82,7 +82,7 @@
82
82
  <td class="col-md-9">
83
83
  <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
84
84
  <br/>
85
- <div><i>&nbsp;Inputs</i> : euimInfo&nbsp;euimSuccess&nbsp;euimWarning&nbsp;euimDanger&nbsp;euimPrimary&nbsp;euimSecondary&nbsp;euimDefault&nbsp;euimDark&nbsp;euimAccent&nbsp;euimSize2XS&nbsp;euimSizeXS&nbsp;euimSizeS&nbsp;euimSizeM&nbsp;euimSizeL&nbsp;euimSizeXL&nbsp;euimSize2XL&nbsp;euimSize3XL&nbsp;euimSize4XL&nbsp;</div>
85
+ <div><i>&nbsp;Inputs</i> : euimInfo&nbsp;euimSuccess&nbsp;euimWarning&nbsp;euimDanger&nbsp;euimPrimary&nbsp;euimSecondary&nbsp;euimDefault&nbsp;euimDark&nbsp;euimAccent&nbsp;euimSize2XS&nbsp;euimSizeXS&nbsp;euimSizeS&nbsp;euimSizeM&nbsp;euimSizeL&nbsp;euimSizeXL&nbsp;euimSize2XL&nbsp;euimSize3XL&nbsp;euimSize4XL&nbsp;color&nbsp;</div>
86
86
  </td>
87
87
  </tr>
88
88
 
package/docs/components/EuimMessageComponent.html CHANGED
@@ -82,7 +82,7 @@
82
82
  <td class="col-md-9">
83
83
  <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
84
84
  <br/>
85
- <div><i>&nbsp;Inputs</i> : euimInfo&nbsp;euimSuccess&nbsp;euimWarning&nbsp;euimDanger&nbsp;euimVariant&nbsp;</div>
85
+ <div><i>&nbsp;Inputs</i> : euimInfo&nbsp;euimSuccess&nbsp;euimWarning&nbsp;euimDanger&nbsp;euimVariant&nbsp;color&nbsp;variant&nbsp;</div>
86
86
  </td>
87
87
  </tr>
88
88
 
package/docs/components/EuimNotificationItemComponent.html CHANGED
@@ -82,7 +82,7 @@
82
82
  <td class="col-md-9">
83
83
  <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
84
84
  <br/>
85
- <div><i>&nbsp;Inputs</i> : euimInfo&nbsp;euimSuccess&nbsp;euimWarning&nbsp;euimDanger&nbsp;euimPrimary&nbsp;euimSecondary&nbsp;euimAccent&nbsp;</div>
85
+ <div><i>&nbsp;Inputs</i> : euimInfo&nbsp;euimSuccess&nbsp;euimWarning&nbsp;euimDanger&nbsp;euimPrimary&nbsp;euimSecondary&nbsp;euimAccent&nbsp;color&nbsp;</div>
86
86
  </td>
87
87
  </tr>
88
88
 
package/docs/components/EuimSliderComponent.html CHANGED
@@ -74,10 +74,6 @@
74
74
  <table class="table table-sm table-hover metadata">
75
75
  <tbody>
76
76
 
77
- <tr>
78
- <td class="col-md-3">changeDetection</td>
79
- <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
80
- </tr>
81
77
 
82
78
 
83
79
 
package/docs/components/EuimSliderInfoScreenComponent.html CHANGED
@@ -74,10 +74,6 @@
74
74
  <table class="table table-sm table-hover metadata">
75
75
  <tbody>
76
76
 
77
- <tr>
78
- <td class="col-md-3">changeDetection</td>
79
- <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
80
- </tr>
81
77
 
82
78
  <tr>
83
79
  <td class="col-md-3">encapsulation</td>
package/docs/components/EuimToolbarTitleComponent.html CHANGED
@@ -73,6 +73,13 @@
73
73
  </tr>
74
74
 
75
75
 
76
+ <tr>
77
+ <td class="col-md-3">HostDirectives</td>
78
+ <td class="col-md-9">
79
+ <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
80
+ <br/>
81
+ </td>
82
+ </tr>
76
83
 
77
84
 
78
85
 
@@ -121,13 +128,27 @@
121
128
  <td class="col-md-4">
122
129
  <ul class="index-list">
123
130
  <li>
124
- <span class="modifier"></span>
125
- <a href="#className" >className</a>
131
+ <span class="modifier">Public</span>
132
+ <a href="#baseStatesDirective" >baseStatesDirective</a>
126
133
  </li>
127
134
  </ul>
128
135
  </td>
129
136
  </tr>
130
137
 
138
+ <tr>
139
+ <td class="col-md-4">
140
+ <h6><b>Methods</b></h6>
141
+ </td>
142
+ </tr>
143
+ <tr>
144
+ <td class="col-md-4">
145
+ <ul class="index-list">
146
+ <li>
147
+ <a href="#getCssClasses" >getCssClasses</a>
148
+ </li>
149
+ </ul>
150
+ </td>
151
+ </tr>
131
152
 
132
153
 
133
154
 
@@ -140,17 +161,74 @@
140
161
  <td class="col-md-4">
141
162
  <ul class="index-list">
142
163
  <li>
143
- <a href="#className" >className</a>
164
+ <a href="#class" >class</a>
144
165
  </li>
145
166
  </ul>
146
167
  </td>
147
168
  </tr>
148
169
 
149
170
 
171
+ <tr>
172
+ <td class="col-md-4">
173
+ <h6><b>Accessors</b></h6>
174
+ </td>
175
+ </tr>
176
+ <tr>
177
+ <td class="col-md-4">
178
+ <ul class="index-list">
179
+ <li>
180
+ <a href="#cssClasses" >cssClasses</a>
181
+ </li>
182
+ </ul>
183
+ </td>
184
+ </tr>
150
185
  </tbody>
151
186
  </table>
152
187
  </section>
153
188
 
189
+ <section data-compodoc="block-constructor">
190
+ <h3 id="constructor">Constructor</h3>
191
+ <table class="table table-sm table-bordered">
192
+ <tbody>
193
+ <tr>
194
+ <td class="col-md-4">
195
+ <code>constructor(baseStatesDirective: <a href="../directives/BaseStatesDirective.html" target="_self">BaseStatesDirective</a>)</code>
196
+ </td>
197
+ </tr>
198
+
199
+ <tr>
200
+ <td class="col-md-4">
201
+ <div>
202
+ <b>Parameters :</b>
203
+ <table class="params">
204
+ <thead>
205
+ <tr>
206
+ <td>Name</td>
207
+ <td>Type</td>
208
+ <td>Optional</td>
209
+ </tr>
210
+ </thead>
211
+ <tbody>
212
+ <tr>
213
+ <td>baseStatesDirective</td>
214
+
215
+ <td>
216
+ <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
217
+ </td>
218
+
219
+ <td>
220
+ No
221
+ </td>
222
+
223
+ </tr>
224
+ </tbody>
225
+ </table>
226
+ </div>
227
+ </td>
228
+ </tr>
229
+ </tbody>
230
+ </table>
231
+ </section>
154
232
 
155
233
 
156
234
 
@@ -159,10 +237,10 @@
159
237
  <tbody>
160
238
  <tr>
161
239
  <td class="col-md-4">
162
- <a name="className"></a>
240
+ <a name="class"></a>
163
241
  <span class="name">
164
- <span ><b>className</b></span>
165
- <a href="#className"><span class="icon ion-ios-link"></span></a>
242
+ <span ><b>class</b></span>
243
+ <a href="#class"><span class="icon ion-ios-link"></span></a>
166
244
  </span>
167
245
  </td>
168
246
  </tr>
@@ -172,11 +250,6 @@
172
250
 
173
251
  </td>
174
252
  </tr>
175
- <tr>
176
- <td class="col-md-4">
177
- <i>Default value : </i><code>&#x27;euim-toolbar-title&#x27;</code>
178
- </td>
179
- </tr>
180
253
 
181
254
 
182
255
  </tbody>
@@ -184,7 +257,43 @@
184
257
  </section>
185
258
 
186
259
 
260
+ <section data-compodoc="block-methods">
261
+
262
+ <h3 id="methods">
263
+ Methods
264
+ </h3>
265
+ <table class="table table-sm table-bordered">
266
+ <tbody>
267
+ <tr>
268
+ <td class="col-md-4">
269
+ <a name="getCssClasses"></a>
270
+ <span class="name">
271
+ <span ><b>getCssClasses</b></span>
272
+ <a href="#getCssClasses"><span class="icon ion-ios-link"></span></a>
273
+ </span>
274
+ </td>
275
+ </tr>
276
+ <tr>
277
+ <td class="col-md-4">
278
+ <code>getCssClasses()</code>
279
+ </td>
280
+ </tr>
281
+
282
+
283
+
284
+
285
+ <tr>
286
+ <td class="col-md-4">
187
287
 
288
+ <div class="io-description">
289
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
290
+
291
+ </div>
292
+ </td>
293
+ </tr>
294
+ </tbody>
295
+ </table>
296
+ </section>
188
297
  <section data-compodoc="block-properties">
189
298
 
190
299
  <h3 id="inputs">
@@ -194,40 +303,48 @@
194
303
  <tbody>
195
304
  <tr>
196
305
  <td class="col-md-4">
197
- <a name="className"></a>
306
+ <a name="baseStatesDirective"></a>
198
307
  <span class="name">
199
- <span class="modifier"></span>
200
- <span ><b>className</b></span>
201
- <a href="#className"><span class="icon ion-ios-link"></span></a>
308
+ <span class="modifier">Public</span>
309
+ <span ><b>baseStatesDirective</b></span>
310
+ <a href="#baseStatesDirective"><span class="icon ion-ios-link"></span></a>
202
311
  </span>
203
312
  </td>
204
313
  </tr>
205
314
  <tr>
206
315
  <td class="col-md-4">
207
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
316
+ <i>Type : </i> <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
208
317
 
209
318
  </td>
210
319
  </tr>
320
+
321
+
322
+ </tbody>
323
+ </table>
324
+ </section>
325
+
326
+ <section data-compodoc="block-accessors">
327
+ <h3 id="accessors">
328
+ Accessors
329
+ </h3>
330
+ <table class="table table-sm table-bordered">
331
+ <tbody>
211
332
  <tr>
212
333
  <td class="col-md-4">
213
- <i>Default value : </i><code>&#x27;euim-toolbar-title&#x27;</code>
334
+ <a name="cssClasses"></a>
335
+ <span class="name"><b>cssClasses</b><a href="#cssClasses"><span class="icon ion-ios-link"></span></a></span>
214
336
  </td>
215
337
  </tr>
338
+
216
339
  <tr>
217
340
  <td class="col-md-4">
218
- <b>Decorators : </b>
219
- <br />
220
- <code>
221
- @HostBinding()<br />
222
- </code>
341
+ <span class="accessor"><b>get</b><code>cssClasses()</code></span>
223
342
  </td>
224
343
  </tr>
225
344
 
226
-
227
- </tbody>
228
- </table>
345
+ </tbody>
346
+ </table>
229
347
  </section>
230
-
231
348
  </div>
232
349
 
233
350
 
package/docs/directives/BaseStatesDirective.html CHANGED
@@ -115,6 +115,9 @@
115
115
  <tr>
116
116
  <td class="col-md-4">
117
117
  <ul class="index-list">
118
+ <li>
119
+ <a href="#color" >color</a>
120
+ </li>
118
121
  <li>
119
122
  <a href="#euimAccent" >euimAccent</a>
120
123
  </li>
@@ -208,6 +211,9 @@
208
211
  <li>
209
212
  <a href="#euimWhite" >euimWhite</a>
210
213
  </li>
214
+ <li>
215
+ <a href="#variant" class="deprecated-name">variant</a>
216
+ </li>
211
217
  </ul>
212
218
  </td>
213
219
  </tr>
@@ -226,6 +232,12 @@
226
232
  <li>
227
233
  <a href="#euimVariant" >euimVariant</a>
228
234
  </li>
235
+ <li>
236
+ <a href="#variant" >variant</a>
237
+ </li>
238
+ <li>
239
+ <a href="#color" >color</a>
240
+ </li>
229
241
  <li>
230
242
  <a href="#euimSizeVariant" >euimSizeVariant</a>
231
243
  </li>
@@ -239,6 +251,22 @@
239
251
 
240
252
  <section data-compodoc="block-inputs">
241
253
  <h3 id="inputs">Inputs</h3>
254
+ <table class="table table-sm table-bordered">
255
+ <tbody>
256
+ <tr>
257
+ <td class="col-md-4">
258
+ <a name="color"></a>
259
+ <b>color</b>
260
+ </td>
261
+ </tr>
262
+ <tr>
263
+ <td class="col-md-4">
264
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
265
+
266
+ </td>
267
+ </tr>
268
+ </tbody>
269
+ </table>
242
270
  <table class="table table-sm table-bordered">
243
271
  <tbody>
244
272
  <tr>
@@ -880,6 +908,22 @@
880
908
  </tr>
881
909
  </tbody>
882
910
  </table>
911
+ <table class="table table-sm table-bordered">
912
+ <tbody>
913
+ <tr>
914
+ <td class="col-md-4">
915
+ <a name="variant"></a>
916
+ <b>variant</b>
917
+ </td>
918
+ </tr>
919
+ <tr>
920
+ <td class="col-md-4">
921
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
922
+
923
+ </td>
924
+ </tr>
925
+ </tbody>
926
+ </table>
883
927
  </section>
884
928
 
885
929
 
@@ -1015,6 +1059,135 @@
1015
1059
  </tr>
1016
1060
  </tbody>
1017
1061
  </table>
1062
+ <table class="table table-sm table-bordered">
1063
+ <tbody>
1064
+ <tr>
1065
+ <td class="col-md-4">
1066
+ <a name="variant"></a>
1067
+ <span class="name"><b>variant</b><a href="#variant"><span class="icon ion-ios-link"></span></a></span>
1068
+ </td>
1069
+ </tr>
1070
+
1071
+ <tr>
1072
+ <td class="col-md-4">
1073
+ <span class="accessor"><b>get</b><code>variant()</code></span>
1074
+ </td>
1075
+ </tr>
1076
+ <tr>
1077
+ <td class="col-md-4">
1078
+
1079
+ <div>
1080
+ </div>
1081
+ <div class="io-description">
1082
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1083
+
1084
+ </div>
1085
+ </td>
1086
+ </tr>
1087
+
1088
+ <tr>
1089
+ <td class="col-md-4">
1090
+ <span class="accessor"><b>set</b><code>variant(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
1091
+ </td>
1092
+ </tr>
1093
+ <tr>
1094
+ <td class="col-md-4">
1095
+
1096
+ <div class="io-description">
1097
+ <b>Parameters :</b>
1098
+ <table class="params">
1099
+ <thead>
1100
+ <tr>
1101
+ <td>Name</td>
1102
+ <td>Type</td>
1103
+ <td>Optional</td>
1104
+ </tr>
1105
+ </thead>
1106
+ <tbody>
1107
+ <tr>
1108
+ <td>value</td>
1109
+
1110
+ <td>
1111
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1112
+ </td>
1113
+
1114
+ <td>
1115
+ No
1116
+ </td>
1117
+
1118
+ </tr>
1119
+ </tbody>
1120
+ </table>
1121
+ </div>
1122
+ <div>
1123
+ </div>
1124
+ <div class="io-description">
1125
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1126
+
1127
+ </div>
1128
+ </td>
1129
+ </tr>
1130
+ </tbody>
1131
+ </table>
1132
+ <table class="table table-sm table-bordered">
1133
+ <tbody>
1134
+ <tr>
1135
+ <td class="col-md-4">
1136
+ <a name="color"></a>
1137
+ <span class="name"><b>color</b><a href="#color"><span class="icon ion-ios-link"></span></a></span>
1138
+ </td>
1139
+ </tr>
1140
+
1141
+ <tr>
1142
+ <td class="col-md-4">
1143
+ <span class="accessor"><b>get</b><code>color()</code></span>
1144
+ </td>
1145
+ </tr>
1146
+
1147
+ <tr>
1148
+ <td class="col-md-4">
1149
+ <span class="accessor"><b>set</b><code>color(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
1150
+ </td>
1151
+ </tr>
1152
+ <tr>
1153
+ <td class="col-md-4">
1154
+
1155
+ <div class="io-description">
1156
+ <b>Parameters :</b>
1157
+ <table class="params">
1158
+ <thead>
1159
+ <tr>
1160
+ <td>Name</td>
1161
+ <td>Type</td>
1162
+ <td>Optional</td>
1163
+ </tr>
1164
+ </thead>
1165
+ <tbody>
1166
+ <tr>
1167
+ <td>value</td>
1168
+
1169
+ <td>
1170
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1171
+ </td>
1172
+
1173
+ <td>
1174
+ No
1175
+ </td>
1176
+
1177
+ </tr>
1178
+ </tbody>
1179
+ </table>
1180
+ </div>
1181
+ <div>
1182
+ </div>
1183
+ <div class="io-description">
1184
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1185
+
1186
+ </div>
1187
+ </td>
1188
+ </tr>
1189
+ </tbody>
1190
+ </table>
1018
1191
  <table class="table table-sm table-bordered">
1019
1192
  <tbody>
1020
1193
  <tr>