@eui/eds 22.0.0-alpha.34 → 22.0.0-alpha.35
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 +11 -0
- package/docs/components/EdsMultiselect.html +123 -1
- package/docs/components/EdsMultiselectOption.html +35 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/json/EdsMultiselect.md +4 -0
- package/docs/json/EdsMultiselectOption.md +1 -0
- package/docs/json/documentation.json +236 -75
- package/docs/llms.txt +6 -1
- package/docs/properties.html +1 -1
- package/fesm2022/eui-eds-eds-multiselect.mjs +59 -13
- package/fesm2022/eui-eds-eds-multiselect.mjs.map +1 -1
- package/fesm2022/eui-eds-shared.mjs +13 -15
- package/fesm2022/eui-eds-shared.mjs.map +1 -1
- package/package.json +1 -1
- package/types/eui-eds-eds-multiselect.d.ts +32 -3
- package/types/eui-eds-eds-multiselect.d.ts.map +1 -1
- package/types/eui-eds-shared.d.ts.map +1 -1
package/docs/changelog.html
CHANGED
|
@@ -106,6 +106,17 @@
|
|
|
106
106
|
|
|
107
107
|
|
|
108
108
|
|
|
109
|
+
<h2>22.0.0-alpha.34 (2026-09-30)</h2>
|
|
110
|
+
<h5>Chores</h5>
|
|
111
|
+
<ul>
|
|
112
|
+
<li><strong>ecl-site-footer:</strong><ul>
|
|
113
|
+
<li>removed deprecated selector EUI-12933 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12933">EUI-12933</a> (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/24f154ef1a86984a29a2b22897d40202c0eb4a37">24f154ef</a>)</li>
|
|
114
|
+
<li>created tests + small fixes EUI-12933 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12933">EUI-12933</a> (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/63cbb8422d62a02982b84ccdef89082235ec6a84">63cbb842</a>)</li>
|
|
115
|
+
</ul>
|
|
116
|
+
</li>
|
|
117
|
+
</ul>
|
|
118
|
+
<hr>
|
|
119
|
+
<hr>
|
|
109
120
|
<h2>22.0.0-alpha.33 (2026-09-30)</h2>
|
|
110
121
|
<h5>Chores</h5>
|
|
111
122
|
<ul>
|
|
@@ -223,6 +223,10 @@ Styled to match eds-input-text default/hover/focus/disabled states.</p>
|
|
|
223
223
|
<div> <code>A11yModule</code>
|
|
224
224
|
</div>
|
|
225
225
|
<div> <code><a href="../miscellaneous/variables.html#EDS_ICON" target="_self" >EDS_ICON</a></code>
|
|
226
|
+
</div>
|
|
227
|
+
<div> <code><a href="../miscellaneous/variables.html#EDS_INPUT_CHECKBOX" target="_self" >EDS_INPUT_CHECKBOX</a></code>
|
|
228
|
+
</div>
|
|
229
|
+
<div> <code><a href="../miscellaneous/variables.html#EDS_BUTTON" target="_self" >EDS_BUTTON</a></code>
|
|
226
230
|
</div>
|
|
227
231
|
</td>
|
|
228
232
|
</tr>
|
|
@@ -276,6 +280,12 @@ Styled to match eds-input-text default/hover/focus/disabled states.</p>
|
|
|
276
280
|
<li>
|
|
277
281
|
<code><a href="../miscellaneous/variables.html#EDS_ICON" target="_self" >EDS_ICON</a></code>
|
|
278
282
|
</li>
|
|
283
|
+
<li>
|
|
284
|
+
<code><a href="../miscellaneous/variables.html#EDS_INPUT_CHECKBOX" target="_self" >EDS_INPUT_CHECKBOX</a></code>
|
|
285
|
+
</li>
|
|
286
|
+
<li>
|
|
287
|
+
<code><a href="../miscellaneous/variables.html#EDS_BUTTON" target="_self" >EDS_BUTTON</a></code>
|
|
288
|
+
</li>
|
|
279
289
|
<li>
|
|
280
290
|
<code><a href="https://angular.dev/api/forms/ControlValueAccessor" target="_blank" >ControlValueAccessor</a></code>
|
|
281
291
|
</li>
|
|
@@ -367,6 +377,12 @@ Styled to match eds-input-text default/hover/focus/disabled states.</p>
|
|
|
367
377
|
<li>
|
|
368
378
|
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#ariaLabel" >ariaLabel</a>
|
|
369
379
|
</li>
|
|
380
|
+
<li>
|
|
381
|
+
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#cancelLabel" >cancelLabel</a>
|
|
382
|
+
</li>
|
|
383
|
+
<li>
|
|
384
|
+
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#confirmLabel" >confirmLabel</a>
|
|
385
|
+
</li>
|
|
370
386
|
<li>
|
|
371
387
|
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#disabled" >disabled</a>
|
|
372
388
|
</li>
|
|
@@ -393,6 +409,12 @@ Styled to match eds-input-text default/hover/focus/disabled states.</p>
|
|
|
393
409
|
</td>
|
|
394
410
|
<td class="col-md-9">
|
|
395
411
|
<ul class="index-list">
|
|
412
|
+
<li>
|
|
413
|
+
<span class="reference-badge reference-badge--property" aria-hidden="true">O</span><a href="#cancelled" >cancelled</a>
|
|
414
|
+
</li>
|
|
415
|
+
<li>
|
|
416
|
+
<span class="reference-badge reference-badge--property" aria-hidden="true">O</span><a href="#confirmed" >confirmed</a>
|
|
417
|
+
</li>
|
|
396
418
|
<li>
|
|
397
419
|
<span class="reference-badge reference-badge--property" aria-hidden="true">O</span><a href="#valueChange" >valueChange</a>
|
|
398
420
|
</li>
|
|
@@ -445,6 +467,62 @@ Styled to match eds-input-text default/hover/focus/disabled states.</p>
|
|
|
445
467
|
<td class="col-md-4">
|
|
446
468
|
<div class="io-description"><p>Aria-label for the combobox trigger.
|
|
447
469
|
'Select options'</p>
|
|
470
|
+
</div>
|
|
471
|
+
</td>
|
|
472
|
+
</tr>
|
|
473
|
+
</tbody>
|
|
474
|
+
</table>
|
|
475
|
+
<table class="table table-sm table-bordered">
|
|
476
|
+
<tbody>
|
|
477
|
+
<tr>
|
|
478
|
+
<td class="col-md-4">
|
|
479
|
+
<a name="cancelLabel"></a>
|
|
480
|
+
<b>cancelLabel</b>
|
|
481
|
+
</td>
|
|
482
|
+
</tr>
|
|
483
|
+
<tr>
|
|
484
|
+
<td class="col-md-4">
|
|
485
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
486
|
+
|
|
487
|
+
</td>
|
|
488
|
+
</tr>
|
|
489
|
+
<tr>
|
|
490
|
+
<td class="col-md-4">
|
|
491
|
+
<i>Default value : </i><code>'Cancel'</code>
|
|
492
|
+
</td>
|
|
493
|
+
</tr>
|
|
494
|
+
<tr>
|
|
495
|
+
<td class="col-md-4">
|
|
496
|
+
<div class="io-description"><p>Label for the panel-footer "Cancel" button.
|
|
497
|
+
'Cancel'</p>
|
|
498
|
+
</div>
|
|
499
|
+
</td>
|
|
500
|
+
</tr>
|
|
501
|
+
</tbody>
|
|
502
|
+
</table>
|
|
503
|
+
<table class="table table-sm table-bordered">
|
|
504
|
+
<tbody>
|
|
505
|
+
<tr>
|
|
506
|
+
<td class="col-md-4">
|
|
507
|
+
<a name="confirmLabel"></a>
|
|
508
|
+
<b>confirmLabel</b>
|
|
509
|
+
</td>
|
|
510
|
+
</tr>
|
|
511
|
+
<tr>
|
|
512
|
+
<td class="col-md-4">
|
|
513
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
514
|
+
|
|
515
|
+
</td>
|
|
516
|
+
</tr>
|
|
517
|
+
<tr>
|
|
518
|
+
<td class="col-md-4">
|
|
519
|
+
<i>Default value : </i><code>'Confirm choice'</code>
|
|
520
|
+
</td>
|
|
521
|
+
</tr>
|
|
522
|
+
<tr>
|
|
523
|
+
<td class="col-md-4">
|
|
524
|
+
<div class="io-description"><p>Label for the panel-footer "Confirm choice" button.
|
|
525
|
+
'Confirm choice'</p>
|
|
448
526
|
</div>
|
|
449
527
|
</td>
|
|
450
528
|
</tr>
|
|
@@ -566,6 +644,50 @@ false</p>
|
|
|
566
644
|
|
|
567
645
|
<section data-compodoc="block-outputs">
|
|
568
646
|
<h3 id="outputs">Outputs</h3>
|
|
647
|
+
<table class="table table-sm table-bordered">
|
|
648
|
+
<tbody>
|
|
649
|
+
<tr>
|
|
650
|
+
<td class="col-md-4">
|
|
651
|
+
<a name="cancelled"></a>
|
|
652
|
+
<b>cancelled</b>
|
|
653
|
+
</td>
|
|
654
|
+
</tr>
|
|
655
|
+
<tr>
|
|
656
|
+
<td class="col-md-4">
|
|
657
|
+
<i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
658
|
+
|
|
659
|
+
</td>
|
|
660
|
+
</tr>
|
|
661
|
+
<tr>
|
|
662
|
+
<td class="col-md-4">
|
|
663
|
+
<div class="io-description"><p>Emits when the "Cancel" button is clicked (selection reverted to its pre-open state).</p>
|
|
664
|
+
</div>
|
|
665
|
+
</td>
|
|
666
|
+
</tr>
|
|
667
|
+
</tbody>
|
|
668
|
+
</table>
|
|
669
|
+
<table class="table table-sm table-bordered">
|
|
670
|
+
<tbody>
|
|
671
|
+
<tr>
|
|
672
|
+
<td class="col-md-4">
|
|
673
|
+
<a name="confirmed"></a>
|
|
674
|
+
<b>confirmed</b>
|
|
675
|
+
</td>
|
|
676
|
+
</tr>
|
|
677
|
+
<tr>
|
|
678
|
+
<td class="col-md-4">
|
|
679
|
+
<i>Type : </i> <code>string[]</code>
|
|
680
|
+
|
|
681
|
+
</td>
|
|
682
|
+
</tr>
|
|
683
|
+
<tr>
|
|
684
|
+
<td class="col-md-4">
|
|
685
|
+
<div class="io-description"><p>Emits the confirmed selection when the "Confirm choice" button is clicked.</p>
|
|
686
|
+
</div>
|
|
687
|
+
</td>
|
|
688
|
+
</tr>
|
|
689
|
+
</tbody>
|
|
690
|
+
</table>
|
|
569
691
|
<table class="table table-sm table-bordered">
|
|
570
692
|
<tbody>
|
|
571
693
|
<tr>
|
|
@@ -995,7 +1117,7 @@ false</p>
|
|
|
995
1117
|
<script src="../js/libs/htmlparser.js"></script>
|
|
996
1118
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
997
1119
|
<script>
|
|
998
|
-
var COMPONENT_TEMPLATE = '<div><!-- Combobox trigger --><div #triggerRef class="eds-multiselect__trigger" role="combobox" [attr.aria-expanded]="isOpen()" [attr.aria-haspopup]="\'listbox\'" [attr.aria-controls]="isOpen() ? \'eds-multiselect-listbox\' : null" [attr.aria-label]="ariaLabel()" [attr.aria-activedescendant]="activeDescendantId()" [attr.aria-disabled]="internalDisabled() || null" [attr.tabindex]="internalDisabled() ? -1 : 0" (click)="onTriggerClick()" (keydown)="onTriggerKeydown($event)"> <span class="eds-multiselect__display" [class.eds-multiselect__display--placeholder]="isPlaceholderShown()" > {{ displayValue() }} </span> <eds-icon class="eds-multiselect__caret" [icon]="\'caret-down\'" aria-hidden="true" /></div><!-- Dropdown panel (rendered in overlay) --><ng-template #dropdownTemplate> <div class="eds-multiselect__panel-wrapper" tabindex="-1" cdkTrapFocus [cdkTrapFocusAutoCapture]="true"> <div class="eds-multiselect__panel" id="eds-multiselect-listbox" role="listbox" aria-multiselectable="true" [attr.aria-label]="ariaLabel()" [attr.aria-activedescendant]="activeDescendantId()" tabindex="0" (keydown)="onPanelKeydown($event)" > @for (option of options(); track option.value()) { <div class="eds-multiselect-option"
|
|
1120
|
+
var COMPONENT_TEMPLATE = '<div><!-- Combobox trigger --><div #triggerRef class="eds-multiselect__trigger" role="combobox" [attr.aria-expanded]="isOpen()" [attr.aria-haspopup]="\'listbox\'" [attr.aria-controls]="isOpen() ? \'eds-multiselect-listbox\' : null" [attr.aria-label]="ariaLabel()" [attr.aria-activedescendant]="activeDescendantId()" [attr.aria-disabled]="internalDisabled() || null" [attr.tabindex]="internalDisabled() ? -1 : 0" (click)="onTriggerClick()" (keydown)="onTriggerKeydown($event)"> <span class="eds-multiselect__display" [class.eds-multiselect__display--placeholder]="isPlaceholderShown()" > {{ displayValue() }} </span> <eds-icon class="eds-multiselect__caret" [icon]="\'caret-down\'" aria-hidden="true" /></div><!-- Dropdown panel (rendered in overlay) --><ng-template #dropdownTemplate> <div class="eds-multiselect__panel-wrapper" tabindex="-1" cdkTrapFocus [cdkTrapFocusAutoCapture]="true"> <div class="eds-multiselect__panel" id="eds-multiselect-listbox" role="listbox" aria-multiselectable="true" [attr.aria-label]="ariaLabel()" [attr.aria-activedescendant]="activeDescendantId()" tabindex="0" (keydown)="onPanelKeydown($event)" > @for (option of options(); track option.value()) { @if (option.isGroup()) { <div class="eds-multiselect-group" role="presentation" [id]="option.optionId()" > {{ option.label() }} </div> } @else { <div class="eds-multiselect-option" [class.eds-multiselect-option--selected]="option.selected()" [class.eds-multiselect-option--active]="option.isActive()" [class.eds-multiselect-option--disabled]="option.isDisabled()" [attr.role]="\'option\'" [attr.aria-selected]="option.selected()" [attr.aria-disabled]="option.isDisabled() || null" [id]="option.optionId()" (click)="onOptionClick(option)" > <input class="eds-multiselect-option__checkbox" edsInputCheckbox tabindex="-1" aria-hidden="true" [checked]="option.selected()" [disabled]="option.isDisabled()" /> <span class="eds-multiselect-option__label">{{ option.label() }}</span> </div> } } </div> <div class="eds-multiselect__panel-footer"> <button edsButton type="button" variant="tertiary" size="s" (click)="onCancelClick()" > {{ cancelLabel() }} </button> <button edsButton type="button" variant="secondary" size="s" (click)="onConfirmClick()" > {{ confirmLabel() }} </button> </div> </div></ng-template></div>'
|
|
999
1121
|
var COMPONENTS = [{'name': 'EdsAccordion', 'selector': 'eds-accordion'},{'name': 'EdsAccordionItem', 'selector': 'eds-accordion-item'},{'name': 'EdsAlert', 'selector': 'div[edsAlert], eds-alert'},{'name': 'EdsAlertAction', 'selector': 'a[edsAlertAction]'},{'name': 'EdsAlertActions', 'selector': 'eds-alert-actions'},{'name': 'EdsAlertTitle', 'selector': 'eds-alert-title'},{'name': 'EdsAutocomplete', 'selector': 'eds-autocomplete'},{'name': 'EdsAutocompleteOption', 'selector': 'eds-autocomplete-option'},{'name': 'EdsAutocompleteOptionGroup', 'selector': 'eds-autocomplete-option-group'},{'name': 'EdsAutocompletePanel', 'selector': 'eds-autocomplete-panel'},{'name': 'EdsAvatar', 'selector': 'div[edsAvatar], span[edsAvatar], eds-avatar'},{'name': 'EdsAvatarBadge', 'selector': 'eds-avatar-badge'},{'name': 'EdsAvatarContent', 'selector': 'eds-avatar-content'},{'name': 'EdsAvatarContentLabel', 'selector': 'eds-avatar-content-label'},{'name': 'EdsAvatarContentSublabel', 'selector': 'eds-avatar-content-sublabel'},{'name': 'EdsAvatarIcon', 'selector': 'eds-avatar-icon'},{'name': 'EdsAvatarImage', 'selector': 'eds-avatar-image'},{'name': 'EdsAvatarList', 'selector': 'eds-avatar-list'},{'name': 'EdsAvatarText', 'selector': 'eds-avatar-text'},{'name': 'EdsBadge', 'selector': 'eds-badge, span[edsBadge]'},{'name': 'EdsBanner', 'selector': 'eds-banner'},{'name': 'EdsBannerCta', 'selector': 'eds-banner-cta'},{'name': 'EdsBannerDescription', 'selector': 'eds-banner-description'},{'name': 'EdsBannerPicture', 'selector': 'eds-banner-picture'},{'name': 'EdsBannerTitle', 'selector': 'eds-banner-title'},{'name': 'EdsBlockContent', 'selector': 'eds-block-content'},{'name': 'EdsBlockDocument', 'selector': 'eds-block-document'},{'name': 'EdsBlockquote', 'selector': 'eds-blockquote'},{'name': 'EdsBreadcrumb', 'selector': 'eds-breadcrumb'},{'name': 'EdsBreadcrumbItem', 'selector': 'eds-breadcrumb-item'},{'name': 'EdsButton', 'selector': 'button[edsButton]'},{'name': 'EdsCalendar', 'selector': 'eds-calendar'},{'name': 'EdsCalendarDay', 'selector': 'eds-calendar-day'},{'name': 'EdsCalendarHeader', 'selector': 'eds-calendar-header'},{'name': 'EdsCalendarMonthly', 'selector': 'eds-calendar-monthly'},{'name': 'EdsCalendarWeekly', 'selector': 'eds-calendar-weekly'},{'name': 'EdsCalendarWeeklyDayContent', 'selector': 'eds-calendar-weekly-day-content'},{'name': 'EdsCalendarWeeklyDayHeader', 'selector': 'eds-calendar-weekly-day-header'},{'name': 'EdsCalendarWeeklyDayHeaderAction', 'selector': 'eds-calendar-weekly-day-header-action'},{'name': 'EdsCard', 'selector': 'eds-card'},{'name': 'EdsCardBody', 'selector': 'eds-card-body'},{'name': 'EdsCardFooter', 'selector': 'eds-card-footer'},{'name': 'EdsCardHeader', 'selector': 'eds-card-header'},{'name': 'EdsCardHeaderEnd', 'selector': 'eds-card-header-end'},{'name': 'EdsCardLabel', 'selector': 'eds-card-label'},{'name': 'EdsCardMedia', 'selector': 'eds-card-media'},{'name': 'EdsCardMetadata', 'selector': 'eds-card-metadata'},{'name': 'EdsCardStart', 'selector': 'eds-card-start'},{'name': 'EdsCardSublabel', 'selector': 'eds-card-sublabel'},{'name': 'EdsCarousel', 'selector': 'eds-carousel'},{'name': 'EdsCarouselItem', 'selector': 'eds-carousel-item'},{'name': 'EdsChart', 'selector': 'eds-chart'},{'name': 'EdsChartLegend', 'selector': 'eds-chart-legend'},{'name': 'EdsChartLegendItem', 'selector': 'eds-chart-legend-item'},{'name': 'EdsChatBubble', 'selector': 'eds-chat-bubble'},{'name': 'EdsChatBubbleContent', 'selector': 'eds-chat-bubble-content, a[edsChatBubbleContent], button[edsChatBubbleContent]'},{'name': 'EdsChatBubbleGroup', 'selector': 'eds-chat-bubble-group'},{'name': 'EdsChatBubbleReactions', 'selector': 'eds-chat-bubble-reactions'},{'name': 'EdsChip', 'selector': 'eds-chip, span[edsChip], li[edsChip]'},{'name': 'EdsChipList', 'selector': 'eds-chip-list'},{'name': 'EdsChipListAdditionalContent', 'selector': 'eds-chip-list-additional-content'},{'name': 'EdsChipListAppendContent', 'selector': 'eds-chip-list-append-content'},{'name': 'EdsDateBlock', 'selector': 'eds-date-block'},{'name': 'EdsDatepicker', 'selector': 'eds-datepicker'},{'name': 'EdsDialog', 'selector': 'eds-dialog'},{'name': 'EdsDialogContainer', 'selector': 'eds-dialog-container'},{'name': 'EdsDimmer', 'selector': 'eds-dimmer'},{'name': 'EdsDisableContent', 'selector': 'eds-disable-content'},{'name': 'EdsDiscussionThread', 'selector': 'eds-discussion-thread'},{'name': 'EdsDiscussionThreadItem', 'selector': 'eds-discussion-thread-item'},{'name': 'EdsDivider', 'selector': 'eds-divider'},{'name': 'EdsDropdown', 'selector': 'eds-dropdown'},{'name': 'EdsDropdownContainer', 'selector': 'eds-dropdown-container'},{'name': 'EdsDropdownItem', 'selector': 'eds-dropdown-item, [edsDropdownItem]'},{'name': 'EdsEmptyState', 'selector': 'eds-empty-state'},{'name': 'EdsEmptyStateActions', 'selector': 'eds-empty-state-actions'},{'name': 'EdsEmptyStateDescription', 'selector': 'eds-empty-state-description'},{'name': 'EdsEmptyStateIcon', 'selector': 'eds-empty-state-icon'},{'name': 'EdsEmptyStateTitle', 'selector': 'eds-empty-state-title'},{'name': 'EdsFabButton', 'selector': 'eds-fab-button'},{'name': 'EdsFabButtonItem', 'selector': 'eds-fab-button-item'},{'name': 'EdsFeedbackMessage', 'selector': 'eds-feedback-message'},{'name': 'EdsFieldset', 'selector': 'eds-fieldset'},{'name': 'EdsFieldsetAction', 'selector': 'eds-fieldset-action'},{'name': 'EdsFieldsetDescription', 'selector': 'eds-fieldset-description'},{'name': 'EdsFieldsetIcon', 'selector': 'eds-fieldset-icon'},{'name': 'EdsFieldsetTitle', 'selector': 'eds-fieldset-title'},{'name': 'EdsFileUpload', 'selector': 'eds-file-upload'},{'name': 'EdsFileUploadPreview', 'selector': 'eds-file-upload-preview'},{'name': 'EdsFlexLayout', 'selector': 'eds-flex-layout'},{'name': 'EdsGaugeChart', 'selector': 'eds-gauge-chart'},{'name': 'EdsGeoChart', 'selector': 'eds-geo-chart'},{'name': 'EdsGridLayout', 'selector': 'eds-grid-layout'},{'name': 'EdsGridLayoutCell', 'selector': 'eds-grid-layout-cell'},{'name': 'EdsGridLayoutRow', 'selector': 'eds-grid-layout-row'},{'name': 'EdsGrowl', 'selector': 'eds-growl'},{'name': 'EdsIcon', 'selector': 'eds-icon, span[edsIcon]'},{'name': 'EdsIconButton', 'selector': 'button[edsIconButton]'},{'name': 'EdsIconImage', 'selector': 'eds-icon-image, span[edsIconImage]'},{'name': 'EdsIconState', 'selector': 'eds-icon-state'},{'name': 'EdsIconToggle', 'selector': 'eds-icon-toggle'},{'name': 'EdsInputAddon', 'selector': 'eds-input-addon'},{'name': 'EdsInputButton', 'selector': 'eds-input-button'},{'name': 'EdsInputCheckbox', 'selector': 'input[edsInputCheckbox]'},{'name': 'EdsInputGroup', 'selector': 'div[edsInputGroup]'},{'name': 'EdsInputIcon', 'selector': 'eds-input-icon'},{'name': 'EdsInputNumber', 'selector': 'input[edsInputNumber]'},{'name': 'EdsInputPassword', 'selector': 'eds-input-password'},{'name': 'EdsInputPrompt', 'selector': 'eds-input-prompt'},{'name': 'EdsInputRadio', 'selector': 'input[edsInputRadio]'},{'name': 'EdsInputText', 'selector': 'input[edsInputText]'},{'name': 'EdsLabel', 'selector': 'label[edsLabel], span[edsLabel], div[edsLabel]'},{'name': 'EdsLanguageSelector', 'selector': 'eds-language-selector'},{'name': 'EdsLanguageSelectorDialog', 'selector': 'eds-language-selector-dialog'},{'name': 'EdsLink', 'selector': 'a[edsLink]'},{'name': 'EdsList', 'selector': 'eds-list'},{'name': 'EdsListItem', 'selector': 'eds-list-item'},{'name': 'EdsListItemContent', 'selector': 'eds-list-item-content'},{'name': 'EdsListItemEnd', 'selector': 'eds-list-item-end'},{'name': 'EdsListItemLabel', 'selector': 'eds-list-item-label'},{'name': 'EdsListItemStart', 'selector': 'eds-list-item-start'},{'name': 'EdsLoadingIndicator', 'selector': 'eds-loading-indicator'},{'name': 'EdsMenu', 'selector': 'eds-menu'},{'name': 'EdsMenuItemComponent', 'selector': 'eds-menu-item'},{'name': 'EdsMessageBox', 'selector': 'eds-message-box'},{'name': 'EdsMultiselect', 'selector': 'eds-multiselect'},{'name': 'EdsMultiselectOption', 'selector': 'eds-multiselect-option'},{'name': 'EdsOverlay', 'selector': 'eds-overlay'},{'name': 'EdsOverlayContent', 'selector': 'eds-overlay-content'},{'name': 'EdsOverlayFooter', 'selector': 'eds-overlay-footer'},{'name': 'EdsOverlayHeader', 'selector': 'eds-overlay-header'},{'name': 'EdsOverlayHeaderActionItems', 'selector': 'eds-overlay-header-action-items'},{'name': 'EdsOverlayHeaderLabel', 'selector': 'eds-overlay-header-label'},{'name': 'EdsOverlayHeaderSublabel', 'selector': 'eds-overlay-header-sublabel'},{'name': 'EdsPage', 'selector': 'eds-page'},{'name': 'EdsPageBreadcrumb', 'selector': 'eds-page-breadcrumb'},{'name': 'EdsPageColumn', 'selector': 'eds-page-column'},{'name': 'EdsPageColumnBody', 'selector': 'eds-page-column-body'},{'name': 'EdsPageColumnFooter', 'selector': 'eds-page-column-footer'},{'name': 'EdsPageColumnHeader', 'selector': 'eds-page-column-header'},{'name': 'EdsPageColumnHeaderActionItems', 'selector': 'eds-page-column-header-action-items'},{'name': 'EdsPageColumnHeaderLabel', 'selector': 'eds-page-column-header-label'},{'name': 'EdsPageColumnHeaderSublabel', 'selector': 'eds-page-column-header-sublabel'},{'name': 'EdsPageColumns', 'selector': 'eds-page-columns'},{'name': 'EdsPageContent', 'selector': 'eds-page-content'},{'name': 'EdsPageFooter', 'selector': 'eds-page-footer'},{'name': 'EdsPageHeader', 'selector': 'eds-page-header'},{'name': 'EdsPageHeaderActionItems', 'selector': 'eds-page-header-action-items'},{'name': 'EdsPageHeaderBody', 'selector': 'eds-page-header-body'},{'name': 'EdsPageHeaderLabel', 'selector': 'eds-page-header-label'},{'name': 'EdsPageHeaderSublabel', 'selector': 'eds-page-header-sublabel'},{'name': 'EdsPaginator', 'selector': 'eds-paginator'},{'name': 'EdsPopover', 'selector': 'eds-popover'},{'name': 'EdsPopoverContainer', 'selector': 'eds-popover-container'},{'name': 'EdsProgressBar', 'selector': 'eds-progress-bar'},{'name': 'EdsProgressCircle', 'selector': 'eds-progress-circle'},{'name': 'EdsRating', 'selector': 'eds-rating'},{'name': 'EdsSegmentedControl', 'selector': 'eds-segmented-control'},{'name': 'EdsSegmentedControlItem', 'selector': 'eds-segmented-control-item'},{'name': 'EdsSelect', 'selector': 'select[edsSelect]'},{'name': 'EdsShell', 'selector': 'eds-shell'},{'name': 'EdsShellContent', 'selector': 'eds-shell-content'},{'name': 'EdsShellFooter', 'selector': 'eds-shell-footer'},{'name': 'EdsShellHeader', 'selector': 'eds-shell-header'},{'name': 'EdsShellHeaderApp', 'selector': 'eds-shell-header-app'},{'name': 'EdsShellHeaderEnd', 'selector': 'eds-shell-header-end'},{'name': 'EdsShellHeaderEnvironment', 'selector': 'eds-shell-header-environment'},{'name': 'EdsShellHeaderLogo', 'selector': 'eds-shell-header-logo'},{'name': 'EdsShellHeaderStart', 'selector': 'eds-shell-header-start'},{'name': 'EdsShellMenuToggle', 'selector': 'eds-shell-menu-toggle'},{'name': 'EdsShellSidebar', 'selector': 'eds-shell-sidebar'},{'name': 'EdsShellSidebarBottomNav', 'selector': 'eds-shell-sidebar-bottom-nav'},{'name': 'EdsShellSidebarFooter', 'selector': 'eds-shell-sidebar-footer'},{'name': 'EdsShellSidebarHeader', 'selector': 'eds-shell-sidebar-header'},{'name': 'EdsShellSidebarNav', 'selector': 'eds-shell-sidebar-nav'},{'name': 'EdsShellToolbar', 'selector': 'eds-shell-toolbar'},{'name': 'EdsShellToolbarApp', 'selector': 'eds-shell-toolbar-app'},{'name': 'EdsShellToolbarCenter', 'selector': 'eds-shell-toolbar-center'},{'name': 'EdsShellToolbarEnd', 'selector': 'eds-shell-toolbar-end'},{'name': 'EdsShellToolbarEnvironment', 'selector': 'eds-shell-toolbar-environment'},{'name': 'EdsShellToolbarLogo', 'selector': 'eds-shell-toolbar-logo'},{'name': 'EdsShellToolbarStart', 'selector': 'eds-shell-toolbar-start'},{'name': 'EdsShellTopMessage', 'selector': 'eds-shell-top-message'},{'name': 'EdsSkeleton', 'selector': 'eds-skeleton'},{'name': 'EdsSlider', 'selector': 'eds-slider'},{'name': 'EdsSnc', 'selector': 'eds-snc'},{'name': 'EdsSparkline', 'selector': 'eds-sparkline'},{'name': 'EdsSplitButton', 'selector': 'eds-split-button'},{'name': 'EdsSwiper', 'selector': 'eds-swiper'},{'name': 'EdsSwiperItem', 'selector': 'eds-swiper-item'},{'name': 'EdsSwitch', 'selector': 'eds-switch'},{'name': 'EdsTab', 'selector': 'eds-tab'},{'name': 'EdsTabBody', 'selector': 'eds-tab-body'},{'name': 'EdsTabHeader', 'selector': 'eds-tab-header'},{'name': 'EdsTabHeaderLabel', 'selector': 'eds-tab-header-label'},{'name': 'EdsTabHeaderLeftContent', 'selector': 'eds-tab-header-left-content'},{'name': 'EdsTabHeaderRightContent', 'selector': 'eds-tab-header-right-content'},{'name': 'EdsTabHeaderSublabel', 'selector': 'eds-tab-header-sub-label'},{'name': 'EdsTable', 'selector': 'eds-table, table[edsTable]'},{'name': 'EdsTableFilter', 'selector': 'eds-table-filter'},{'name': 'EdsTableSelectableHeader', 'selector': 'tr[edsHeaderSelectable]'},{'name': 'EdsTableSelectableRow', 'selector': 'tr[edsDataSelectable]'},{'name': 'EdsTableSortableCol', 'selector': 'th[edsSortable]'},{'name': 'EdsTabs', 'selector': 'eds-tabs'},{'name': 'EdsTabsRightContent', 'selector': 'eds-tabs-right-content'},{'name': 'EdsTag', 'selector': 'eds-tag, span[edsTag]'},{'name': 'EdsTagGroup', 'selector': 'eds-tag-group'},{'name': 'EdsTextarea', 'selector': 'textarea[edsTextarea]'},{'name': 'EdsTimeline', 'selector': 'eds-timeline'},{'name': 'EdsTimelineItem', 'selector': 'eds-timeline-item'},{'name': 'EdsTimepicker', 'selector': 'eds-timepicker'},{'name': 'EdsTooltipContainer', 'selector': 'eds-tooltip-container'},{'name': 'EdsTree', 'selector': 'eds-tree'},{'name': 'EdsTreeList', 'selector': 'eds-tree-list'},{'name': 'EdsTreeListItem', 'selector': 'eds-tree-list-item'},{'name': 'EdsTreeListItemContent', 'selector': 'eds-tree-list-item-content'},{'name': 'EdsTreeListToolbar', 'selector': 'eds-tree-list-toolbar'},{'name': 'EdsTrend', 'selector': 'eds-trend'},{'name': 'EdsUserProfile', 'selector': 'eds-user-profile'},{'name': 'EdsUserProfileMenu', 'selector': 'eds-user-profile-menu'},{'name': 'EdsUserProfileMenuItem', 'selector': 'eds-user-profile-menu-item'},{'name': 'EdsWizard', 'selector': 'eds-wizard'},{'name': 'EdsWizardStepComponent', 'selector': 'eds-wizard-step'}];
|
|
1000
1122
|
var DIRECTIVES = [{'name': 'EdsAccordionItemHeader', 'selector': 'eds-accordion-item-header'},{'name': 'EdsAutoResizeDirective', 'selector': 'textarea[edsAutoResize]'},{'name': 'EdsBannerImage', 'selector': 'img[edsBannerImage]'},{'name': 'EdsBannerVideo', 'selector': 'video[edsBannerVideo]'},{'name': 'EdsCalendarDayCellDef', 'selector': 'ng-template[edsCalendarDayCell]'},{'name': 'EdsCalendarEventCellDef', 'selector': 'ng-template[edsCalendarEventCell]'},{'name': 'EdsCalendarHeaderCellDef', 'selector': 'ng-template[edsCalendarHeaderCell]'},{'name': 'EdsCardLink', 'selector': 'eds-card[edsCardLink]'},{'name': 'EdsClearableDirective', 'selector': '[edsClearable]:not([edsInputText])'},{'name': 'EdsColorDirective', 'selector': '[edsColorVariants]'},{'name': 'EdsDialogFooter', 'selector': 'eds-dialog-footer'},{'name': 'EdsDialogHeader', 'selector': 'eds-dialog-header'},{'name': 'EdsDropdownContent', 'selector': 'eds-dropdown-content'},{'name': 'EdsDropdownTreeDirective', 'selector': 'eds-dropdown[edsDropdownTree]'},{'name': 'EdsFlexColDirective', 'selector': '[edsFlexCol]'},{'name': 'EdsFlexGrowDirective', 'selector': '[edsFlexGrow]'},{'name': 'EdsFlexNoShrinkDirective', 'selector': '[edsFlexNoShrink]'},{'name': 'EdsInputPromptLeading', 'selector': '[edsInputPromptLeading]'},{'name': 'EdsInputPromptTrailing', 'selector': '[edsInputPromptTrailing]'},{'name': 'EdsLoadingDirective', 'selector': '[edsLoading]:not([edsInputText])'},{'name': 'EdsMaxlengthDirective', 'selector': 'input[edsMaxlength], textarea[edsMaxlength], [ngModel][edsMaxlength], [formControlName][edsMaxlength]'},{'name': 'EdsMessageBoxFooter', 'selector': 'eds-message-box-footer'},{'name': 'EdsPopoverArrowPosition', 'selector': '[edsPopoverArrowPosition]'},{'name': 'EdsResizable', 'selector': '[edsResizable]'},{'name': 'EdsSelectControlValueAccessor', 'selector': 'select:not([multiple])[formControlName][edsSelect],select:not([multiple])[formControl][edsSelect],select:not([multiple])[ngModel][edsSelect]'},{'name': 'EdsSelectMultipleControlValueAccessor', 'selector': 'select[multiple][formControlName][edsSelect],select[multiple][formControl][edsSelect],select[multiple][ngModel][edsSelect]'},{'name': 'EdsSelectMultipleOption', 'selector': 'option[edsOption]'},{'name': 'EdsSelectOptionDirective', 'selector': 'option[edsOption]'},{'name': 'EdsSizeDirective', 'selector': '[edsSizeVariants]'},{'name': 'EdsSrOnly', 'selector': '[edsSrOnly]'},{'name': 'EdsTableExpandableRow', 'selector': 'tr[edsExpandableRow]'},{'name': 'EdsTableStickyCol', 'selector': 'th[edsStickyCol], td[edsStickyCol]'},{'name': 'EdsTableTemplate', 'selector': '[edsTableTemplate]'},{'name': 'EdsTextTruncate', 'selector': '[edsTextTruncate]'},{'name': 'EdsTooltip', 'selector': '[edsTooltip]'},{'name': 'EdsTreeFormControlDirective', 'selector': 'eds-tree[edsTreeFormControl]'},{'name': 'EdsTreeListItemDetails', 'selector': 'eds-tree-list-item-details'},{'name': 'EdsTreeListItemLabel', 'selector': 'eds-tree-list-item-label'},{'name': 'EdsTreeListItemSubContainer', 'selector': 'eds-tree-list-item-sub-container'}];
|
|
1001
1123
|
var ACTUAL_COMPONENT = {'name': 'EdsMultiselect'};
|
|
@@ -325,6 +325,9 @@ Supports selection state, disabled state, and keyboard navigation via CDK Active
|
|
|
325
325
|
<li>
|
|
326
326
|
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isDisabled" >isDisabled</a>
|
|
327
327
|
</li>
|
|
328
|
+
<li>
|
|
329
|
+
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isGroup" >isGroup</a>
|
|
330
|
+
</li>
|
|
328
331
|
<li>
|
|
329
332
|
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#label" >label</a>
|
|
330
333
|
</li>
|
|
@@ -385,6 +388,36 @@ Supports selection state, disabled state, and keyboard navigation via CDK Active
|
|
|
385
388
|
<td class="col-md-4">
|
|
386
389
|
<div class="io-description"><p>Whether this option is disabled.
|
|
387
390
|
false</p>
|
|
391
|
+
</div>
|
|
392
|
+
</td>
|
|
393
|
+
</tr>
|
|
394
|
+
</tbody>
|
|
395
|
+
</table>
|
|
396
|
+
<table class="table table-sm table-bordered">
|
|
397
|
+
<tbody>
|
|
398
|
+
<tr>
|
|
399
|
+
<td class="col-md-4">
|
|
400
|
+
<a name="isGroup"></a>
|
|
401
|
+
<b>isGroup</b>
|
|
402
|
+
</td>
|
|
403
|
+
</tr>
|
|
404
|
+
<tr>
|
|
405
|
+
<td class="col-md-4">
|
|
406
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
407
|
+
|
|
408
|
+
</td>
|
|
409
|
+
</tr>
|
|
410
|
+
<tr>
|
|
411
|
+
<td class="col-md-4">
|
|
412
|
+
<i>Default value : </i><code>false</code>
|
|
413
|
+
</td>
|
|
414
|
+
</tr>
|
|
415
|
+
<tr>
|
|
416
|
+
<td class="col-md-4">
|
|
417
|
+
<div class="io-description"><p>Whether this entry is a non-selectable group header.
|
|
418
|
+
When true the entry renders as plain label text, is skipped by keyboard
|
|
419
|
+
navigation, and cannot be selected.
|
|
420
|
+
false</p>
|
|
388
421
|
</div>
|
|
389
422
|
</td>
|
|
390
423
|
</tr>
|
|
@@ -699,7 +732,8 @@ false</p>
|
|
|
699
732
|
</tr>
|
|
700
733
|
<tr>
|
|
701
734
|
<td class="col-md-4">
|
|
702
|
-
<div class="io-description"><p>Required by Highlightable interface — reads the signal value
|
|
735
|
+
<div class="io-description"><p>Required by Highlightable interface — reads the signal value.
|
|
736
|
+
Group headers are treated as "disabled" so the key manager skips them.</p>
|
|
703
737
|
</div>
|
|
704
738
|
|
|
705
739
|
<div class="io-description">
|