@eui/ecl 22.0.0-alpha.30 → 22.0.0-alpha.32
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.
- package/docs/changelog.html +76 -0
- package/docs/components/EclMultiselectComponent.html +88 -605
- package/docs/components/EclMultiselectDropdownComponent.html +204 -2316
- package/docs/components/EclMultiselectInputComponent.html +3 -545
- package/docs/components/EclMultiselectOptionComponent.html +48 -443
- package/docs/components/EclRatingFieldComponent.html +0 -45
- package/docs/components/EclSearchFormComponent.html +4 -447
- package/docs/directives/EclMultiselectOptionDirective.html +21 -286
- package/docs/interfaces/EclMultiselectOption.html +6 -6
- package/docs/js/search/search_index.js +2 -2
- package/docs/json/EclMultiselectComponent.md +6 -6
- package/docs/json/EclMultiselectDropdownComponent.md +1 -6
- package/docs/json/EclMultiselectInputComponent.md +1 -1
- package/docs/json/EclMultiselectOptionComponent.md +2 -1
- package/docs/json/EclMultiselectOptionDirective.md +1 -1
- package/docs/json/documentation.json +834 -1416
- package/docs/llms.txt +33 -95
- package/docs/properties.html +1 -1
- package/fesm2022/eui-ecl-components-ecl-multiselect.mjs +320 -430
- package/fesm2022/eui-ecl-components-ecl-multiselect.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-rating-field.mjs +4 -6
- package/fesm2022/eui-ecl-components-ecl-rating-field.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-search-form.mjs +22 -27
- package/fesm2022/eui-ecl-components-ecl-search-form.mjs.map +1 -1
- package/package.json +1 -1
- package/types/eui-ecl-components-ecl-multiselect.d.ts +163 -192
- package/types/eui-ecl-components-ecl-multiselect.d.ts.map +1 -1
- package/types/eui-ecl-components-ecl-rating-field.d.ts.map +1 -1
- package/types/eui-ecl-components-ecl-search-form.d.ts +14 -14
- package/types/eui-ecl-components-ecl-search-form.d.ts.map +1 -1
|
@@ -253,48 +253,6 @@ Handles displaying selected items, opening the dropdown, and managing accessibil
|
|
|
253
253
|
|
|
254
254
|
<div class="tab-pane fade " id="api"> <section data-compodoc="block-index">
|
|
255
255
|
<h3 id="index">Index</h3>
|
|
256
|
-
<table class="table table-sm table-bordered index-table">
|
|
257
|
-
<tbody>
|
|
258
|
-
<tr>
|
|
259
|
-
<td class="col-md-3">
|
|
260
|
-
<h6><b>Properties</b></h6>
|
|
261
|
-
</td>
|
|
262
|
-
<td class="col-md-9">
|
|
263
|
-
<ul class="index-list">
|
|
264
|
-
<li>
|
|
265
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
266
|
-
<a href="#ariaDescribedbyFull" >ariaDescribedbyFull</a>
|
|
267
|
-
</li>
|
|
268
|
-
<li>
|
|
269
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
270
|
-
<a href="#buttonText" >buttonText</a>
|
|
271
|
-
</li>
|
|
272
|
-
<li>
|
|
273
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
274
|
-
<a href="#counterId" >counterId</a>
|
|
275
|
-
</li>
|
|
276
|
-
<li>
|
|
277
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
278
|
-
<span class="modifier">Readonly</span>
|
|
279
|
-
<a href="#inputMultiselect" >inputMultiselect</a>
|
|
280
|
-
</li>
|
|
281
|
-
<li>
|
|
282
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
283
|
-
<a href="#isActive" >isActive</a>
|
|
284
|
-
</li>
|
|
285
|
-
<li>
|
|
286
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
287
|
-
<a href="#isShowCounter" >isShowCounter</a>
|
|
288
|
-
</li>
|
|
289
|
-
<li>
|
|
290
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
291
|
-
<a href="#selectedItemsCount" >selectedItemsCount</a>
|
|
292
|
-
</li>
|
|
293
|
-
</ul>
|
|
294
|
-
</td>
|
|
295
|
-
</tr>
|
|
296
|
-
</tbody>
|
|
297
|
-
</table>
|
|
298
256
|
|
|
299
257
|
<table class="table table-sm table-bordered index-table">
|
|
300
258
|
<tbody>
|
|
@@ -304,18 +262,10 @@ Handles displaying selected items, opening the dropdown, and managing accessibil
|
|
|
304
262
|
</td>
|
|
305
263
|
<td class="col-md-9">
|
|
306
264
|
<ul class="index-list">
|
|
307
|
-
<li>
|
|
308
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
309
|
-
<a href="#onClick" >onClick</a>
|
|
310
|
-
</li>
|
|
311
265
|
<li>
|
|
312
266
|
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
313
267
|
<a href="#onFocus" >onFocus</a>
|
|
314
268
|
</li>
|
|
315
|
-
<li>
|
|
316
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
317
|
-
<a href="#onKeydown" >onKeydown</a>
|
|
318
|
-
</li>
|
|
319
269
|
<li>
|
|
320
270
|
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
321
271
|
<a href="#getCssClasses" >getCssClasses</a>
|
|
@@ -359,7 +309,7 @@ Handles displaying selected items, opening the dropdown, and managing accessibil
|
|
|
359
309
|
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isInvalid" >isInvalid</a>
|
|
360
310
|
</li>
|
|
361
311
|
<li>
|
|
362
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#
|
|
312
|
+
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#selectedItemsLabels" >selectedItemsLabels</a>
|
|
363
313
|
</li>
|
|
364
314
|
<li>
|
|
365
315
|
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#toggleId" >toggleId</a>
|
|
@@ -402,45 +352,8 @@ Handles displaying selected items, opening the dropdown, and managing accessibil
|
|
|
402
352
|
</tbody>
|
|
403
353
|
</table>
|
|
404
354
|
|
|
405
|
-
<table class="table table-sm table-bordered index-table">
|
|
406
|
-
<tbody>
|
|
407
|
-
<tr>
|
|
408
|
-
<td class="col-md-3">
|
|
409
|
-
<h6><b>HostBindings</b></h6>
|
|
410
|
-
</td>
|
|
411
|
-
<td class="col-md-9">
|
|
412
|
-
<ul class="index-list">
|
|
413
|
-
<li>
|
|
414
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
|
|
415
|
-
</li>
|
|
416
|
-
</ul>
|
|
417
|
-
</td>
|
|
418
|
-
</tr>
|
|
419
|
-
</tbody>
|
|
420
|
-
</table>
|
|
421
355
|
|
|
422
356
|
|
|
423
|
-
<table class="table table-sm table-bordered index-table">
|
|
424
|
-
<tbody>
|
|
425
|
-
<tr>
|
|
426
|
-
<td class="col-md-3">
|
|
427
|
-
<h6><b>Accessors</b></h6>
|
|
428
|
-
</td>
|
|
429
|
-
<td class="col-md-9">
|
|
430
|
-
<ul class="index-list">
|
|
431
|
-
<li>
|
|
432
|
-
<span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
|
|
433
|
-
<a href="#cssClasses" >cssClasses</a>
|
|
434
|
-
</li>
|
|
435
|
-
<li>
|
|
436
|
-
<span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
|
|
437
|
-
<a href="#sizeIcon" >sizeIcon</a>
|
|
438
|
-
</li>
|
|
439
|
-
</ul>
|
|
440
|
-
</td>
|
|
441
|
-
</tr>
|
|
442
|
-
</tbody>
|
|
443
|
-
</table>
|
|
444
357
|
</section>
|
|
445
358
|
|
|
446
359
|
|
|
@@ -666,8 +579,8 @@ Handles displaying selected items, opening the dropdown, and managing accessibil
|
|
|
666
579
|
<tbody>
|
|
667
580
|
<tr>
|
|
668
581
|
<td class="col-md-4">
|
|
669
|
-
<a name="
|
|
670
|
-
<b>
|
|
582
|
+
<a name="selectedItemsLabels"></a>
|
|
583
|
+
<b>selectedItemsLabels</b>
|
|
671
584
|
</td>
|
|
672
585
|
</tr>
|
|
673
586
|
<tr>
|
|
@@ -841,35 +754,6 @@ Handles displaying selected items, opening the dropdown, and managing accessibil
|
|
|
841
754
|
</table>
|
|
842
755
|
</section>
|
|
843
756
|
|
|
844
|
-
<section data-compodoc="block-properties">
|
|
845
|
-
<h3>HostBindings</h3> <table class="table table-sm table-bordered">
|
|
846
|
-
<tbody>
|
|
847
|
-
<tr>
|
|
848
|
-
<td class="col-md-4">
|
|
849
|
-
<a name="class"></a>
|
|
850
|
-
<span class="name">
|
|
851
|
-
<span ><b>class</b></span>
|
|
852
|
-
<a href="#class"><span class="icon ion-ios-link"></span></a>
|
|
853
|
-
</span>
|
|
854
|
-
</td>
|
|
855
|
-
</tr>
|
|
856
|
-
<tr>
|
|
857
|
-
<td class="col-md-4">
|
|
858
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
859
|
-
|
|
860
|
-
</td>
|
|
861
|
-
</tr>
|
|
862
|
-
|
|
863
|
-
<tr>
|
|
864
|
-
<td class="col-md-4">
|
|
865
|
-
<div class="io-description"><p>CSS classes for the component, including size and inherited classes.</p>
|
|
866
|
-
</div>
|
|
867
|
-
</td>
|
|
868
|
-
</tr>
|
|
869
|
-
|
|
870
|
-
</tbody>
|
|
871
|
-
</table>
|
|
872
|
-
</section>
|
|
873
757
|
|
|
874
758
|
|
|
875
759
|
<section data-compodoc="block-methods">
|
|
@@ -877,69 +761,6 @@ Handles displaying selected items, opening the dropdown, and managing accessibil
|
|
|
877
761
|
<h3 id="methods">
|
|
878
762
|
Methods
|
|
879
763
|
</h3>
|
|
880
|
-
<table class="table table-sm table-bordered">
|
|
881
|
-
<tbody>
|
|
882
|
-
<tr>
|
|
883
|
-
<td class="col-md-4">
|
|
884
|
-
<a name="onClick"></a>
|
|
885
|
-
<span class="name">
|
|
886
|
-
<span ><b>onClick</b></span>
|
|
887
|
-
<a href="#onClick"><span class="icon ion-ios-link"></span></a>
|
|
888
|
-
</span>
|
|
889
|
-
</td>
|
|
890
|
-
</tr>
|
|
891
|
-
<tr>
|
|
892
|
-
<td class="col-md-4">
|
|
893
|
-
<code>onClick(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
894
|
-
</td>
|
|
895
|
-
</tr>
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
<tr>
|
|
901
|
-
<td class="col-md-4">
|
|
902
|
-
<div class="io-description"><p>Handles click on the input container. Emits custom event with original DOM event.</p>
|
|
903
|
-
</div>
|
|
904
|
-
|
|
905
|
-
<div class="io-description">
|
|
906
|
-
<b>Parameters :</b>
|
|
907
|
-
|
|
908
|
-
<table class="params">
|
|
909
|
-
<thead>
|
|
910
|
-
<tr>
|
|
911
|
-
<td>Name</td>
|
|
912
|
-
<td>Type</td>
|
|
913
|
-
<td>Optional</td>
|
|
914
|
-
</tr>
|
|
915
|
-
</thead>
|
|
916
|
-
<tbody>
|
|
917
|
-
<tr>
|
|
918
|
-
<td>evt</td>
|
|
919
|
-
<td>
|
|
920
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
921
|
-
</td>
|
|
922
|
-
|
|
923
|
-
<td>
|
|
924
|
-
No
|
|
925
|
-
</td>
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
</tr>
|
|
929
|
-
</tbody>
|
|
930
|
-
</table>
|
|
931
|
-
</div>
|
|
932
|
-
<div class="io-description">
|
|
933
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
934
|
-
|
|
935
|
-
</div>
|
|
936
|
-
<div class="io-description">
|
|
937
|
-
|
|
938
|
-
</div>
|
|
939
|
-
</td>
|
|
940
|
-
</tr>
|
|
941
|
-
</tbody>
|
|
942
|
-
</table>
|
|
943
764
|
<table class="table table-sm table-bordered">
|
|
944
765
|
<tbody>
|
|
945
766
|
<tr>
|
|
@@ -973,70 +794,6 @@ Handles displaying selected items, opening the dropdown, and managing accessibil
|
|
|
973
794
|
</tr>
|
|
974
795
|
</tbody>
|
|
975
796
|
</table>
|
|
976
|
-
<table class="table table-sm table-bordered">
|
|
977
|
-
<tbody>
|
|
978
|
-
<tr>
|
|
979
|
-
<td class="col-md-4">
|
|
980
|
-
<a name="onKeydown"></a>
|
|
981
|
-
<span class="name">
|
|
982
|
-
<span ><b>onKeydown</b></span>
|
|
983
|
-
<a href="#onKeydown"><span class="icon ion-ios-link"></span></a>
|
|
984
|
-
</span>
|
|
985
|
-
</td>
|
|
986
|
-
</tr>
|
|
987
|
-
<tr>
|
|
988
|
-
<td class="col-md-4">
|
|
989
|
-
<code>onKeydown(evt: KeyboardEvent)</code>
|
|
990
|
-
</td>
|
|
991
|
-
</tr>
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
<tr>
|
|
997
|
-
<td class="col-md-4">
|
|
998
|
-
<div class="io-description"><p>Handles keydown events on the input.
|
|
999
|
-
Only emits event on ArrowDown, Enter, or Space keys.</p>
|
|
1000
|
-
</div>
|
|
1001
|
-
|
|
1002
|
-
<div class="io-description">
|
|
1003
|
-
<b>Parameters :</b>
|
|
1004
|
-
|
|
1005
|
-
<table class="params">
|
|
1006
|
-
<thead>
|
|
1007
|
-
<tr>
|
|
1008
|
-
<td>Name</td>
|
|
1009
|
-
<td>Type</td>
|
|
1010
|
-
<td>Optional</td>
|
|
1011
|
-
</tr>
|
|
1012
|
-
</thead>
|
|
1013
|
-
<tbody>
|
|
1014
|
-
<tr>
|
|
1015
|
-
<td>evt</td>
|
|
1016
|
-
<td>
|
|
1017
|
-
<code>KeyboardEvent</code>
|
|
1018
|
-
</td>
|
|
1019
|
-
|
|
1020
|
-
<td>
|
|
1021
|
-
No
|
|
1022
|
-
</td>
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
</tr>
|
|
1026
|
-
</tbody>
|
|
1027
|
-
</table>
|
|
1028
|
-
</div>
|
|
1029
|
-
<div class="io-description">
|
|
1030
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1031
|
-
|
|
1032
|
-
</div>
|
|
1033
|
-
<div class="io-description">
|
|
1034
|
-
|
|
1035
|
-
</div>
|
|
1036
|
-
</td>
|
|
1037
|
-
</tr>
|
|
1038
|
-
</tbody>
|
|
1039
|
-
</table>
|
|
1040
797
|
<table class="table table-sm table-bordered">
|
|
1041
798
|
<tbody>
|
|
1042
799
|
<tr>
|
|
@@ -1100,306 +857,7 @@ Only emits event on ArrowDown, Enter, or Space keys.</p>
|
|
|
1100
857
|
</table>
|
|
1101
858
|
</section>
|
|
1102
859
|
|
|
1103
|
-
<section data-compodoc="block-properties">
|
|
1104
|
-
|
|
1105
|
-
<h3 id="inputs">
|
|
1106
|
-
Properties
|
|
1107
|
-
</h3>
|
|
1108
|
-
<table class="table table-sm table-bordered">
|
|
1109
|
-
<tbody>
|
|
1110
|
-
<tr>
|
|
1111
|
-
<td class="col-md-4">
|
|
1112
|
-
<a name="ariaDescribedbyFull"></a>
|
|
1113
|
-
<span class="name">
|
|
1114
|
-
<span ><b>ariaDescribedbyFull</b></span>
|
|
1115
|
-
<a href="#ariaDescribedbyFull"><span class="icon ion-ios-link"></span></a>
|
|
1116
|
-
</span>
|
|
1117
|
-
</td>
|
|
1118
|
-
</tr>
|
|
1119
|
-
<tr>
|
|
1120
|
-
<td class="col-md-4">
|
|
1121
|
-
<i>Type : </i> <code>unknown</code>
|
|
1122
|
-
|
|
1123
|
-
</td>
|
|
1124
|
-
</tr>
|
|
1125
|
-
<tr>
|
|
1126
|
-
<td class="col-md-4">
|
|
1127
|
-
<i>Default value : </i><code>computed(() => {
|
|
1128
|
-
const describedby = this.ariaDescribedby();
|
|
1129
|
-
const counter = this.counterId();
|
|
1130
|
-
return [describedby, counter].filter(Boolean).join(' ') || undefined;
|
|
1131
|
-
})</code>
|
|
1132
|
-
</td>
|
|
1133
|
-
</tr>
|
|
1134
|
-
|
|
1135
|
-
<tr>
|
|
1136
|
-
<td class="col-md-4">
|
|
1137
|
-
<div class="io-description"><p>Computed ARIA describedby combining the input value with the counter ID.</p>
|
|
1138
|
-
</div>
|
|
1139
|
-
</td>
|
|
1140
|
-
</tr>
|
|
1141
|
-
|
|
1142
|
-
</tbody>
|
|
1143
|
-
</table>
|
|
1144
|
-
<table class="table table-sm table-bordered">
|
|
1145
|
-
<tbody>
|
|
1146
|
-
<tr>
|
|
1147
|
-
<td class="col-md-4">
|
|
1148
|
-
<a name="buttonText"></a>
|
|
1149
|
-
<span class="name">
|
|
1150
|
-
<span ><b>buttonText</b></span>
|
|
1151
|
-
<a href="#buttonText"><span class="icon ion-ios-link"></span></a>
|
|
1152
|
-
</span>
|
|
1153
|
-
</td>
|
|
1154
|
-
</tr>
|
|
1155
|
-
<tr>
|
|
1156
|
-
<td class="col-md-4">
|
|
1157
|
-
<i>Type : </i> <code>unknown</code>
|
|
1158
|
-
|
|
1159
|
-
</td>
|
|
1160
|
-
</tr>
|
|
1161
|
-
<tr>
|
|
1162
|
-
<td class="col-md-4">
|
|
1163
|
-
<i>Default value : </i><code>computed(() => {
|
|
1164
|
-
const items = this.selectedItems();
|
|
1165
|
-
return items.length === 0 ? this.inputPlaceholder() : items.join(',');
|
|
1166
|
-
})</code>
|
|
1167
|
-
</td>
|
|
1168
|
-
</tr>
|
|
1169
|
-
|
|
1170
|
-
<tr>
|
|
1171
|
-
<td class="col-md-4">
|
|
1172
|
-
<div class="io-description"><p>Returns the label text shown inside the button.</p>
|
|
1173
|
-
</div>
|
|
1174
|
-
</td>
|
|
1175
|
-
</tr>
|
|
1176
|
-
|
|
1177
|
-
</tbody>
|
|
1178
|
-
</table>
|
|
1179
|
-
<table class="table table-sm table-bordered">
|
|
1180
|
-
<tbody>
|
|
1181
|
-
<tr>
|
|
1182
|
-
<td class="col-md-4">
|
|
1183
|
-
<a name="counterId"></a>
|
|
1184
|
-
<span class="name">
|
|
1185
|
-
<span ><b>counterId</b></span>
|
|
1186
|
-
<a href="#counterId"><span class="icon ion-ios-link"></span></a>
|
|
1187
|
-
</span>
|
|
1188
|
-
</td>
|
|
1189
|
-
</tr>
|
|
1190
|
-
<tr>
|
|
1191
|
-
<td class="col-md-4">
|
|
1192
|
-
<i>Type : </i> <code>unknown</code>
|
|
1193
|
-
|
|
1194
|
-
</td>
|
|
1195
|
-
</tr>
|
|
1196
|
-
<tr>
|
|
1197
|
-
<td class="col-md-4">
|
|
1198
|
-
<i>Default value : </i><code>signal(crypto.randomUUID())</code>
|
|
1199
|
-
</td>
|
|
1200
|
-
</tr>
|
|
1201
|
-
|
|
1202
|
-
<tr>
|
|
1203
|
-
<td class="col-md-4">
|
|
1204
|
-
<div class="io-description"><p>Unique ID for the counter element.</p>
|
|
1205
|
-
</div>
|
|
1206
|
-
</td>
|
|
1207
|
-
</tr>
|
|
1208
|
-
|
|
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="inputMultiselect"></a>
|
|
1216
|
-
<span class="name">
|
|
1217
|
-
<span class="modifier">Readonly</span>
|
|
1218
|
-
<span ><b>inputMultiselect</b></span>
|
|
1219
|
-
<a href="#inputMultiselect"><span class="icon ion-ios-link"></span></a>
|
|
1220
|
-
</span>
|
|
1221
|
-
</td>
|
|
1222
|
-
</tr>
|
|
1223
|
-
<tr>
|
|
1224
|
-
<td class="col-md-4">
|
|
1225
|
-
<i>Type : </i> <code>unknown</code>
|
|
1226
|
-
|
|
1227
|
-
</td>
|
|
1228
|
-
</tr>
|
|
1229
|
-
<tr>
|
|
1230
|
-
<td class="col-md-4">
|
|
1231
|
-
<i>Default value : </i><code>viewChild<ElementRef>('inputMultiselect')</code>
|
|
1232
|
-
</td>
|
|
1233
|
-
</tr>
|
|
1234
|
-
|
|
1235
|
-
<tr>
|
|
1236
|
-
<td class="col-md-4">
|
|
1237
|
-
<div class="io-description"><p>Reference to the internal input element.</p>
|
|
1238
|
-
</div>
|
|
1239
|
-
</td>
|
|
1240
|
-
</tr>
|
|
1241
|
-
|
|
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="isActive"></a>
|
|
1249
|
-
<span class="name">
|
|
1250
|
-
<span ><b>isActive</b></span>
|
|
1251
|
-
<a href="#isActive"><span class="icon ion-ios-link"></span></a>
|
|
1252
|
-
</span>
|
|
1253
|
-
</td>
|
|
1254
|
-
</tr>
|
|
1255
|
-
<tr>
|
|
1256
|
-
<td class="col-md-4">
|
|
1257
|
-
<i>Type : </i> <code>unknown</code>
|
|
1258
|
-
|
|
1259
|
-
</td>
|
|
1260
|
-
</tr>
|
|
1261
|
-
<tr>
|
|
1262
|
-
<td class="col-md-4">
|
|
1263
|
-
<i>Default value : </i><code>computed(() => this.isDropdownExpanded())</code>
|
|
1264
|
-
</td>
|
|
1265
|
-
</tr>
|
|
1266
|
-
|
|
1267
|
-
<tr>
|
|
1268
|
-
<td class="col-md-4">
|
|
1269
|
-
<div class="io-description"><p>Indicates that the dropdown is expanded (active).</p>
|
|
1270
|
-
</div>
|
|
1271
|
-
</td>
|
|
1272
|
-
</tr>
|
|
1273
|
-
|
|
1274
|
-
</tbody>
|
|
1275
|
-
</table>
|
|
1276
|
-
<table class="table table-sm table-bordered">
|
|
1277
|
-
<tbody>
|
|
1278
|
-
<tr>
|
|
1279
|
-
<td class="col-md-4">
|
|
1280
|
-
<a name="isShowCounter"></a>
|
|
1281
|
-
<span class="name">
|
|
1282
|
-
<span ><b>isShowCounter</b></span>
|
|
1283
|
-
<a href="#isShowCounter"><span class="icon ion-ios-link"></span></a>
|
|
1284
|
-
</span>
|
|
1285
|
-
</td>
|
|
1286
|
-
</tr>
|
|
1287
|
-
<tr>
|
|
1288
|
-
<td class="col-md-4">
|
|
1289
|
-
<i>Type : </i> <code>unknown</code>
|
|
1290
|
-
|
|
1291
|
-
</td>
|
|
1292
|
-
</tr>
|
|
1293
|
-
<tr>
|
|
1294
|
-
<td class="col-md-4">
|
|
1295
|
-
<i>Default value : </i><code>computed(() => this.selectedItems().length > 0)</code>
|
|
1296
|
-
</td>
|
|
1297
|
-
</tr>
|
|
1298
|
-
|
|
1299
|
-
<tr>
|
|
1300
|
-
<td class="col-md-4">
|
|
1301
|
-
<div class="io-description"><p>Displays a count badge when items are selected.</p>
|
|
1302
|
-
</div>
|
|
1303
|
-
</td>
|
|
1304
|
-
</tr>
|
|
1305
|
-
|
|
1306
|
-
</tbody>
|
|
1307
|
-
</table>
|
|
1308
|
-
<table class="table table-sm table-bordered">
|
|
1309
|
-
<tbody>
|
|
1310
|
-
<tr>
|
|
1311
|
-
<td class="col-md-4">
|
|
1312
|
-
<a name="selectedItemsCount"></a>
|
|
1313
|
-
<span class="name">
|
|
1314
|
-
<span ><b>selectedItemsCount</b></span>
|
|
1315
|
-
<a href="#selectedItemsCount"><span class="icon ion-ios-link"></span></a>
|
|
1316
|
-
</span>
|
|
1317
|
-
</td>
|
|
1318
|
-
</tr>
|
|
1319
|
-
<tr>
|
|
1320
|
-
<td class="col-md-4">
|
|
1321
|
-
<i>Type : </i> <code>unknown</code>
|
|
1322
|
-
|
|
1323
|
-
</td>
|
|
1324
|
-
</tr>
|
|
1325
|
-
<tr>
|
|
1326
|
-
<td class="col-md-4">
|
|
1327
|
-
<i>Default value : </i><code>computed(() => this.selectedItems().length)</code>
|
|
1328
|
-
</td>
|
|
1329
|
-
</tr>
|
|
1330
|
-
|
|
1331
|
-
<tr>
|
|
1332
|
-
<td class="col-md-4">
|
|
1333
|
-
<div class="io-description"><p>Returns the count of selected items.</p>
|
|
1334
|
-
</div>
|
|
1335
|
-
</td>
|
|
1336
|
-
</tr>
|
|
1337
|
-
|
|
1338
|
-
</tbody>
|
|
1339
|
-
</table>
|
|
1340
|
-
</section>
|
|
1341
|
-
|
|
1342
|
-
<section data-compodoc="block-accessors">
|
|
1343
|
-
<h3 id="accessors">
|
|
1344
|
-
Accessors
|
|
1345
|
-
</h3>
|
|
1346
|
-
<table class="table table-sm table-bordered">
|
|
1347
|
-
<tbody>
|
|
1348
|
-
<tr>
|
|
1349
|
-
<td class="col-md-4">
|
|
1350
|
-
<a name="cssClasses"></a>
|
|
1351
|
-
<span class="name"><b>cssClasses</b><a href="#cssClasses"><span class="icon ion-ios-link"></span></a></span>
|
|
1352
|
-
</td>
|
|
1353
|
-
</tr>
|
|
1354
|
-
|
|
1355
|
-
<tr>
|
|
1356
|
-
<td class="col-md-4">
|
|
1357
|
-
<span class="accessor"><b>get</b><code>cssClasses()</code></span>
|
|
1358
|
-
</td>
|
|
1359
|
-
</tr>
|
|
1360
|
-
<tr>
|
|
1361
|
-
<td class="col-md-4">
|
|
1362
|
-
<div class="io-description"><p>CSS classes for the component, including size and inherited classes.</p>
|
|
1363
|
-
</div>
|
|
1364
|
-
|
|
1365
|
-
<div class="io-description">
|
|
1366
|
-
<b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
1367
|
-
|
|
1368
|
-
</div>
|
|
1369
|
-
</td>
|
|
1370
|
-
</tr>
|
|
1371
|
-
|
|
1372
|
-
</tbody>
|
|
1373
|
-
</table>
|
|
1374
|
-
<table class="table table-sm table-bordered">
|
|
1375
|
-
<tbody>
|
|
1376
|
-
<tr>
|
|
1377
|
-
<td class="col-md-4">
|
|
1378
|
-
<a name="sizeIcon"></a>
|
|
1379
|
-
<span class="name"><b>sizeIcon</b><a href="#sizeIcon"><span class="icon ion-ios-link"></span></a></span>
|
|
1380
|
-
</td>
|
|
1381
|
-
</tr>
|
|
1382
|
-
|
|
1383
|
-
<tr>
|
|
1384
|
-
<td class="col-md-4">
|
|
1385
|
-
<span class="accessor"><b>get</b><code>sizeIcon()</code></span>
|
|
1386
|
-
</td>
|
|
1387
|
-
</tr>
|
|
1388
|
-
<tr>
|
|
1389
|
-
<td class="col-md-4">
|
|
1390
|
-
<div class="io-description"><p>Returns icon size depending on the theme.</p>
|
|
1391
|
-
</div>
|
|
1392
|
-
|
|
1393
|
-
<div class="io-description">
|
|
1394
|
-
<b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
1395
|
-
|
|
1396
|
-
</div>
|
|
1397
|
-
</td>
|
|
1398
|
-
</tr>
|
|
1399
860
|
|
|
1400
|
-
</tbody>
|
|
1401
|
-
</table>
|
|
1402
|
-
</section>
|
|
1403
861
|
</div>
|
|
1404
862
|
|
|
1405
863
|
|