@eui/components 17.3.4-snapshot-1713921501323 → 17.3.4-snapshot-1715045153638
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/classes/CustomNodeSelectFnHelper.html +552 -0
- package/docs/classes/EuiAutoCompleteItem.html +24 -0
- package/docs/components/EuiAutocompleteComponent.html +1 -1
- package/docs/components/EuiNotificationItemComponent.html +1 -1
- package/docs/components/EuiTreeComponent.html +19 -0
- package/docs/dependencies.html +2 -2
- package/docs/directives/EuiTreeFormControlDirective.html +1 -1
- package/docs/index.html +1 -1
- package/docs/js/menu-wc.js +12 -9
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/typealiases.html +148 -129
- package/docs/modules/EuiAutocompleteModule.html +3 -0
- package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +7 -5
- package/esm2022/eui-autocomplete/eui-autocomplete.module.mjs +7 -3
- package/esm2022/eui-autocomplete/models/eui-autocomplete-item.model.mjs +1 -1
- package/esm2022/eui-table/eui-table.component.mjs +2 -2
- package/esm2022/eui-tree/eui-tree-form-control.directive.mjs +2 -2
- package/esm2022/eui-tree/eui-tree.component.mjs +31 -5
- package/esm2022/eui-tree/eui-tree.model.mjs +20 -1
- package/esm2022/layout/eui-breadcrumb/breadcrumb.component.mjs +2 -2
- package/esm2022/layout/eui-breadcrumb/collapsed-breadcrumb/collapsed-breadcrumb.component.mjs +2 -2
- package/esm2022/layout/eui-breadcrumb/item/breadcrumb-item.component.mjs +2 -2
- package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +3 -3
- package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +2 -2
- package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +2 -2
- package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
- package/eui-autocomplete/eui-autocomplete.module.d.ts +2 -1
- package/eui-autocomplete/eui-autocomplete.module.d.ts.map +1 -1
- package/eui-autocomplete/models/eui-autocomplete-item.model.d.ts +1 -0
- package/eui-autocomplete/models/eui-autocomplete-item.model.d.ts.map +1 -1
- package/eui-tree/eui-tree.component.d.ts +4 -2
- package/eui-tree/eui-tree.component.d.ts.map +1 -1
- package/eui-tree/eui-tree.model.d.ts +9 -0
- package/eui-tree/eui-tree.model.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs +10 -4
- package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +2 -2
- package/fesm2022/eui-components-eui-table.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree.mjs +50 -5
- package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +12 -12
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/package.json +15 -15
|
@@ -2890,7 +2890,7 @@
|
|
|
2890
2890
|
<script src="../js/libs/htmlparser.js"></script>
|
|
2891
2891
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
2892
2892
|
<script>
|
|
2893
|
-
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" #inputContainerRef> <input #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> } {{ 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> } {{ autocompleteOption.label }} } </eui-autocomplete-option> } </cdk-virtual-scroll-viewport> </div> </ng-template></div>'
|
|
2893
|
+
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" #inputContainerRef> <input #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> } {{ 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>'
|
|
2894
2894
|
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,
|
|
2895
2895
|
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'}];
|
|
2896
2896
|
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': '
|
|
@@ -687,7 +687,7 @@
|
|
|
687
687
|
<script src="../js/libs/htmlparser.js"></script>
|
|
688
688
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
689
689
|
<script>
|
|
690
|
-
var COMPONENT_TEMPLATE = '<div><div class="eui-notification-item-content" (click)="onItemClick()" [ngClass]="{ \'eui-u-bg-color-white\': item.metadata?.read || !item.metadata }"> <div class="eui-notification-item-content-top eui-u-font-s"> <div *ngIf="item.metadata?.date" class="eui-notification-item-content-top__date"> <span class="eui-notification-item-content-top__date-icon eui-u-mr-s"> <eui-icon-svg icon="eui-notifications" size="m" [fillColor]="iconColor"></eui-icon-svg> <span *ngIf="item.metadata?.new" class="eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-s eui-icon eui-icon-circle"></span> </span> <span class="eui-u-color-grey-dark">{{ item.metadata?.date | date: dateFormat }}</span> </div> <div *ngIf="item.metadata?.important" class="eui-u-font-bold eui-u-color-grey-dark"> <eui-icon-svg icon="eui-exclamation" fillColor="danger" class="eui-u-ml-xs"></eui-icon-svg> </div> </div> <span class="eui-notification-item-content-middle eui-u-cursor-pointer"> <ng-template [ngIf]="item.metadata?.url"> <a href="{{ item.metadata.url }}"> <div class="eui-notification-item-content-middle__label" [ngClass]="{ \'eui-u-font-bold\': !item.metadata || (item.metadata && !item.metadata.read) }"> {{ item.label | translate | euiTruncate: 200 }} </div> <div *ngIf="item.subLabel" class="eui-notification-item-content-middle__sub-label" [innerHTML]="item.subLabel | translate | euiTruncate: 200"></div> </a> </ng-template> <ng-template [ngIf]="item.metadata?.urlExternal"> <a href="{{ item.metadata.urlExternal }}" [target]="!item.metadata.urlExternalTarget ? \'
|
|
690
|
+
var COMPONENT_TEMPLATE = '<div><div class="eui-notification-item-content" (click)="onItemClick()" [ngClass]="{ \'eui-u-bg-color-white\': item.metadata?.read || !item.metadata }"> <div class="eui-notification-item-content-top eui-u-font-s"> <div *ngIf="item.metadata?.date" class="eui-notification-item-content-top__date"> <span class="eui-notification-item-content-top__date-icon eui-u-mr-s"> <eui-icon-svg icon="eui-notifications" size="m" [fillColor]="iconColor"></eui-icon-svg> <span *ngIf="item.metadata?.new" class="eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-s eui-icon eui-icon-circle"></span> </span> <span class="eui-u-color-grey-dark">{{ item.metadata?.date | date: dateFormat }}</span> </div> <div *ngIf="item.metadata?.important" class="eui-u-font-bold eui-u-color-grey-dark"> <eui-icon-svg icon="eui-exclamation" fillColor="danger-100" class="eui-u-ml-xs"></eui-icon-svg> </div> </div> <span class="eui-notification-item-content-middle eui-u-cursor-pointer"> <ng-template [ngIf]="item.metadata?.url"> <a class="eui-u-text-link" href="{{ item.metadata.url }}"> <div class="eui-notification-item-content-middle__label" [ngClass]="{ \'eui-u-font-bold\': !item.metadata || (item.metadata && !item.metadata.read) }"> {{ item.label | translate | euiTruncate: 200 }} </div> <div *ngIf="item.subLabel" class="eui-notification-item-content-middle__sub-label" [innerHTML]="item.subLabel | translate | euiTruncate: 200"></div> </a> </ng-template> <ng-template [ngIf]="item.metadata?.urlExternal"> <a class="eui-u-text-link-external" href="{{ item.metadata.urlExternal }}" [target]="!item.metadata.urlExternalTarget ? \'_blank\' : item.metadata.urlExternalTarget"> <div class="eui-notification-item-content-middle__label" [ngClass]="{ \'eui-u-font-bold\': !item.metadata || (item.metadata && !item.metadata.read) }"> {{ item.label | translate | euiTruncate: 200 }} </div> <div *ngIf="item.subLabel" class="eui-notification-item-content-middle__sub-label" [innerHTML]="item.subLabel | translate | euiTruncate: 200"></div> </a> </ng-template> <ng-template [ngIf]="!item.metadata?.url && !item.metadata?.urlExternal"> <div class="eui-notification-item-content-middle__label" [ngClass]="{ \'eui-u-font-bold\': !item.metadata || (item.metadata && !item.metadata.read) }"> {{ item.label | translate | euiTruncate: 200 }} </div> <div *ngIf="item.subLabel" class="eui-notification-item-content-middle__sub-label" [innerHTML]="item.subLabel | translate | euiTruncate: 200"></div> </ng-template> </span> <div class="eui-notification-item-content-bottom"> <a *ngIf="isShowMarkAsRead && item.metadata && !item.metadata.read" class="eui-u-text-link" href="javascript:void(0)" (click)="onItemMarkAsRead($event)"> {{ markAsReadLabel ? markAsReadLabel : (\'eui.NOTIFICATIONMARKASREAD\' | translate) }} </a> </div></div></div>'
|
|
691
691
|
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,
|
|
692
692
|
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'}];
|
|
693
693
|
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': '
|
|
@@ -300,6 +300,9 @@
|
|
|
300
300
|
<li>
|
|
301
301
|
<a href="#collapsedSvgIconClass" >collapsedSvgIconClass</a>
|
|
302
302
|
</li>
|
|
303
|
+
<li>
|
|
304
|
+
<a href="#customNodeSelectFn" >customNodeSelectFn</a>
|
|
305
|
+
</li>
|
|
303
306
|
<li>
|
|
304
307
|
<a href="#e2eAttr" >e2eAttr</a>
|
|
305
308
|
</li>
|
|
@@ -542,6 +545,22 @@
|
|
|
542
545
|
</tr>
|
|
543
546
|
</tbody>
|
|
544
547
|
</table>
|
|
548
|
+
<table class="table table-sm table-bordered">
|
|
549
|
+
<tbody>
|
|
550
|
+
<tr>
|
|
551
|
+
<td class="col-md-4">
|
|
552
|
+
<a name="customNodeSelectFn"></a>
|
|
553
|
+
<b>customNodeSelectFn</b>
|
|
554
|
+
</td>
|
|
555
|
+
</tr>
|
|
556
|
+
<tr>
|
|
557
|
+
<td class="col-md-4">
|
|
558
|
+
<i>Type : </i> <code><a href="../miscellaneous/typealiases.html#CustomNodeSelectFn" target="_self" >CustomNodeSelectFn</a></code>
|
|
559
|
+
|
|
560
|
+
</td>
|
|
561
|
+
</tr>
|
|
562
|
+
</tbody>
|
|
563
|
+
</table>
|
|
545
564
|
<table class="table table-sm table-bordered">
|
|
546
565
|
<tbody>
|
|
547
566
|
<tr>
|
package/docs/dependencies.html
CHANGED
|
@@ -311,9 +311,9 @@
|
|
|
311
311
|
<li>
|
|
312
312
|
<b>@stackblitz/sdk</b> : 1.9.0</li>
|
|
313
313
|
<li>
|
|
314
|
-
<b>@eui/styles-base</b> : 17.3.
|
|
314
|
+
<b>@eui/styles-base</b> : 17.3.4-snapshot-1714440086824</li>
|
|
315
315
|
<li>
|
|
316
|
-
<b>@eui/ecl</b> : 17.3.
|
|
316
|
+
<b>@eui/ecl</b> : 17.3.4-snapshot-1714440086824</li>
|
|
317
317
|
<li>
|
|
318
318
|
<b>@eui/tools</b> : ^6.0.0</li>
|
|
319
319
|
</ul>
|
|
@@ -295,7 +295,7 @@
|
|
|
295
295
|
<tr>
|
|
296
296
|
<td class="col-md-4">
|
|
297
297
|
<i>Default value : </i><code>(selection: TreeDataModel) => {
|
|
298
|
-
return selection;
|
|
298
|
+
return new EuiTreeHelper(this.tree.nodes).getItems(selection.map(item=>item.node.treeContentBlock.id), 'node.treeContentBlock.id');
|
|
299
299
|
}</code>
|
|
300
300
|
</td>
|
|
301
301
|
</tr>
|
package/docs/index.html
CHANGED
package/docs/js/menu-wc.js
CHANGED
|
@@ -344,13 +344,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
|
|
|
344
344
|
<a href="modules/EuiAutocompleteModule.html" data-type="entity-link" >EuiAutocompleteModule</a>
|
|
345
345
|
<li class="chapter inner">
|
|
346
346
|
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
|
|
347
|
-
'data-bs-target="#components-links-module-EuiAutocompleteModule-
|
|
347
|
+
'data-bs-target="#components-links-module-EuiAutocompleteModule-d1da0989420278850d1bcbcf2e43c29be2bc85bf3524701b06bea5c9a3cfc2186fc35d801ae65559a8b64cda9b57f8ec9271bf75af4e67cd4adab58991402fd1"' : 'data-bs-target="#xs-components-links-module-EuiAutocompleteModule-d1da0989420278850d1bcbcf2e43c29be2bc85bf3524701b06bea5c9a3cfc2186fc35d801ae65559a8b64cda9b57f8ec9271bf75af4e67cd4adab58991402fd1"' }>
|
|
348
348
|
<span class="icon ion-md-cog"></span>
|
|
349
349
|
<span>Components</span>
|
|
350
350
|
<span class="icon ion-ios-arrow-down"></span>
|
|
351
351
|
</div>
|
|
352
|
-
<ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiAutocompleteModule-
|
|
353
|
-
'id="xs-components-links-module-EuiAutocompleteModule-
|
|
352
|
+
<ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiAutocompleteModule-d1da0989420278850d1bcbcf2e43c29be2bc85bf3524701b06bea5c9a3cfc2186fc35d801ae65559a8b64cda9b57f8ec9271bf75af4e67cd4adab58991402fd1"' :
|
|
353
|
+
'id="xs-components-links-module-EuiAutocompleteModule-d1da0989420278850d1bcbcf2e43c29be2bc85bf3524701b06bea5c9a3cfc2186fc35d801ae65559a8b64cda9b57f8ec9271bf75af4e67cd4adab58991402fd1"' }>
|
|
354
354
|
<li class="link">
|
|
355
355
|
<a href="components/EuiAutocompleteComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiAutocompleteComponent</a>
|
|
356
356
|
</li>
|
|
@@ -2333,13 +2333,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
|
|
|
2333
2333
|
<a href="modules/EuiTreeFormControlDirectiveModule.html" data-type="entity-link" >EuiTreeFormControlDirectiveModule</a>
|
|
2334
2334
|
<li class="chapter inner">
|
|
2335
2335
|
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
|
|
2336
|
-
'data-bs-target="#directives-links-module-EuiTreeFormControlDirectiveModule-
|
|
2336
|
+
'data-bs-target="#directives-links-module-EuiTreeFormControlDirectiveModule-705a0c15f0e04ae4ec8263a1cad80b70b5315f75f18a07d0508528d6b3434c3bfb1c00b3688274b87b90008227273be0b982772f80ee497602e0d20108d1f7bd"' : 'data-bs-target="#xs-directives-links-module-EuiTreeFormControlDirectiveModule-705a0c15f0e04ae4ec8263a1cad80b70b5315f75f18a07d0508528d6b3434c3bfb1c00b3688274b87b90008227273be0b982772f80ee497602e0d20108d1f7bd"' }>
|
|
2337
2337
|
<span class="icon ion-md-code-working"></span>
|
|
2338
2338
|
<span>Directives</span>
|
|
2339
2339
|
<span class="icon ion-ios-arrow-down"></span>
|
|
2340
2340
|
</div>
|
|
2341
|
-
<ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EuiTreeFormControlDirectiveModule-
|
|
2342
|
-
'id="xs-directives-links-module-EuiTreeFormControlDirectiveModule-
|
|
2341
|
+
<ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EuiTreeFormControlDirectiveModule-705a0c15f0e04ae4ec8263a1cad80b70b5315f75f18a07d0508528d6b3434c3bfb1c00b3688274b87b90008227273be0b982772f80ee497602e0d20108d1f7bd"' :
|
|
2342
|
+
'id="xs-directives-links-module-EuiTreeFormControlDirectiveModule-705a0c15f0e04ae4ec8263a1cad80b70b5315f75f18a07d0508528d6b3434c3bfb1c00b3688274b87b90008227273be0b982772f80ee497602e0d20108d1f7bd"' }>
|
|
2343
2343
|
<li class="link">
|
|
2344
2344
|
<a href="directives/EuiTreeFormControlDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiTreeFormControlDirective</a>
|
|
2345
2345
|
</li>
|
|
@@ -2396,13 +2396,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
|
|
|
2396
2396
|
<a href="modules/EuiTreeModule.html" data-type="entity-link" >EuiTreeModule</a>
|
|
2397
2397
|
<li class="chapter inner">
|
|
2398
2398
|
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
|
|
2399
|
-
'data-bs-target="#components-links-module-EuiTreeModule-
|
|
2399
|
+
'data-bs-target="#components-links-module-EuiTreeModule-05573c064e3d66bc949fe3652d0ec5958f3751584ed167b7570baa0f439623188e51316cb1b11682e34600bccfb6aa42f56aa96f8a9a259322e7fa274ad3cadb"' : 'data-bs-target="#xs-components-links-module-EuiTreeModule-05573c064e3d66bc949fe3652d0ec5958f3751584ed167b7570baa0f439623188e51316cb1b11682e34600bccfb6aa42f56aa96f8a9a259322e7fa274ad3cadb"' }>
|
|
2400
2400
|
<span class="icon ion-md-cog"></span>
|
|
2401
2401
|
<span>Components</span>
|
|
2402
2402
|
<span class="icon ion-ios-arrow-down"></span>
|
|
2403
2403
|
</div>
|
|
2404
|
-
<ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiTreeModule-
|
|
2405
|
-
'id="xs-components-links-module-EuiTreeModule-
|
|
2404
|
+
<ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiTreeModule-05573c064e3d66bc949fe3652d0ec5958f3751584ed167b7570baa0f439623188e51316cb1b11682e34600bccfb6aa42f56aa96f8a9a259322e7fa274ad3cadb"' :
|
|
2405
|
+
'id="xs-components-links-module-EuiTreeModule-05573c064e3d66bc949fe3652d0ec5958f3751584ed167b7570baa0f439623188e51316cb1b11682e34600bccfb6aa42f56aa96f8a9a259322e7fa274ad3cadb"' }>
|
|
2406
2406
|
<li class="link">
|
|
2407
2407
|
<a href="components/EuiTreeComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiTreeComponent</a>
|
|
2408
2408
|
</li>
|
|
@@ -2794,6 +2794,9 @@ customElements.define('compodoc-menu', class extends HTMLElement {
|
|
|
2794
2794
|
<li class="link">
|
|
2795
2795
|
<a href="classes/CdkDropListMock.html" data-type="entity-link" >CdkDropListMock</a>
|
|
2796
2796
|
</li>
|
|
2797
|
+
<li class="link">
|
|
2798
|
+
<a href="classes/CustomNodeSelectFnHelper.html" data-type="entity-link" >CustomNodeSelectFnHelper</a>
|
|
2799
|
+
</li>
|
|
2797
2800
|
<li class="link">
|
|
2798
2801
|
<a href="classes/EuiAppShellServiceMock.html" data-type="entity-link" >EuiAppShellServiceMock</a>
|
|
2799
2802
|
</li>
|