@eui/components 17.3.14-snapshot-1736425317830 → 17.3.15-snapshot-1737712756562

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 (26) hide show
  1. package/docs/components/EuiAppSidebarHeaderUserProfileComponent.html +1 -1
  2. package/docs/components/EuiAutocompleteComponent.html +1 -1
  3. package/docs/components/EuiHeaderUserProfileComponent.html +1 -1
  4. package/docs/components/EuiUserProfileCardComponent.html +74 -46
  5. package/docs/components/EuiUserProfileComponent.html +32 -2
  6. package/docs/components/EuiUserProfileMenuComponent.html +1 -1
  7. package/docs/dependencies.html +3 -3
  8. package/docs/index.html +1 -1
  9. package/docs/interfaces/UserProfile.html +396 -0
  10. package/docs/js/menu-wc.js +3 -0
  11. package/docs/js/menu-wc_es5.js +1 -1
  12. package/docs/js/search/search_index.js +2 -2
  13. package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
  14. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs +1 -1
  15. package/esm2022/layout/eui-header/header-user-profile/header-user-profile.component.mjs +1 -1
  16. package/esm2022/layout/eui-user-profile/user-profile-card/user-profile-card.component.mjs +35 -17
  17. package/esm2022/layout/eui-user-profile/user-profile.component.mjs +11 -3
  18. package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
  19. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  20. package/fesm2022/eui-components-layout.mjs +42 -15
  21. package/fesm2022/eui-components-layout.mjs.map +1 -1
  22. package/layout/eui-user-profile/user-profile-card/user-profile-card.component.d.ts +18 -4
  23. package/layout/eui-user-profile/user-profile-card/user-profile-card.component.d.ts.map +1 -1
  24. package/layout/eui-user-profile/user-profile.component.d.ts +25 -2
  25. package/layout/eui-user-profile/user-profile.component.d.ts.map +1 -1
  26. package/package.json +9 -9
@@ -780,7 +780,7 @@
780
780
  </tr>
781
781
  <tr>
782
782
  <td class="col-md-4">
783
- <i>Type : </i> <code><a href="../components/EuiUserProfileMenuComponent.html" target="_self" >QueryList&lt;EuiUserProfileMenuComponent&gt;</a></code>
783
+ <i>Type : </i> <code><a href="../interfaces/UserProfile.html" target="_self" >QueryList&lt;EuiUserProfileMenuComponent&gt;</a></code>
784
784
 
785
785
  </td>
786
786
  </tr>
@@ -2915,7 +2915,7 @@
2915
2915
  <script src="../js/libs/htmlparser.js"></script>
2916
2916
  <script src="../js/libs/deep-iterator.js"></script>
2917
2917
  <script>
2918
- var COMPONENT_TEMPLATE = '<div><div class="eui-autocomplete__wrapper"> @if (chipsPosition === \'bottom\') { <ng-container *ngTemplateOutlet="control"></ng-container> } @if (hasChips) { <eui-chip-list [chips]="chips" [isChipsRemovable]="isChipsRemovable && !isReadonly" [maxVisibleChipsCount]="maxVisibleChipsCount" [isMaxVisibleChipsOpened]="isMaxVisibleChipsOpened" [chipsLabelTruncateCount]="chipsLabelTruncateCount" [toggleLinkMoreLabel]="toggleLinkMoreLabel" [toggleLinkLessLabel]="toggleLinkLessLabel" [isChipsDragAndDrop]="isChipsDragAndDrop" [dragAndDropSourceName]="dragAndDropSourceName" [dragAndDropConnectedTo]="dragAndDropConnectedTo" (chipDrop)="onChipDropped($event)" (chipDragStart)="onChipDragStarted($event)" (chipDragRelease)="onChipDragReleased($event)" (chipRemove)="onChipRemove($event)"> <euiChipListAppendContent> <ng-template [ngIf]="chipsPosition === \'inside\'"> <ng-container *ngTemplateOutlet="control"></ng-container> </ng-template> </euiChipListAppendContent> </eui-chip-list> } @if (chipsPosition === \'top\') { <ng-container *ngTemplateOutlet="control"></ng-container> }</div><ng-template #control> <div *ngIf="!hasChips || (hasChips && !isReadonly)" class="eui-autocomplete__input-container {{ classList }}" #inputContainerRef> <input [id]="inputId ? inputId : null" #input euiInputText [euiClearable]="!isReadonly && !isDisabled" [euiLoading]="isLoading" [formControl]="autocompleteControl" class="eui-autocomplete__input {{ classList }}" placeholder="{{ placeholder }}" [readonly]="isReadonly" (clear)="onClear()" (click)="openPanel()" (focus)="onFocus()" (blur)="onBlur()" [attr.aria-controls]="isOpen ? \'eui-autocomplete__panel\' : null" [attr.aria-label]="autocompleteControl.value?.length > 0 ? autocompleteControl.value : \'Input field without value\'" [attr.aria-required]="hasAriaRequiredAttribute ? \'true\' : null" aria-autocomplete="both" aria-haspopup="true" /> </div></ng-template><ng-template #templatePortalContent> <div id="eui-autocomplete__panel" class="eui-autocomplete__panel" [@panelAnimation]="isOpen ? \'visible\' : \'hidden\'" role="listbox" aria-live="polite" aria-label="Autocomplete panel"> <cdk-virtual-scroll-viewport #virtualScrolling [itemSize]="itemSize" tabindex="0" minBufferPx="500" maxBufferPx="750" [style.min-height]="cdkVirtualScrollViewport + \'px\'"> @if (groupBy) { @for (distinctOptionGroup of distinctOptionGroups; let i = $index; track distinctOptionGroup) { @if ((groupedOptions | async)[distinctOptionGroup].options.length > 0) { <eui-autocomplete-option-group [label]="distinctOptionGroup"> <div class="eui-autocomplete-option-group__label"> @if (autocompleteOptGroupTemplate) { <ng-template [ngTemplateOutlet]="autocompleteOptGroupTemplate" [ngTemplateOutletContext]="{ $implicit: { label: distinctOptionGroup } }"> </ng-template> } @else { {{ distinctOptionGroup }} } </div> <div class="eui-autocomplete-option-group__options"> @for (autocompleteOption of (groupedOptions | async)[distinctOptionGroup].options; let j = $index; track autocompleteOption.id) { <eui-autocomplete-option isGroupItem [isActive]="selectedOptionIndex === (groupedOptions | async)[distinctOptionGroup].ancestorLength + j" [isDisabled]="autocompleteOption.isDisabled" [attr.aria-disabled]="autocompleteOption.isDisabled" [euiVariant]="autocompleteOption.typeClass" (click)="onOptionSelected(autocompleteOption)"> @if (autocompleteOptionTemplate) { <ng-template [ngTemplateOutlet]="autocompleteOptionTemplate" [ngTemplateOutletContext]="{ $implicit: autocompleteOption }"> </ng-template> } @else { @if (autocompleteOption.iconClass) { <span class="{{ autocompleteOption.iconClass }}"></span> } @else if (autocompleteOption.iconSvgName) { <eui-icon-svg icon="{{ autocompleteOption.iconSvgName }}"></eui-icon-svg> } {{ autocompleteOption.label }} } </eui-autocomplete-option> } </div> </eui-autocomplete-option-group> } } } @else { <eui-autocomplete-option *cdkVirtualFor="let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: optionsTrackByFn" [isActive]="selectedOptionIndex === i" [isDisabled]="autocompleteOption.isDisabled" [attr.aria-disabled]="autocompleteOption.isDisabled" [euiVariant]="autocompleteOption.typeClass" (click)="onOptionSelected(autocompleteOption)"> @if (autocompleteOptionTemplate) { <ng-template [ngTemplateOutlet]="autocompleteOptionTemplate" [ngTemplateOutletContext]="{ $implicit: autocompleteOption }"> </ng-template> } @else { @if (autocompleteOption.iconClass) { <span class="{{ autocompleteOption.iconClass }}"></span> } @else if (autocompleteOption.iconSvgName) { <eui-icon-svg icon="{{ autocompleteOption.iconSvgName }}"></eui-icon-svg> } {{ autocompleteOption.label }} } </eui-autocomplete-option> } </cdk-virtual-scroll-viewport> </div> </ng-template></div>'
2918
+ var COMPONENT_TEMPLATE = '<div><div class="eui-autocomplete__wrapper"> @if (chipsPosition === \'bottom\') { <ng-container *ngTemplateOutlet="control"></ng-container> } @if (hasChips) { <eui-chip-list [chips]="chips" [isChipsRemovable]="isChipsRemovable && !isReadonly" [maxVisibleChipsCount]="maxVisibleChipsCount" [isMaxVisibleChipsOpened]="isMaxVisibleChipsOpened" [chipsLabelTruncateCount]="chipsLabelTruncateCount" [toggleLinkMoreLabel]="toggleLinkMoreLabel" [toggleLinkLessLabel]="toggleLinkLessLabel" [isChipsDragAndDrop]="isChipsDragAndDrop" [dragAndDropSourceName]="dragAndDropSourceName" [dragAndDropConnectedTo]="dragAndDropConnectedTo" (chipDrop)="onChipDropped($event)" (chipDragStart)="onChipDragStarted($event)" (chipDragRelease)="onChipDragReleased($event)" (chipRemove)="onChipRemove($event)"> <euiChipListAppendContent> <ng-template [ngIf]="chipsPosition === \'inside\'"> <ng-container *ngTemplateOutlet="control"></ng-container> </ng-template> </euiChipListAppendContent> </eui-chip-list> } @if (chipsPosition === \'top\') { <ng-container *ngTemplateOutlet="control"></ng-container> }</div><ng-template #control> <div *ngIf="!hasChips || (hasChips && !isReadonly)" class="eui-autocomplete__input-container {{ classList }}" #inputContainerRef> <input [id]="inputId ? inputId : null" #input euiInputText [euiClearable]="!isReadonly && !isDisabled" [euiLoading]="isLoading" [formControl]="autocompleteControl" class="eui-autocomplete__input {{ classList }}" placeholder="{{ placeholder }}" autocomplete="off" [readonly]="isReadonly" (clear)="onClear()" (click)="openPanel()" (focus)="onFocus()" (blur)="onBlur()" [attr.aria-controls]="isOpen ? \'eui-autocomplete__panel\' : null" [attr.aria-label]="autocompleteControl.value?.length > 0 ? autocompleteControl.value : \'Input field without value\'" [attr.aria-required]="hasAriaRequiredAttribute ? \'true\' : null" aria-autocomplete="both" aria-haspopup="true" /> </div></ng-template><ng-template #templatePortalContent> <div id="eui-autocomplete__panel" class="eui-autocomplete__panel" [@panelAnimation]="isOpen ? \'visible\' : \'hidden\'" role="listbox" aria-live="polite" aria-label="Autocomplete panel"> <cdk-virtual-scroll-viewport #virtualScrolling [itemSize]="itemSize" tabindex="0" minBufferPx="500" maxBufferPx="750" [style.min-height]="cdkVirtualScrollViewport + \'px\'"> @if (groupBy) { @for (distinctOptionGroup of distinctOptionGroups; let i = $index; track distinctOptionGroup) { @if ((groupedOptions | async)[distinctOptionGroup].options.length > 0) { <eui-autocomplete-option-group [label]="distinctOptionGroup"> <div class="eui-autocomplete-option-group__label"> @if (autocompleteOptGroupTemplate) { <ng-template [ngTemplateOutlet]="autocompleteOptGroupTemplate" [ngTemplateOutletContext]="{ $implicit: { label: distinctOptionGroup } }"> </ng-template> } @else { {{ distinctOptionGroup }} } </div> <div class="eui-autocomplete-option-group__options"> @for (autocompleteOption of (groupedOptions | async)[distinctOptionGroup].options; let j = $index; track autocompleteOption.id) { <eui-autocomplete-option isGroupItem [isActive]="selectedOptionIndex === (groupedOptions | async)[distinctOptionGroup].ancestorLength + j" [isDisabled]="autocompleteOption.isDisabled" [attr.aria-disabled]="autocompleteOption.isDisabled" [euiVariant]="autocompleteOption.typeClass" (click)="onOptionSelected(autocompleteOption)"> @if (autocompleteOptionTemplate) { <ng-template [ngTemplateOutlet]="autocompleteOptionTemplate" [ngTemplateOutletContext]="{ $implicit: autocompleteOption }"> </ng-template> } @else { @if (autocompleteOption.iconClass) { <span class="{{ autocompleteOption.iconClass }}"></span> } @else if (autocompleteOption.iconSvgName) { <eui-icon-svg icon="{{ autocompleteOption.iconSvgName }}"></eui-icon-svg> } {{ autocompleteOption.label }} } </eui-autocomplete-option> } </div> </eui-autocomplete-option-group> } } } @else { <eui-autocomplete-option *cdkVirtualFor="let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: optionsTrackByFn" [isActive]="selectedOptionIndex === i" [isDisabled]="autocompleteOption.isDisabled" [attr.aria-disabled]="autocompleteOption.isDisabled" [euiVariant]="autocompleteOption.typeClass" (click)="onOptionSelected(autocompleteOption)"> @if (autocompleteOptionTemplate) { <ng-template [ngTemplateOutlet]="autocompleteOptionTemplate" [ngTemplateOutletContext]="{ $implicit: autocompleteOption }"> </ng-template> } @else { @if (autocompleteOption.iconClass) { <span class="{{ autocompleteOption.iconClass }}"></span> } @else if (autocompleteOption.iconSvgName) { <eui-icon-svg icon="{{ autocompleteOption.iconSvgName }}"></eui-icon-svg> } {{ autocompleteOption.label }} } </eui-autocomplete-option> } </cdk-virtual-scroll-viewport> </div> </ng-template></div>'
2919
2919
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'DefaultComponent', 'selector': ''},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteOptionComponent', 'selector': 'eui-autocomplete-option'},{'name': 'EuiAutocompleteOptionGroupComponent', 'selector': 'eui-autocomplete-option-group'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAvatarBadgeComponent', 'selector': 'eui-avatar-badge'},{'name': 'EuiAvatarComponent', 'selector': 'div[euiAvatar], span[euiAvatar], eui-avatar'},{'name': 'EuiAvatarIconComponent', 'selector': 'eui-avatar-icon'},{'name': 'EuiAvatarImageComponent', 'selector': 'eui-avatar-image'},{'name': 'EuiAvatarListComponent', 'selector': 'eui-avatar-list'},{'name': 'EuiAvatarTextComponent', 'selector': 'eui-avatar-text'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': 'EuiButtonGroupComponent', 'selector': 'eui-button-group'},{'name': 'EuiButtonsComponent', 'selector': 'eui-buttons'},{'name': 'EuiCardComponent', 'selector': 'eui-card'},{'name': 'EuiCardContentComponent', 'selector': 'eui-card-content'},{'name': 'EuiCardFooterActionButtonsComponent', 'selector': 'eui-card-footer-action-buttons'},{'name': 'EuiCardFooterActionIconsComponent', 'selector': 'eui-card-footer-action-icons'},{'name': 'EuiCardFooterComponent', 'selector': 'eui-card-footer'},{'name': 'EuiCardFooterMenuContentComponent', 'selector': 'eui-card-footer-menu-content'},{'name': 'EuiCardHeaderBodyComponent', 'selector': 'eui-card-header-body'},{'name': 'EuiCardHeaderComponent', 'selector': 'eui-card-header'},{'name': 'EuiCardHeaderLeftContentComponent', 'selector': 'eui-card-header-left-content'},{'name': 'EuiCardHeaderRightContentComponent', 'selector': 'eui-card-header-right-content'},{'name': 'EuiCardHeaderSubtitleComponent', 'selector': 'eui-card-header-subtitle'},{'name': 'EuiCardHeaderTitleComponent', 'selector': 'eui-card-header-title'},{'name': 'EuiCardMediaComponent', 'selector': 'eui-card-media'},{'name': 'EuiChipComponent', 'selector': 'eui-chip, span[euiChip], li[euiChip]'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommonHeaderComponent', 'selector': 'eui-common-header'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDatepickerComponent', 'selector': 'eui-datepicker'},{'name': 'EuiDateRangeSelectorComponent', 'selector': 'eui-date-range-selector'},{'name': 'EuiDialogComponent', 'selector': 'eui-dialog'},{'name': 'EuiDialogContainerComponent', 'selector': 'eui-dialog-container'},{'name': 'EuiDimmerComponent', 'selector': 'eui-dimmer'},{'name': 'EuiDisableContentComponent', 'selector': 'eui-disable-content'},{'name': 'EuiDiscussionThreadComponent', 'selector': 'eui-discussion-thread'},{'name': 'EuiDiscussionThreadItemComponent', 'selector': 'eui-discussion-thread-item'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'name': 'EuiEditorComponent', 'selector': 'eui-editor'},{'name': 'EuiEditorCountersComponent', 'selector': 'eui-editor-counters'},{'name': 'EuiEditorHtmlViewComponent', 'selector': 'eui-editor-html-view'},{'name': 'EuiEditorImageDialogComponent', 'selector': ''},{'name': 'EuiEditorJsonViewComponent', 'selector': 'eui-editor-json-view'},{'name': 'EuiExpandContentComponent', 'selector': 'eui-expand-content'},{'name': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoComponent', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderRightContentComponent', 'selector': 'eui-header-right-content'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconComponent', 'selector': 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon'},{'name': 'EuiIconSvgButtonComponent', 'selector': 'eui-icon-svg-button'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
2920
2920
  label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationItemV2Component', 'selector': 'eui-notification-item-v2'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiNotificationsV2Component', 'selector': 'eui-notifications-v2'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiOverlayHeaderTitleComponent', 'selector': 'eui-overlay-header-title'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressBarComponent', 'selector': 'eui-progress-bar'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'name': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'name': 'EuiSearchComponent', 'selector': 'eui-search'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSkeletonComponent', 'selector': 'eui-skeleton'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabContentComponent', 'selector': 'eui-tab-content, euiTabContent'},{'name': 'EuiTabLabelComponent', 'selector': 'eui-tab-label, euiTabLabel'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableExpandableRowComponent', 'selector': 'tr[euiTableExpandableRow]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isSelectableHeader]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[sortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimebarComponent', 'selector': 'eui-timebar'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarCenterComponent', 'selector': 'eui-toolbar-center'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiTooltipContainerComponent', 'selector': 'eui-tooltip-container.component'},{'name': 'EuiTreeComponent', 'selector': 'eui-tree'},{'name': 'EuiTreeListComponent', 'selector': 'eui-tree-list'},{'name': 'EuiTreeListItemComponent', 'selector': 'eui-tree-list-item'},{'name': 'EuiTreeListItemContentComponent', 'selector': 'eui-tree-list-item-content'},{'name': 'EuiTreeListToolbarComponent', 'selector': 'eui-tree-list-toolbar'},{'name': 'EuiUserProfileCardComponent', 'selector': 'eui-user-profile-card'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'PlaygroundComponent', 'selector': ''},{'name': 'PlaygroundStickyLastColumnComponent', 'selector': ''},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'}];
2921
2921
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAlertTitleDirective', 'selector': 'eui-alert-title'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiClearableDirective', 'selector': 'input[euiClearable]'},{'name': 'EuiCommonHeaderSubLabelContentDirective', 'selector': 'eui-common-header-sub-label'},{'name': 'EuiDashboardButtonIconDirective', 'selector': 'eui-dashboard-button-icon'},{'name': 'EuiDashboardButtonLabelDirective', 'selector': 'eui-dashboard-button-label'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiDropdownContentDirective', 'selector': 'eui-dropdown-content'},{'name': 'EuiDropdownTreeDirective', 'selector': 'eui-dropdown[euiDropdownTree]'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoDirective', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '
@@ -564,7 +564,7 @@
564
564
  </tr>
565
565
  <tr>
566
566
  <td class="col-md-4">
567
- <i>Type : </i> <code><a href="../components/EuiUserProfileMenuComponent.html" target="_self" >QueryList&lt;EuiUserProfileMenuComponent&gt;</a></code>
567
+ <i>Type : </i> <code><a href="../interfaces/UserProfile.html" target="_self" >QueryList&lt;EuiUserProfileMenuComponent&gt;</a></code>
568
568
 
569
569
  </td>
570
570
  </tr>
@@ -193,7 +193,10 @@
193
193
  <a href="#avatarInitials" >avatarInitials</a>
194
194
  </li>
195
195
  <li>
196
- <a href="#isOnline" >isOnline</a>
196
+ <a href="#fullName" >fullName</a>
197
+ </li>
198
+ <li>
199
+ <a href="#isOnline" class="deprecated-name">isOnline</a>
197
200
  </li>
198
201
  <li>
199
202
  <a href="#userState" >userState</a>
@@ -237,6 +240,9 @@
237
240
  <li>
238
241
  <a href="#isShowAvatarInitials" >isShowAvatarInitials</a>
239
242
  </li>
243
+ <li>
244
+ <a href="#reverseNameOrder" >reverseNameOrder</a>
245
+ </li>
240
246
  <li>
241
247
  <a href="#showDetailsLabel" >showDetailsLabel</a>
242
248
  </li>
@@ -296,49 +302,6 @@
296
302
  </table>
297
303
  </section>
298
304
 
299
- <section data-compodoc="block-constructor">
300
- <h3 id="constructor">Constructor</h3>
301
- <table class="table table-sm table-bordered">
302
- <tbody>
303
- <tr>
304
- <td class="col-md-4">
305
- <code>constructor(userService: UserService)</code>
306
- </td>
307
- </tr>
308
-
309
- <tr>
310
- <td class="col-md-4">
311
- <div>
312
- <b>Parameters :</b>
313
- <table class="params">
314
- <thead>
315
- <tr>
316
- <td>Name</td>
317
- <td>Type</td>
318
- <td>Optional</td>
319
- </tr>
320
- </thead>
321
- <tbody>
322
- <tr>
323
- <td>userService</td>
324
-
325
- <td>
326
- <code>UserService</code>
327
- </td>
328
-
329
- <td>
330
- No
331
- </td>
332
-
333
- </tr>
334
- </tbody>
335
- </table>
336
- </div>
337
- </td>
338
- </tr>
339
- </tbody>
340
- </table>
341
- </section>
342
305
 
343
306
  <section data-compodoc="block-inputs">
344
307
  <h3 id="inputs">Inputs</h3>
@@ -400,6 +363,33 @@
400
363
  </tr>
401
364
  </tbody>
402
365
  </table>
366
+ <table class="table table-sm table-bordered">
367
+ <tbody>
368
+ <tr>
369
+ <td class="col-md-4">
370
+ <a name="reverseNameOrder"></a>
371
+ <b>reverseNameOrder</b>
372
+ </td>
373
+ </tr>
374
+ <tr>
375
+ <td class="col-md-4">
376
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
377
+
378
+ </td>
379
+ </tr>
380
+ <tr>
381
+ <td class="col-md-4">
382
+ <i>Default value : </i><code>false</code>
383
+ </td>
384
+ </tr>
385
+ <tr>
386
+ <td class="col-md-4">
387
+ <div class="io-description"><p>If true, the name will be displayed in reverse order (first name, first)</p>
388
+ </div>
389
+ </td>
390
+ </tr>
391
+ </tbody>
392
+ </table>
403
393
  <table class="table table-sm table-bordered">
404
394
  <tbody>
405
395
  <tr>
@@ -576,16 +566,48 @@
576
566
 
577
567
  </tbody>
578
568
  </table>
569
+ <table class="table table-sm table-bordered">
570
+ <tbody>
571
+ <tr>
572
+ <td class="col-md-4">
573
+ <a name="fullName"></a>
574
+ <span class="name">
575
+ <span ><b>fullName</b></span>
576
+ <a href="#fullName"><span class="icon ion-ios-link"></span></a>
577
+ </span>
578
+ </td>
579
+ </tr>
580
+ <tr>
581
+ <td class="col-md-4">
582
+ <i>Type : </i> <code>literal type</code>
583
+
584
+ </td>
585
+ </tr>
586
+
587
+ <tr>
588
+ <td class="col-md-4">
589
+ <div class="io-description"><p>Holds the full name of the user and the impersonated user</p>
590
+ </div>
591
+ </td>
592
+ </tr>
593
+
594
+ </tbody>
595
+ </table>
579
596
  <table class="table table-sm table-bordered">
580
597
  <tbody>
581
598
  <tr>
582
599
  <td class="col-md-4">
583
600
  <a name="isOnline"></a>
584
601
  <span class="name">
585
- <span ><b>isOnline</b></span>
602
+ <span class="deprecated-name"><b>isOnline</b></span>
586
603
  <a href="#isOnline"><span class="icon ion-ios-link"></span></a>
587
604
  </span>
588
605
  </td>
606
+ </tr>
607
+ <tr>
608
+ <td class="col-md-4 deprecated">
609
+ This property is not used anymore
610
+ </td>
589
611
  </tr>
590
612
  <tr>
591
613
  <td class="col-md-4">
@@ -593,6 +615,12 @@
593
615
  </td>
594
616
  </tr>
595
617
 
618
+ <tr>
619
+ <td class="col-md-4">
620
+ <div class="io-description"><p>If true, the user is online</p>
621
+ </div>
622
+ </td>
623
+ </tr>
596
624
 
597
625
  </tbody>
598
626
  </table>
@@ -655,7 +683,7 @@
655
683
  <script src="../js/libs/htmlparser.js"></script>
656
684
  <script src="../js/libs/deep-iterator.js"></script>
657
685
  <script>
658
- var COMPONENT_TEMPLATE = '<div><div class="eui-user-profile-card__main-wrapper"> <div class="eui-user-profile-card__avatar-wrapper"> <eui-avatar euiSizeL euiInfo> <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials"> {{ avatarInitials }} </eui-avatar-text> <ng-template #noAvatarInitials> <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image> <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image> </ng-template> </eui-avatar> </div> <div class="eui-user-profile-card__userInfos"> <div class="eui-u-font-xl eui-u-mb-s">{{ userState.fullName }}</div> <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item"> {{ userState.function }} </div> <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item"> {{ userState.organisation.code }} </div> </div> <div class="eui-user-profile-card__main-wrapper-right-content"> <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a> <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}"> <eui-icon-svg icon="eui-info"></eui-icon-svg> </button> </div></div><ng-container *ngIf="userState?.impersonatingUser"> <div class="eui-user-profile-card__impersonateInfos"> <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div> <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div> <div class="eui-u-mt-2xs"> <strong>{{ userState?.fullName }}</strong> </div> </div></ng-container></div>'
686
+ var COMPONENT_TEMPLATE = '<div><div class="eui-user-profile-card__main-wrapper"> <div class="eui-user-profile-card__avatar-wrapper"> <eui-avatar euiSizeL euiInfo> <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials"> {{ avatarInitials }} </eui-avatar-text> <ng-template #noAvatarInitials> <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image> <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image> </ng-template> </eui-avatar> </div> <div class="eui-user-profile-card__userInfos"> <div class="eui-u-font-xl eui-u-mb-s">{{ fullName.user }}</div> <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item"> {{ userState.function }} </div> <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item"> {{ userState.organisation.code }} </div> </div> <div class="eui-user-profile-card__main-wrapper-right-content"> <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a> <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}"> <eui-icon-svg icon="eui-info"></eui-icon-svg> </button> </div></div><ng-container *ngIf="userState?.impersonatingUser"> <div class="eui-user-profile-card__impersonateInfos"> <div>{{ fullName.impersonated }}</div> <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div> <div class="eui-u-mt-2xs"> <strong>{{ fullName?.user }}</strong> </div> </div></ng-container></div>'
659
687
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'DefaultComponent', 'selector': ''},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteOptionComponent', 'selector': 'eui-autocomplete-option'},{'name': 'EuiAutocompleteOptionGroupComponent', 'selector': 'eui-autocomplete-option-group'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAvatarBadgeComponent', 'selector': 'eui-avatar-badge'},{'name': 'EuiAvatarComponent', 'selector': 'div[euiAvatar], span[euiAvatar], eui-avatar'},{'name': 'EuiAvatarIconComponent', 'selector': 'eui-avatar-icon'},{'name': 'EuiAvatarImageComponent', 'selector': 'eui-avatar-image'},{'name': 'EuiAvatarListComponent', 'selector': 'eui-avatar-list'},{'name': 'EuiAvatarTextComponent', 'selector': 'eui-avatar-text'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': 'EuiButtonGroupComponent', 'selector': 'eui-button-group'},{'name': 'EuiButtonsComponent', 'selector': 'eui-buttons'},{'name': 'EuiCardComponent', 'selector': 'eui-card'},{'name': 'EuiCardContentComponent', 'selector': 'eui-card-content'},{'name': 'EuiCardFooterActionButtonsComponent', 'selector': 'eui-card-footer-action-buttons'},{'name': 'EuiCardFooterActionIconsComponent', 'selector': 'eui-card-footer-action-icons'},{'name': 'EuiCardFooterComponent', 'selector': 'eui-card-footer'},{'name': 'EuiCardFooterMenuContentComponent', 'selector': 'eui-card-footer-menu-content'},{'name': 'EuiCardHeaderBodyComponent', 'selector': 'eui-card-header-body'},{'name': 'EuiCardHeaderComponent', 'selector': 'eui-card-header'},{'name': 'EuiCardHeaderLeftContentComponent', 'selector': 'eui-card-header-left-content'},{'name': 'EuiCardHeaderRightContentComponent', 'selector': 'eui-card-header-right-content'},{'name': 'EuiCardHeaderSubtitleComponent', 'selector': 'eui-card-header-subtitle'},{'name': 'EuiCardHeaderTitleComponent', 'selector': 'eui-card-header-title'},{'name': 'EuiCardMediaComponent', 'selector': 'eui-card-media'},{'name': 'EuiChipComponent', 'selector': 'eui-chip, span[euiChip], li[euiChip]'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommonHeaderComponent', 'selector': 'eui-common-header'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDatepickerComponent', 'selector': 'eui-datepicker'},{'name': 'EuiDateRangeSelectorComponent', 'selector': 'eui-date-range-selector'},{'name': 'EuiDialogComponent', 'selector': 'eui-dialog'},{'name': 'EuiDialogContainerComponent', 'selector': 'eui-dialog-container'},{'name': 'EuiDimmerComponent', 'selector': 'eui-dimmer'},{'name': 'EuiDisableContentComponent', 'selector': 'eui-disable-content'},{'name': 'EuiDiscussionThreadComponent', 'selector': 'eui-discussion-thread'},{'name': 'EuiDiscussionThreadItemComponent', 'selector': 'eui-discussion-thread-item'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'name': 'EuiEditorComponent', 'selector': 'eui-editor'},{'name': 'EuiEditorCountersComponent', 'selector': 'eui-editor-counters'},{'name': 'EuiEditorHtmlViewComponent', 'selector': 'eui-editor-html-view'},{'name': 'EuiEditorImageDialogComponent', 'selector': ''},{'name': 'EuiEditorJsonViewComponent', 'selector': 'eui-editor-json-view'},{'name': 'EuiExpandContentComponent', 'selector': 'eui-expand-content'},{'name': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoComponent', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderRightContentComponent', 'selector': 'eui-header-right-content'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconComponent', 'selector': 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon'},{'name': 'EuiIconSvgButtonComponent', 'selector': 'eui-icon-svg-button'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
660
688
  label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationItemV2Component', 'selector': 'eui-notification-item-v2'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiNotificationsV2Component', 'selector': 'eui-notifications-v2'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiOverlayHeaderTitleComponent', 'selector': 'eui-overlay-header-title'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressBarComponent', 'selector': 'eui-progress-bar'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'name': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'name': 'EuiSearchComponent', 'selector': 'eui-search'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSkeletonComponent', 'selector': 'eui-skeleton'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabContentComponent', 'selector': 'eui-tab-content, euiTabContent'},{'name': 'EuiTabLabelComponent', 'selector': 'eui-tab-label, euiTabLabel'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableExpandableRowComponent', 'selector': 'tr[euiTableExpandableRow]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isSelectableHeader]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[sortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimebarComponent', 'selector': 'eui-timebar'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarCenterComponent', 'selector': 'eui-toolbar-center'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiTooltipContainerComponent', 'selector': 'eui-tooltip-container.component'},{'name': 'EuiTreeComponent', 'selector': 'eui-tree'},{'name': 'EuiTreeListComponent', 'selector': 'eui-tree-list'},{'name': 'EuiTreeListItemComponent', 'selector': 'eui-tree-list-item'},{'name': 'EuiTreeListItemContentComponent', 'selector': 'eui-tree-list-item-content'},{'name': 'EuiTreeListToolbarComponent', 'selector': 'eui-tree-list-toolbar'},{'name': 'EuiUserProfileCardComponent', 'selector': 'eui-user-profile-card'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'PlaygroundComponent', 'selector': ''},{'name': 'PlaygroundStickyLastColumnComponent', 'selector': ''},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'}];
661
689
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAlertTitleDirective', 'selector': 'eui-alert-title'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiClearableDirective', 'selector': 'input[euiClearable]'},{'name': 'EuiCommonHeaderSubLabelContentDirective', 'selector': 'eui-common-header-sub-label'},{'name': 'EuiDashboardButtonIconDirective', 'selector': 'eui-dashboard-button-icon'},{'name': 'EuiDashboardButtonLabelDirective', 'selector': 'eui-dashboard-button-label'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiDropdownContentDirective', 'selector': 'eui-dropdown-content'},{'name': 'EuiDropdownTreeDirective', 'selector': 'eui-dropdown[euiDropdownTree]'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoDirective', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '
@@ -283,6 +283,9 @@
283
283
  <li>
284
284
  <a href="#isShowUserInfos" >isShowUserInfos</a>
285
285
  </li>
286
+ <li>
287
+ <a href="#reverseNameOrder" >reverseNameOrder</a>
288
+ </li>
286
289
  <li>
287
290
  <a href="#subInfos" >subInfos</a>
288
291
  </li>
@@ -602,6 +605,33 @@
602
605
  </tr>
603
606
  </tbody>
604
607
  </table>
608
+ <table class="table table-sm table-bordered">
609
+ <tbody>
610
+ <tr>
611
+ <td class="col-md-4">
612
+ <a name="reverseNameOrder"></a>
613
+ <b>reverseNameOrder</b>
614
+ </td>
615
+ </tr>
616
+ <tr>
617
+ <td class="col-md-4">
618
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
619
+
620
+ </td>
621
+ </tr>
622
+ <tr>
623
+ <td class="col-md-4">
624
+ <i>Default value : </i><code>false</code>
625
+ </td>
626
+ </tr>
627
+ <tr>
628
+ <td class="col-md-4">
629
+ <div class="io-description"><p>If true, the name will be displayed in reverse order (first name, first)</p>
630
+ </div>
631
+ </td>
632
+ </tr>
633
+ </tbody>
634
+ </table>
605
635
  <table class="table table-sm table-bordered">
606
636
  <tbody>
607
637
  <tr>
@@ -796,7 +826,7 @@
796
826
  </tr>
797
827
  <tr>
798
828
  <td class="col-md-4">
799
- <i>Type : </i> <code><a href="../components/EuiUserProfileMenuComponent.html" target="_self" >QueryList&lt;EuiUserProfileMenuComponent&gt;</a></code>
829
+ <i>Type : </i> <code><a href="../interfaces/UserProfile.html" target="_self" >QueryList&lt;EuiUserProfileMenuComponent&gt;</a></code>
800
830
 
801
831
  </td>
802
832
  </tr>
@@ -867,7 +897,7 @@
867
897
  </tr>
868
898
  <tr>
869
899
  <td class="col-md-4">
870
- <i>Type : </i> <code>UserState</code>
900
+ <i>Type : </i> <code><a href="../interfaces/UserProfile.html" target="_self" >UserProfile</a></code>
871
901
 
872
902
  </td>
873
903
  </tr>
@@ -513,7 +513,7 @@
513
513
  </tr>
514
514
  <tr>
515
515
  <td class="col-md-4">
516
- <i>Type : </i> <code><a href="../components/EuiUserProfileMenuItemComponent.html" target="_self" >QueryList&lt;EuiUserProfileMenuItemComponent&gt;</a></code>
516
+ <i>Type : </i> <code><a href="../interfaces/UserProfile.html" target="_self" >QueryList&lt;EuiUserProfileMenuItemComponent&gt;</a></code>
517
517
 
518
518
  </td>
519
519
  </tr>
@@ -311,11 +311,11 @@
311
311
  <li>
312
312
  <b>@stackblitz/sdk</b> : 1.9.0</li>
313
313
  <li>
314
- <b>@eui/styles</b> : 17.3.14-snapshot-1733911529439</li>
314
+ <b>@eui/styles</b> : 17.3.14</li>
315
315
  <li>
316
- <b>@eui/styles-base</b> : 17.3.14-snapshot-1733911529439</li>
316
+ <b>@eui/styles-base</b> : 17.3.14</li>
317
317
  <li>
318
- <b>@eui/ecl</b> : 17.3.14-snapshot-1733911529439</li>
318
+ <b>@eui/ecl</b> : 17.3.14</li>
319
319
  <li>
320
320
  <b>@eui/tools</b> : ^6.0.0</li>
321
321
  </ul>
package/docs/index.html CHANGED
@@ -151,7 +151,7 @@
151
151
  <div class="card text-center">
152
152
  <div class="card-block">
153
153
  <h4 class="card-title"><span class="icon ion-md-information-circle-outline"></span></h4>
154
- <p class="card-text">87 Interfaces</p>
154
+ <p class="card-text">88 Interfaces</p>
155
155
  </div>
156
156
  </div>
157
157
  </div>