@eui/mobile-core 16.7.0-snapshot-1709133352306 → 16.7.0-snapshot-1709219670867

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 (34) hide show
  1. package/docs/components/EuimChipSelectorComponent.html +1 -1
  2. package/docs/components/EuimHeaderDetailsComponent.html +1 -1
  3. package/docs/components/EuimLanguageSelectorComponent.html +1 -1
  4. package/docs/components/EuimMessageComponent.html +1 -1
  5. package/docs/components/EuimSliderComponent.html +0 -4
  6. package/docs/components/EuimSliderInfoScreenComponent.html +0 -4
  7. package/docs/components/EuimToolbarTitleComponent.html +143 -26
  8. package/docs/directives/BaseStatesDirective.html +118 -13
  9. package/docs/js/search/search_index.js +2 -2
  10. package/esm2022/lib/components/base-states.directive.mjs +78 -2
  11. package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +5 -1
  12. package/esm2022/lib/components/euim-message/euim-message.component.mjs +3 -2
  13. package/esm2022/lib/components/euim-slider/euim-slider.component.mjs +4 -4
  14. package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.mjs +4 -4
  15. package/esm2022/lib/components/layout/euim-header-details/euim-header-details.component.mjs +3 -2
  16. package/esm2022/lib/components/layout/euim-language-selector/euim-language-selector.component.mjs +3 -2
  17. package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.mjs +23 -8
  18. package/fesm2022/eui-mobile-core.mjs +111 -15
  19. package/fesm2022/eui-mobile-core.mjs.map +1 -1
  20. package/lib/components/base-states.directive.d.ts +59 -1
  21. package/lib/components/base-states.directive.d.ts.map +1 -1
  22. package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts +4 -0
  23. package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts.map +1 -1
  24. package/lib/components/euim-message/euim-message.component.d.ts +1 -1
  25. package/lib/components/euim-message/euim-message.component.d.ts.map +1 -1
  26. package/lib/components/euim-slider/euim-slider.component.d.ts.map +1 -1
  27. package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts.map +1 -1
  28. package/lib/components/layout/euim-header-details/euim-header-details.component.d.ts +1 -1
  29. package/lib/components/layout/euim-header-details/euim-header-details.component.d.ts.map +1 -1
  30. package/lib/components/layout/euim-language-selector/euim-language-selector.component.d.ts +1 -1
  31. package/lib/components/layout/euim-language-selector/euim-language-selector.component.d.ts.map +1 -1
  32. package/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.d.ts +7 -2
  33. package/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.d.ts.map +1 -1
  34. package/package.json +1 -1
@@ -200,7 +200,7 @@
200
200
  <a href="#backgroundColor" >backgroundColor</a>
201
201
  </li>
202
202
  <li>
203
- <a href="#chipColor" >chipColor</a>
203
+ <a href="#chipColor" class="deprecated-name">chipColor</a>
204
204
  </li>
205
205
  <li>
206
206
  <a href="#chipFill" >chipFill</a>
@@ -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> : euimPrimary&nbsp;</div>
85
+ <div><i>&nbsp;Inputs</i> : euimPrimary&nbsp;color&nbsp;</div>
86
86
  </td>
87
87
  </tr>
88
88
 
@@ -89,7 +89,7 @@
89
89
  <td class="col-md-9">
90
90
  <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
91
91
  <br/>
92
- <div><i>&nbsp;Inputs</i> : euimPrimary&nbsp;</div>
92
+ <div><i>&nbsp;Inputs</i> : euimPrimary&nbsp;color&nbsp;</div>
93
93
  </td>
94
94
  </tr>
95
95
 
@@ -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;color&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
 
@@ -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
 
@@ -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>
@@ -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
 
@@ -119,19 +119,19 @@
119
119
  <a href="#color" >color</a>
120
120
  </li>
121
121
  <li>
122
- <a href="#euimAccent" >euimAccent</a>
122
+ <a href="#euimAccent" class="deprecated-name">euimAccent</a>
123
123
  </li>
124
124
  <li>
125
- <a href="#euimClear" >euimClear</a>
125
+ <a href="#euimClear" class="deprecated-name">euimClear</a>
126
126
  </li>
127
127
  <li>
128
- <a href="#euimDanger" >euimDanger</a>
128
+ <a href="#euimDanger" class="deprecated-name">euimDanger</a>
129
129
  </li>
130
130
  <li>
131
- <a href="#euimDark" >euimDark</a>
131
+ <a href="#euimDark" class="deprecated-name">euimDark</a>
132
132
  </li>
133
133
  <li>
134
- <a href="#euimDefault" >euimDefault</a>
134
+ <a href="#euimDefault" class="deprecated-name">euimDefault</a>
135
135
  </li>
136
136
  <li>
137
137
  <a href="#euimDisabled" >euimDisabled</a>
@@ -152,19 +152,19 @@
152
152
  <a href="#euimFontRegular" >euimFontRegular</a>
153
153
  </li>
154
154
  <li>
155
- <a href="#euimInfo" >euimInfo</a>
155
+ <a href="#euimInfo" class="deprecated-name">euimInfo</a>
156
156
  </li>
157
157
  <li>
158
- <a href="#euimLight" >euimLight</a>
158
+ <a href="#euimLight" class="deprecated-name">euimLight</a>
159
159
  </li>
160
160
  <li>
161
161
  <a href="#euimPositionTopEnd" >euimPositionTopEnd</a>
162
162
  </li>
163
163
  <li>
164
- <a href="#euimPrimary" >euimPrimary</a>
164
+ <a href="#euimPrimary" class="deprecated-name">euimPrimary</a>
165
165
  </li>
166
166
  <li>
167
- <a href="#euimSecondary" >euimSecondary</a>
167
+ <a href="#euimSecondary" class="deprecated-name">euimSecondary</a>
168
168
  </li>
169
169
  <li>
170
170
  <a href="#euimSize2XL" >euimSize2XL</a>
@@ -200,16 +200,19 @@
200
200
  <a href="#euimSizeXS" >euimSizeXS</a>
201
201
  </li>
202
202
  <li>
203
- <a href="#euimSuccess" >euimSuccess</a>
203
+ <a href="#euimSuccess" class="deprecated-name">euimSuccess</a>
204
204
  </li>
205
205
  <li>
206
- <a href="#euimVariant" >euimVariant</a>
206
+ <a href="#euimVariant" class="deprecated-name">euimVariant</a>
207
207
  </li>
208
208
  <li>
209
- <a href="#euimWarning" >euimWarning</a>
209
+ <a href="#euimWarning" class="deprecated-name">euimWarning</a>
210
210
  </li>
211
211
  <li>
212
- <a href="#euimWhite" >euimWhite</a>
212
+ <a href="#euimWhite" class="deprecated-name">euimWhite</a>
213
+ </li>
214
+ <li>
215
+ <a href="#variant" class="deprecated-name">variant</a>
213
216
  </li>
214
217
  </ul>
215
218
  </td>
@@ -229,6 +232,9 @@
229
232
  <li>
230
233
  <a href="#euimVariant" >euimVariant</a>
231
234
  </li>
235
+ <li>
236
+ <a href="#variant" >variant</a>
237
+ </li>
232
238
  <li>
233
239
  <a href="#color" >color</a>
234
240
  </li>
@@ -902,6 +908,22 @@
902
908
  </tr>
903
909
  </tbody>
904
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>
905
927
  </section>
906
928
 
907
929
 
@@ -992,6 +1014,19 @@
992
1014
  <span class="accessor"><b>get</b><code>euimVariant()</code></span>
993
1015
  </td>
994
1016
  </tr>
1017
+ <tr>
1018
+ <td class="col-md-4">
1019
+ <div class="io-description"><p>Please use <a href="color">color</a> property instead</p>
1020
+ </div>
1021
+
1022
+ <div>
1023
+ </div>
1024
+ <div class="io-description">
1025
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1026
+
1027
+ </div>
1028
+ </td>
1029
+ </tr>
995
1030
 
996
1031
  <tr>
997
1032
  <td class="col-md-4">
@@ -1037,6 +1072,76 @@
1037
1072
  </tr>
1038
1073
  </tbody>
1039
1074
  </table>
1075
+ <table class="table table-sm table-bordered">
1076
+ <tbody>
1077
+ <tr>
1078
+ <td class="col-md-4">
1079
+ <a name="variant"></a>
1080
+ <span class="name"><b>variant</b><a href="#variant"><span class="icon ion-ios-link"></span></a></span>
1081
+ </td>
1082
+ </tr>
1083
+
1084
+ <tr>
1085
+ <td class="col-md-4">
1086
+ <span class="accessor"><b>get</b><code>variant()</code></span>
1087
+ </td>
1088
+ </tr>
1089
+ <tr>
1090
+ <td class="col-md-4">
1091
+
1092
+ <div>
1093
+ </div>
1094
+ <div class="io-description">
1095
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1096
+
1097
+ </div>
1098
+ </td>
1099
+ </tr>
1100
+
1101
+ <tr>
1102
+ <td class="col-md-4">
1103
+ <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>
1104
+ </td>
1105
+ </tr>
1106
+ <tr>
1107
+ <td class="col-md-4">
1108
+
1109
+ <div class="io-description">
1110
+ <b>Parameters :</b>
1111
+ <table class="params">
1112
+ <thead>
1113
+ <tr>
1114
+ <td>Name</td>
1115
+ <td>Type</td>
1116
+ <td>Optional</td>
1117
+ </tr>
1118
+ </thead>
1119
+ <tbody>
1120
+ <tr>
1121
+ <td>value</td>
1122
+
1123
+ <td>
1124
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1125
+ </td>
1126
+
1127
+ <td>
1128
+ No
1129
+ </td>
1130
+
1131
+ </tr>
1132
+ </tbody>
1133
+ </table>
1134
+ </div>
1135
+ <div>
1136
+ </div>
1137
+ <div class="io-description">
1138
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1139
+
1140
+ </div>
1141
+ </td>
1142
+ </tr>
1143
+ </tbody>
1144
+ </table>
1040
1145
  <table class="table table-sm table-bordered">
1041
1146
  <tbody>
1042
1147
  <tr>