@eui/components 15.3.6 → 15.3.7-snapshot-1687508314727
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/components/EuiDropdownButtonChildMenuComponent.html +24 -0
- package/docs/components/EuiListComponent.html +233 -1
- package/docs/components/EuiListItemComponent.html +225 -6
- package/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/esm2020/eui-buttons/eui-buttons.component.mjs +1 -1
- package/esm2020/eui-dropdown-button-menu/eui-dropdown-button-child-menu.component.mjs +9 -3
- package/esm2020/eui-dropdown-button-menu/eui-dropdown-button-menu.component.mjs +1 -1
- package/esm2020/eui-list/eui-list-item/eui-list-item.component.mjs +26 -6
- package/esm2020/eui-list/eui-list.component.mjs +71 -4
- package/eui-dropdown-button-menu/eui-dropdown-button-child-menu.component.d.ts +2 -1
- package/eui-dropdown-button-menu/eui-dropdown-button-child-menu.component.d.ts.map +1 -1
- package/eui-list/eui-list-item/eui-list-item.component.d.ts +15 -5
- package/eui-list/eui-list-item/eui-list-item.component.d.ts.map +1 -1
- package/eui-list/eui-list.component.d.ts +10 -3
- package/eui-list/eui-list.component.d.ts.map +1 -1
- package/fesm2015/eui-components-eui-buttons.mjs +1 -1
- package/fesm2015/eui-components-eui-buttons.mjs.map +1 -1
- package/fesm2015/eui-components-eui-dropdown-button-menu.mjs +9 -3
- package/fesm2015/eui-components-eui-dropdown-button-menu.mjs.map +1 -1
- package/fesm2015/eui-components-eui-list.mjs +130 -43
- package/fesm2015/eui-components-eui-list.mjs.map +1 -1
- package/fesm2020/eui-components-eui-buttons.mjs +1 -1
- package/fesm2020/eui-components-eui-buttons.mjs.map +1 -1
- package/fesm2020/eui-components-eui-dropdown-button-menu.mjs +9 -3
- package/fesm2020/eui-components-eui-dropdown-button-menu.mjs.map +1 -1
- package/fesm2020/eui-components-eui-list.mjs +129 -43
- package/fesm2020/eui-components-eui-list.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -73,7 +73,7 @@ export class EuiButtonsComponent extends BaseDirective {
|
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
/** @nocollapse */ EuiButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: EuiButtonsComponent, deps: [{ token: i1.UxAppShellService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
76
|
-
/** @nocollapse */ EuiButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: EuiButtonsComponent, selector: "eui-buttons", inputs: { localMenuLabel: "localMenuLabel", hasLocalMenu: "hasLocalMenu", isBookmarkable: "isBookmarkable", isBookmarked: "isBookmarked" }, outputs: { bookmarked: "bookmarked" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customActionsContent", first: true, predicate: i0.forwardRef(function () { return EuiButtonsActionsContentTagDirective; }), descendants: true }, { propertyName: "customLocalMenuContent", first: true, predicate: i0.forwardRef(function () { return EuiButtonsLocalMenuContentTagDirective; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"eui-buttons-wrapper\"\n [class.eui-buttons-wrapper--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\">\n <div class=\"eui-buttons__actions-container\">\n <!-- ACTION BUTTONS -->\n <ng-container *ngIf=\"!((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- BOOKMARK BUTTON -->\n <button\n *ngIf=\"isBookmarkable && !((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\"\n euiButton\n euiOutline\n euiSecondary\n type=\"button\"\n [title]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n (click)=\"onBookmarkToggle($event)\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\">{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\">{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </button>\n\n <!-- LOCAL MENU WHEN IN MOBILE/TABLET MODE -->\n <div\n *ngIf=\"hasLocalMenu || (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n class=\"eui-buttons__local-menu\"\n [class.eui-buttons__local-menu--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n euiSizeS>\n <eui-dropdown>\n <button\n euiButton\n euiPrimary\n type=\"button\"\n [euiOutline]=\"localMenuLabel\"\n [euiBasicButton]=\"!localMenuLabel\"\n [euiRounded]=\"!localMenuLabel\"\n [euiIconButton]=\"!localMenuLabel\">\n <span *ngIf=\"localMenuLabel\" euiLabel>{{ localMenuLabel }}</span>\n <eui-icon-svg icon=\"eui-ellipsis-vertical\"></eui-icon-svg>\n </button>\n <eui-dropdown-content>\n <!-- Action buttons -->\n <ng-container\n *ngIf=\"\n customActionsContent && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- Local menu items -->\n <ng-container *ngIf=\"hasLocalMenu && customLocalMenuContent && customLocalMenuContent.length !== 0\">\n <ng-container *ngTemplateOutlet=\"localMenu\"></ng-container>\n </ng-container>\n\n <!-- Extra menu items -->\n <ul euiList class=\"eui-buttons__local-menu-extras\">\n <li\n *ngIf=\"\n isBookmarkable && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \"\n euiListItem\n [title]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n (click)=\"onBookmarkToggle($event)\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\" euiLabel>{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\" euiLabel>{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </li>\n </ul>\n </eui-dropdown-content>\n </eui-dropdown>\n </div>\n </div>\n</div>\n\n<ng-template #actionsButtons>\n <div\n class=\"eui-buttons__actions-content\"\n [class.eui-buttons__actions-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsActionsContent\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #localMenu>\n <div\n class=\"eui-buttons__local-menu-content\"\n [class.eui-buttons__local-menu-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsLocalMenuContent\"></ng-content>\n </div>\n</ng-template>\n", styles: [".eui-buttons{display:flex;flex-direction:column;width:100%}.eui-buttons-wrapper{max-width:100%;align-items:center;display:flex;width:100%}.eui-buttons__actions-container{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.eui-buttons__actions-container button{margin-left:var(--eui-base-spacing-xs)}.eui-buttons__actions-content{align-items:center;display:flex;flex-direction:row;overflow:visible}.eui-buttons__actions-content--mobile{display:block;width:100%}.eui-buttons__actions-content--mobile euibuttonsactionscontent{display:block;margin:var(--eui-base-spacing-xs);position:relative}.eui-buttons__actions-content--mobile euibuttonsactionscontent button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu{align-items:center;display:flex}.eui-buttons__local-menu__action-buttons{margin:0 var(--eui-base-spacing-s)}.eui-buttons__local-menu__action-buttons button,.eui-buttons__local-menu__action-buttons div{margin-bottom:var(--eui-base-spacing-xs)}.eui-buttons__local-menu__action-buttons--mobile,.eui-buttons__local-menu-content{display:block;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent{display:block;position:relative;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu-content--mobile .container{padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.eui-buttons__local-menu-extras{border-top:1px ridge var(--eui-base-color-grey-20);color:var(--eui-base-color-info-100)}.eui-buttons--size-s .eui-button{min-height:calc(2 * var(--eui-base-spacing-m))}.eui-buttons--size-m .eui-button{min-height:42px;min-width:42px}.eui-buttons--size-l .eui-button{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i7.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i8.EuiListComponent, selector: "[euiList], eui-list", inputs: ["isCollapsible"] }, { kind: "component", type: i8.EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: ["isCollapsible", "isCollapsed", "isActive"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
76
|
+
/** @nocollapse */ EuiButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: EuiButtonsComponent, selector: "eui-buttons", inputs: { localMenuLabel: "localMenuLabel", hasLocalMenu: "hasLocalMenu", isBookmarkable: "isBookmarkable", isBookmarked: "isBookmarked" }, outputs: { bookmarked: "bookmarked" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customActionsContent", first: true, predicate: i0.forwardRef(function () { return EuiButtonsActionsContentTagDirective; }), descendants: true }, { propertyName: "customLocalMenuContent", first: true, predicate: i0.forwardRef(function () { return EuiButtonsLocalMenuContentTagDirective; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"eui-buttons-wrapper\"\n [class.eui-buttons-wrapper--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\">\n <div class=\"eui-buttons__actions-container\">\n <!-- ACTION BUTTONS -->\n <ng-container *ngIf=\"!((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- BOOKMARK BUTTON -->\n <button\n *ngIf=\"isBookmarkable && !((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\"\n euiButton\n euiOutline\n euiSecondary\n type=\"button\"\n [title]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n (click)=\"onBookmarkToggle($event)\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\">{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\">{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </button>\n\n <!-- LOCAL MENU WHEN IN MOBILE/TABLET MODE -->\n <div\n *ngIf=\"hasLocalMenu || (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n class=\"eui-buttons__local-menu\"\n [class.eui-buttons__local-menu--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n euiSizeS>\n <eui-dropdown>\n <button\n euiButton\n euiPrimary\n type=\"button\"\n [euiOutline]=\"localMenuLabel\"\n [euiBasicButton]=\"!localMenuLabel\"\n [euiRounded]=\"!localMenuLabel\"\n [euiIconButton]=\"!localMenuLabel\">\n <span *ngIf=\"localMenuLabel\" euiLabel>{{ localMenuLabel }}</span>\n <eui-icon-svg icon=\"eui-ellipsis-vertical\"></eui-icon-svg>\n </button>\n <eui-dropdown-content>\n <!-- Action buttons -->\n <ng-container\n *ngIf=\"\n customActionsContent && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- Local menu items -->\n <ng-container *ngIf=\"hasLocalMenu && customLocalMenuContent && customLocalMenuContent.length !== 0\">\n <ng-container *ngTemplateOutlet=\"localMenu\"></ng-container>\n </ng-container>\n\n <!-- Extra menu items -->\n <ul euiList class=\"eui-buttons__local-menu-extras\">\n <li\n *ngIf=\"\n isBookmarkable && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \"\n euiListItem\n [title]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n (click)=\"onBookmarkToggle($event)\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\" euiLabel>{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\" euiLabel>{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </li>\n </ul>\n </eui-dropdown-content>\n </eui-dropdown>\n </div>\n </div>\n</div>\n\n<ng-template #actionsButtons>\n <div\n class=\"eui-buttons__actions-content\"\n [class.eui-buttons__actions-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsActionsContent\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #localMenu>\n <div\n class=\"eui-buttons__local-menu-content\"\n [class.eui-buttons__local-menu-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsLocalMenuContent\"></ng-content>\n </div>\n</ng-template>\n", styles: [".eui-buttons{display:flex;flex-direction:column;width:100%}.eui-buttons-wrapper{max-width:100%;align-items:center;display:flex;width:100%}.eui-buttons__actions-container{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.eui-buttons__actions-container button{margin-left:var(--eui-base-spacing-xs)}.eui-buttons__actions-content{align-items:center;display:flex;flex-direction:row;overflow:visible}.eui-buttons__actions-content--mobile{display:block;width:100%}.eui-buttons__actions-content--mobile euibuttonsactionscontent{display:block;margin:var(--eui-base-spacing-xs);position:relative}.eui-buttons__actions-content--mobile euibuttonsactionscontent button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu{align-items:center;display:flex}.eui-buttons__local-menu__action-buttons{margin:0 var(--eui-base-spacing-s)}.eui-buttons__local-menu__action-buttons button,.eui-buttons__local-menu__action-buttons div{margin-bottom:var(--eui-base-spacing-xs)}.eui-buttons__local-menu__action-buttons--mobile,.eui-buttons__local-menu-content{display:block;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent{display:block;position:relative;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu-content--mobile .container{padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.eui-buttons__local-menu-extras{border-top:1px ridge var(--eui-base-color-grey-20);color:var(--eui-base-color-info-100)}.eui-buttons--size-s .eui-button{min-height:calc(2 * var(--eui-base-spacing-m))}.eui-buttons--size-m .eui-button{min-height:42px;min-width:42px}.eui-buttons--size-l .eui-button{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i7.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i8.EuiListComponent, selector: "[euiList], eui-list", inputs: ["isCollapsible"] }, { kind: "component", type: i8.EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: ["disabled", "isCollapsible", "isCollapsed", "isActive"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
77
77
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: EuiButtonsComponent, decorators: [{
|
|
78
78
|
type: Component,
|
|
79
79
|
args: [{ selector: 'eui-buttons', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"eui-buttons-wrapper\"\n [class.eui-buttons-wrapper--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\">\n <div class=\"eui-buttons__actions-container\">\n <!-- ACTION BUTTONS -->\n <ng-container *ngIf=\"!((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- BOOKMARK BUTTON -->\n <button\n *ngIf=\"isBookmarkable && !((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\"\n euiButton\n euiOutline\n euiSecondary\n type=\"button\"\n [title]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n (click)=\"onBookmarkToggle($event)\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\">{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\">{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </button>\n\n <!-- LOCAL MENU WHEN IN MOBILE/TABLET MODE -->\n <div\n *ngIf=\"hasLocalMenu || (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n class=\"eui-buttons__local-menu\"\n [class.eui-buttons__local-menu--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n euiSizeS>\n <eui-dropdown>\n <button\n euiButton\n euiPrimary\n type=\"button\"\n [euiOutline]=\"localMenuLabel\"\n [euiBasicButton]=\"!localMenuLabel\"\n [euiRounded]=\"!localMenuLabel\"\n [euiIconButton]=\"!localMenuLabel\">\n <span *ngIf=\"localMenuLabel\" euiLabel>{{ localMenuLabel }}</span>\n <eui-icon-svg icon=\"eui-ellipsis-vertical\"></eui-icon-svg>\n </button>\n <eui-dropdown-content>\n <!-- Action buttons -->\n <ng-container\n *ngIf=\"\n customActionsContent && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- Local menu items -->\n <ng-container *ngIf=\"hasLocalMenu && customLocalMenuContent && customLocalMenuContent.length !== 0\">\n <ng-container *ngTemplateOutlet=\"localMenu\"></ng-container>\n </ng-container>\n\n <!-- Extra menu items -->\n <ul euiList class=\"eui-buttons__local-menu-extras\">\n <li\n *ngIf=\"\n isBookmarkable && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \"\n euiListItem\n [title]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n (click)=\"onBookmarkToggle($event)\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\" euiLabel>{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\" euiLabel>{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </li>\n </ul>\n </eui-dropdown-content>\n </eui-dropdown>\n </div>\n </div>\n</div>\n\n<ng-template #actionsButtons>\n <div\n class=\"eui-buttons__actions-content\"\n [class.eui-buttons__actions-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsActionsContent\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #localMenu>\n <div\n class=\"eui-buttons__local-menu-content\"\n [class.eui-buttons__local-menu-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsLocalMenuContent\"></ng-content>\n </div>\n</ng-template>\n", styles: [".eui-buttons{display:flex;flex-direction:column;width:100%}.eui-buttons-wrapper{max-width:100%;align-items:center;display:flex;width:100%}.eui-buttons__actions-container{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.eui-buttons__actions-container button{margin-left:var(--eui-base-spacing-xs)}.eui-buttons__actions-content{align-items:center;display:flex;flex-direction:row;overflow:visible}.eui-buttons__actions-content--mobile{display:block;width:100%}.eui-buttons__actions-content--mobile euibuttonsactionscontent{display:block;margin:var(--eui-base-spacing-xs);position:relative}.eui-buttons__actions-content--mobile euibuttonsactionscontent button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu{align-items:center;display:flex}.eui-buttons__local-menu__action-buttons{margin:0 var(--eui-base-spacing-s)}.eui-buttons__local-menu__action-buttons button,.eui-buttons__local-menu__action-buttons div{margin-bottom:var(--eui-base-spacing-xs)}.eui-buttons__local-menu__action-buttons--mobile,.eui-buttons__local-menu-content{display:block;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent{display:block;position:relative;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu-content--mobile .container{padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.eui-buttons__local-menu-extras{border-top:1px ridge var(--eui-base-color-grey-20);color:var(--eui-base-color-info-100)}.eui-buttons--size-s .eui-button{min-height:calc(2 * var(--eui-base-spacing-m))}.eui-buttons--size-m .eui-button{min-height:42px;min-width:42px}.eui-buttons--size-l .eui-button{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m))}\n"] }]
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input } from '@angular/core';
|
|
1
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, HostBinding } from '@angular/core';
|
|
2
2
|
import { MatMenu } from '@angular/material/menu';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "./eui-dropdown-button.service";
|
|
@@ -8,6 +8,7 @@ import * as i4 from "@ngx-translate/core";
|
|
|
8
8
|
export class EuiDropdownButtonChildMenuComponent {
|
|
9
9
|
constructor(nestedItemService) {
|
|
10
10
|
this.nestedItemService = nestedItemService;
|
|
11
|
+
this.e2eAttr = 'eui-dropdown-button-child-menu';
|
|
11
12
|
}
|
|
12
13
|
/**
|
|
13
14
|
* checks the keys pressed and calls the event emitter to emit the nested item
|
|
@@ -30,14 +31,19 @@ export class EuiDropdownButtonChildMenuComponent {
|
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
/** @nocollapse */ EuiDropdownButtonChildMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: EuiDropdownButtonChildMenuComponent, deps: [{ token: i1.EuiDropdownButtonMenuService }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
-
/** @nocollapse */ EuiDropdownButtonChildMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: EuiDropdownButtonChildMenuComponent, selector: "eui-dropdown-button-child-menu", inputs: { menuItems: "menuItems" }, viewQueries: [{ propertyName: "childMenu", first: true, predicate: ["childMenu"], descendants: true, read: MatMenu, static: true }], ngImport: i0, template: "<mat-menu #childMenu=\"matMenu\" [overlapTrigger]=\"false\">\n <ng-container *ngFor=\"let item of menuItems\">\n <!--ChildMenu items without children-->\n <button\n *ngIf=\"!item.children\"\n type=\"button\"\n mat-menu-item\n [id]=\"item.id\"\n (keydown)=\"onKeyDown($event, item)\"\n (click)=\"onClick(item)\"\n [disabled]=\"item.disabled\">\n <span\n *ngIf=\"item.iconClass\"\n class=\"eui-menu-item__category-icon eui-icon\"\n [ngClass]=\"item.iconClass\"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n {{ item.label | translate }}\n </button>\n <!--Dynamic nested items-->\n <ng-container *ngIf=\"item.children\">\n <button\n [matMenuTriggerFor]=\"menu.childMenu\"\n mat-menu-item\n type=\"button\"\n [id]=\"item.id\"\n (keydown)=\"onKeyDown($event, item)\"\n (click)=\"onClick(item)\"\n [disabled]=\"item.disabled\">\n <span\n *ngIf=\"item.iconClass\"\n class=\"eui-menu-item__category-icon eui-icon\"\n [ngClass]=\"item.iconClass\"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n {{ item.label | translate }}\n </button>\n <eui-dropdown-button-child-menu #menu [menuItems]=\"item.children\"></eui-dropdown-button-child-menu>\n </ng-container>\n </ng-container>\n</mat-menu>\n", styles: [".eui-dropdown-button-menu{display:inline-block}.eui-dropdown-button-menu__disabled{pointer-events:none}.mat-menu-panel{min-height:48px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: EuiDropdownButtonChildMenuComponent, selector: "eui-dropdown-button-child-menu", inputs: ["menuItems"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
34
|
+
/** @nocollapse */ EuiDropdownButtonChildMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: EuiDropdownButtonChildMenuComponent, selector: "eui-dropdown-button-child-menu", inputs: { menuItems: "menuItems", e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr" } }, viewQueries: [{ propertyName: "childMenu", first: true, predicate: ["childMenu"], descendants: true, read: MatMenu, static: true }], ngImport: i0, template: "<mat-menu #childMenu=\"matMenu\" [overlapTrigger]=\"false\">\n <ng-container *ngFor=\"let item of menuItems\">\n <!--ChildMenu items without children-->\n <button\n *ngIf=\"!item.children\"\n type=\"button\"\n mat-menu-item\n [id]=\"item.id\"\n (keydown)=\"onKeyDown($event, item)\"\n (click)=\"onClick(item)\"\n [disabled]=\"item.disabled\">\n <span\n *ngIf=\"item.iconClass\"\n class=\"eui-menu-item__category-icon eui-icon\"\n [ngClass]=\"item.iconClass\"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n {{ item.label | translate }}\n </button>\n <!--Dynamic nested items-->\n <ng-container *ngIf=\"item.children\">\n <button\n [matMenuTriggerFor]=\"menu.childMenu\"\n mat-menu-item\n type=\"button\"\n [id]=\"item.id\"\n (keydown)=\"onKeyDown($event, item)\"\n (click)=\"onClick(item)\"\n [disabled]=\"item.disabled\">\n <span\n *ngIf=\"item.iconClass\"\n class=\"eui-menu-item__category-icon eui-icon\"\n [ngClass]=\"item.iconClass\"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n {{ item.label | translate }}\n </button>\n <eui-dropdown-button-child-menu #menu [menuItems]=\"item.children\"></eui-dropdown-button-child-menu>\n </ng-container>\n </ng-container>\n</mat-menu>\n", styles: [".eui-dropdown-button-menu{display:inline-block}.eui-dropdown-button-menu__disabled{pointer-events:none}.mat-menu-panel{min-height:48px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: EuiDropdownButtonChildMenuComponent, selector: "eui-dropdown-button-child-menu", inputs: ["menuItems", "e2eAttr"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
34
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: EuiDropdownButtonChildMenuComponent, decorators: [{
|
|
35
36
|
type: Component,
|
|
36
37
|
args: [{ selector: 'eui-dropdown-button-child-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<mat-menu #childMenu=\"matMenu\" [overlapTrigger]=\"false\">\n <ng-container *ngFor=\"let item of menuItems\">\n <!--ChildMenu items without children-->\n <button\n *ngIf=\"!item.children\"\n type=\"button\"\n mat-menu-item\n [id]=\"item.id\"\n (keydown)=\"onKeyDown($event, item)\"\n (click)=\"onClick(item)\"\n [disabled]=\"item.disabled\">\n <span\n *ngIf=\"item.iconClass\"\n class=\"eui-menu-item__category-icon eui-icon\"\n [ngClass]=\"item.iconClass\"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n {{ item.label | translate }}\n </button>\n <!--Dynamic nested items-->\n <ng-container *ngIf=\"item.children\">\n <button\n [matMenuTriggerFor]=\"menu.childMenu\"\n mat-menu-item\n type=\"button\"\n [id]=\"item.id\"\n (keydown)=\"onKeyDown($event, item)\"\n (click)=\"onClick(item)\"\n [disabled]=\"item.disabled\">\n <span\n *ngIf=\"item.iconClass\"\n class=\"eui-menu-item__category-icon eui-icon\"\n [ngClass]=\"item.iconClass\"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n {{ item.label | translate }}\n </button>\n <eui-dropdown-button-child-menu #menu [menuItems]=\"item.children\"></eui-dropdown-button-child-menu>\n </ng-container>\n </ng-container>\n</mat-menu>\n", styles: [".eui-dropdown-button-menu{display:inline-block}.eui-dropdown-button-menu__disabled{pointer-events:none}.mat-menu-panel{min-height:48px!important}\n"] }]
|
|
37
38
|
}], ctorParameters: function () { return [{ type: i1.EuiDropdownButtonMenuService }]; }, propDecorators: { menuItems: [{
|
|
38
39
|
type: Input
|
|
40
|
+
}], e2eAttr: [{
|
|
41
|
+
type: HostBinding,
|
|
42
|
+
args: ['attr.data-e2e']
|
|
43
|
+
}, {
|
|
44
|
+
type: Input
|
|
39
45
|
}], childMenu: [{
|
|
40
46
|
type: ViewChild,
|
|
41
47
|
args: ['childMenu', { static: true, read: MatMenu }]
|
|
42
48
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWRyb3Bkb3duLWJ1dHRvbi1jaGlsZC1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1kcm9wZG93bi1idXR0b24tbWVudS9ldWktZHJvcGRvd24tYnV0dG9uLWNoaWxkLW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWRyb3Bkb3duLWJ1dHRvbi1tZW51L2V1aS1kcm9wZG93bi1idXR0b24tY2hpbGQtbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JILE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7O0FBV2pELE1BQU0sT0FBTyxtQ0FBbUM7SUFNNUMsWUFBb0IsaUJBQStDO1FBQS9DLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBOEI7UUFKNUIsWUFBTyxHQUFHLGdDQUFnQyxDQUFDO0lBSVosQ0FBQztJQUN2RTs7Ozs7T0FLRztJQUNILFNBQVMsQ0FBQyxLQUFvQixFQUFFLElBQStCO1FBQzNELElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxPQUFPLEVBQUU7WUFDdkIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN0RDtJQUNMLENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsT0FBTyxDQUFDLElBQStCO1FBQ25DLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkQsQ0FBQzs7bUpBMUJRLG1DQUFtQzt1SUFBbkMsbUNBQW1DLDRRQUlFLE9BQU8sMkNDaEJ6RCxxb0RBeUNBLDYzQkQ3QmEsbUNBQW1DOzJGQUFuQyxtQ0FBbUM7a0JBUC9DLFNBQVM7K0JBQ0ksZ0NBQWdDLG1CQUd6Qix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO21IQUc1QixTQUFTO3NCQUFqQixLQUFLO2dCQUNpQyxPQUFPO3NCQUE3QyxXQUFXO3VCQUFDLGVBQWU7O3NCQUFHLEtBQUs7Z0JBRTRCLFNBQVM7c0JBQXhFLFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0VuY2Fwc3VsYXRpb24sIFZpZXdDaGlsZCwgSW5wdXQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRNZW51IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XG5cbmltcG9ydCB7IEV1aURyb3Bkb3duQnV0dG9uTWVudVNlcnZpY2UgfSBmcm9tICcuL2V1aS1kcm9wZG93bi1idXR0b24uc2VydmljZSc7XG5pbXBvcnQgeyBFdWlEcm9wZG93bkJ1dHRvbk1lbnVJdGVtIH0gZnJvbSAnLi9tb2RlbHMvZXVpLWRyb3Bkb3duLWJ1dHRvbi1tZW51LWl0ZW0ubW9kZWwnO1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktZHJvcGRvd24tYnV0dG9uLWNoaWxkLW1lbnUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktZHJvcGRvd24tYnV0dG9uLWNoaWxkLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aURyb3Bkb3duQnV0dG9uQ2hpbGRNZW51Q29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBtZW51SXRlbXM6IEV1aURyb3Bkb3duQnV0dG9uTWVudUl0ZW1bXTtcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1lMmUnKSBASW5wdXQoKSBlMmVBdHRyID0gJ2V1aS1kcm9wZG93bi1idXR0b24tY2hpbGQtbWVudSc7XG5cbiAgICBAVmlld0NoaWxkKCdjaGlsZE1lbnUnLCB7IHN0YXRpYzogdHJ1ZSwgcmVhZDogTWF0TWVudSB9KSBwdWJsaWMgY2hpbGRNZW51OiBNYXRNZW51O1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBuZXN0ZWRJdGVtU2VydmljZTogRXVpRHJvcGRvd25CdXR0b25NZW51U2VydmljZSkge31cbiAgICAvKipcbiAgICAgKiBjaGVja3MgdGhlIGtleXMgcHJlc3NlZCBhbmQgY2FsbHMgdGhlIGV2ZW50IGVtaXR0ZXIgdG8gZW1pdCB0aGUgbmVzdGVkIGl0ZW1cbiAgICAgKlxuICAgICAqIEBwYXJhbSBldmVudCBUaGUga2V5IGV2ZW50IHRoYXQgaXMgcHJlc3NlZFxuICAgICAqIEBwYXJhbSBpdGVtIFRoZSBtZW51IGl0ZW0gcGFzc2VkXG4gICAgICovXG4gICAgb25LZXlEb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50LCBpdGVtOiBFdWlEcm9wZG93bkJ1dHRvbk1lbnVJdGVtKSB7XG4gICAgICAgIGlmIChldmVudC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgIHRoaXMubmVzdGVkSXRlbVNlcnZpY2UubmVzdGVkSXRlbVNlbGVjdC5lbWl0KGl0ZW0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ2FsbHMgdGhlIGV2ZW50IGVtaXR0ZXIgdG8gZW1pdCB0aGUgbmVzdGVkIGl0ZW1cbiAgICAgKlxuICAgICAqIEBwYXJhbSBpdGVtIFRoZSBtZW51IGl0ZW0gcGFzc2VkXG4gICAgICovXG4gICAgb25DbGljayhpdGVtOiBFdWlEcm9wZG93bkJ1dHRvbk1lbnVJdGVtKSB7XG4gICAgICAgIHRoaXMubmVzdGVkSXRlbVNlcnZpY2UubmVzdGVkSXRlbVNlbGVjdC5lbWl0KGl0ZW0pO1xuICAgIH1cbn1cbiIsIjxtYXQtbWVudSAjY2hpbGRNZW51PVwibWF0TWVudVwiIFtvdmVybGFwVHJpZ2dlcl09XCJmYWxzZVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbWVudUl0ZW1zXCI+XG4gICAgICAgIDwhLS1DaGlsZE1lbnUgaXRlbXMgd2l0aG91dCBjaGlsZHJlbi0tPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAqbmdJZj1cIiFpdGVtLmNoaWxkcmVuXCJcbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgbWF0LW1lbnUtaXRlbVxuICAgICAgICAgICAgW2lkXT1cIml0ZW0uaWRcIlxuICAgICAgICAgICAgKGtleWRvd24pPVwib25LZXlEb3duKCRldmVudCwgaXRlbSlcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soaXRlbSlcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIj5cbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtLmljb25DbGFzc1wiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbWVudS1pdGVtX19jYXRlZ29yeS1pY29uIGV1aS1pY29uXCJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJpdGVtLmljb25DbGFzc1wiXG4gICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJpdGVtLmljb25MYWJlbFwiPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAge3sgaXRlbS5sYWJlbCB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPCEtLUR5bmFtaWMgbmVzdGVkIGl0ZW1zLS0+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtLmNoaWxkcmVuXCI+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnUuY2hpbGRNZW51XCJcbiAgICAgICAgICAgICAgICBtYXQtbWVudS1pdGVtXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgW2lkXT1cIml0ZW0uaWRcIlxuICAgICAgICAgICAgICAgIChrZXlkb3duKT1cIm9uS2V5RG93bigkZXZlbnQsIGl0ZW0pXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGljayhpdGVtKVwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0uaWNvbkNsYXNzXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbWVudS1pdGVtX19jYXRlZ29yeS1pY29uIGV1aS1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiaXRlbS5pY29uQ2xhc3NcIlxuICAgICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIml0ZW0uaWNvbkxhYmVsXCI+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgIHt7IGl0ZW0ubGFiZWwgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPGV1aS1kcm9wZG93bi1idXR0b24tY2hpbGQtbWVudSAjbWVudSBbbWVudUl0ZW1zXT1cIml0ZW0uY2hpbGRyZW5cIj48L2V1aS1kcm9wZG93bi1idXR0b24tY2hpbGQtbWVudT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG48L21hdC1tZW51PlxuIl19
|
|
@@ -168,7 +168,7 @@ export class EuiDropdownButtonMenuComponent extends BaseDirective {
|
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
170
|
/** @nocollapse */ EuiDropdownButtonMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: EuiDropdownButtonMenuComponent, deps: [{ token: i1.EuiDropdownButtonMenuService }, { token: i2.Router }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
171
|
-
/** @nocollapse */ EuiDropdownButtonMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: EuiDropdownButtonMenuComponent, selector: "eui-dropdown-button-menu", inputs: { menuItems: "menuItems", isLabelUpdatedFromSelectedItem: "isLabelUpdatedFromSelectedItem", isDropDownRightAligned: "isDropDownRightAligned" }, outputs: { itemSelect: "itemSelect" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiDropdownButtonMenuService, EUI_DROPDOWN_BUTTON_MENU_VALUE_ACCESSOR], queries: [{ propertyName: "buttonTriggerRef", first: true, predicate: EuiButtonComponent, descendants: true, read: ElementRef, static: true }, { propertyName: "euiButton", first: true, predicate: EuiButtonComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div [matMenuTriggerFor]=\"menuContent\" [matMenuTriggerData]=\"menuItems\" [class.eui-dropdown-button-menu__disabled]=\"euiButton.euiDisabled\">\n <ng-content select=\"button\"></ng-content>\n</div>\n\n<mat-menu #menuContent=\"matMenu\" [xPosition]=\"isDropDownRightAligned ? 'before' : 'after'\">\n <ng-template matMenuContent=\"menuItems\">\n <ng-container *ngFor=\"let item of menuItems\">\n <!--Menu items without children-->\n <button\n *ngIf=\"!item.children\"\n type=\"button\"\n mat-menu-item\n [id]=\"item.id\"\n (keydown)=\"onKeyDown($event, item)\"\n (click)=\"onClick(item)\"\n [disabled]=\"item.disabled\">\n <span\n *ngIf=\"item.iconClass\"\n class=\"eui-menu-item__category-icon eui-icon\"\n [ngClass]=\"item.iconClass\"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n {{ item.label | translate }}\n </button>\n <!--Dynamic nested items-->\n <ng-container *ngIf=\"item.children\">\n <button\n type=\"button\"\n [matMenuTriggerFor]=\"menu.childMenu\"\n mat-menu-item\n [id]=\"item.id\"\n (keydown)=\"onKeyDown($event, item)\"\n (click)=\"onClick(item)\"\n [disabled]=\"item.disabled\">\n <span\n *ngIf=\"item.iconClass\"\n class=\"eui-menu-item__category-icon eui-icon\"\n [ngClass]=\"item.iconClass\"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n {{ item.label | translate }}\n </button>\n <eui-dropdown-button-child-menu #menu [menuItems]=\"item.children\"></eui-dropdown-button-child-menu>\n </ng-container>\n </ng-container>\n </ng-template>\n</mat-menu>\n", styles: [".eui-dropdown-button-menu{display:inline-block}.eui-dropdown-button-menu__disabled{pointer-events:none}.mat-menu-panel{min-height:48px!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i5.EuiDropdownButtonChildMenuComponent, selector: "eui-dropdown-button-child-menu", inputs: ["menuItems"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
171
|
+
/** @nocollapse */ EuiDropdownButtonMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: EuiDropdownButtonMenuComponent, selector: "eui-dropdown-button-menu", inputs: { menuItems: "menuItems", isLabelUpdatedFromSelectedItem: "isLabelUpdatedFromSelectedItem", isDropDownRightAligned: "isDropDownRightAligned" }, outputs: { itemSelect: "itemSelect" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiDropdownButtonMenuService, EUI_DROPDOWN_BUTTON_MENU_VALUE_ACCESSOR], queries: [{ propertyName: "buttonTriggerRef", first: true, predicate: EuiButtonComponent, descendants: true, read: ElementRef, static: true }, { propertyName: "euiButton", first: true, predicate: EuiButtonComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div [matMenuTriggerFor]=\"menuContent\" [matMenuTriggerData]=\"menuItems\" [class.eui-dropdown-button-menu__disabled]=\"euiButton.euiDisabled\">\n <ng-content select=\"button\"></ng-content>\n</div>\n\n<mat-menu #menuContent=\"matMenu\" [xPosition]=\"isDropDownRightAligned ? 'before' : 'after'\">\n <ng-template matMenuContent=\"menuItems\">\n <ng-container *ngFor=\"let item of menuItems\">\n <!--Menu items without children-->\n <button\n *ngIf=\"!item.children\"\n type=\"button\"\n mat-menu-item\n [id]=\"item.id\"\n (keydown)=\"onKeyDown($event, item)\"\n (click)=\"onClick(item)\"\n [disabled]=\"item.disabled\">\n <span\n *ngIf=\"item.iconClass\"\n class=\"eui-menu-item__category-icon eui-icon\"\n [ngClass]=\"item.iconClass\"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n {{ item.label | translate }}\n </button>\n <!--Dynamic nested items-->\n <ng-container *ngIf=\"item.children\">\n <button\n type=\"button\"\n [matMenuTriggerFor]=\"menu.childMenu\"\n mat-menu-item\n [id]=\"item.id\"\n (keydown)=\"onKeyDown($event, item)\"\n (click)=\"onClick(item)\"\n [disabled]=\"item.disabled\">\n <span\n *ngIf=\"item.iconClass\"\n class=\"eui-menu-item__category-icon eui-icon\"\n [ngClass]=\"item.iconClass\"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n {{ item.label | translate }}\n </button>\n <eui-dropdown-button-child-menu #menu [menuItems]=\"item.children\"></eui-dropdown-button-child-menu>\n </ng-container>\n </ng-container>\n </ng-template>\n</mat-menu>\n", styles: [".eui-dropdown-button-menu{display:inline-block}.eui-dropdown-button-menu__disabled{pointer-events:none}.mat-menu-panel{min-height:48px!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i5.EuiDropdownButtonChildMenuComponent, selector: "eui-dropdown-button-child-menu", inputs: ["menuItems", "e2eAttr"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
172
172
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: EuiDropdownButtonMenuComponent, decorators: [{
|
|
173
173
|
type: Component,
|
|
174
174
|
args: [{ selector: 'eui-dropdown-button-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [EuiDropdownButtonMenuService, EUI_DROPDOWN_BUTTON_MENU_VALUE_ACCESSOR], template: "<div [matMenuTriggerFor]=\"menuContent\" [matMenuTriggerData]=\"menuItems\" [class.eui-dropdown-button-menu__disabled]=\"euiButton.euiDisabled\">\n <ng-content select=\"button\"></ng-content>\n</div>\n\n<mat-menu #menuContent=\"matMenu\" [xPosition]=\"isDropDownRightAligned ? 'before' : 'after'\">\n <ng-template matMenuContent=\"menuItems\">\n <ng-container *ngFor=\"let item of menuItems\">\n <!--Menu items without children-->\n <button\n *ngIf=\"!item.children\"\n type=\"button\"\n mat-menu-item\n [id]=\"item.id\"\n (keydown)=\"onKeyDown($event, item)\"\n (click)=\"onClick(item)\"\n [disabled]=\"item.disabled\">\n <span\n *ngIf=\"item.iconClass\"\n class=\"eui-menu-item__category-icon eui-icon\"\n [ngClass]=\"item.iconClass\"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n {{ item.label | translate }}\n </button>\n <!--Dynamic nested items-->\n <ng-container *ngIf=\"item.children\">\n <button\n type=\"button\"\n [matMenuTriggerFor]=\"menu.childMenu\"\n mat-menu-item\n [id]=\"item.id\"\n (keydown)=\"onKeyDown($event, item)\"\n (click)=\"onClick(item)\"\n [disabled]=\"item.disabled\">\n <span\n *ngIf=\"item.iconClass\"\n class=\"eui-menu-item__category-icon eui-icon\"\n [ngClass]=\"item.iconClass\"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n {{ item.label | translate }}\n </button>\n <eui-dropdown-button-child-menu #menu [menuItems]=\"item.children\"></eui-dropdown-button-child-menu>\n </ng-container>\n </ng-container>\n </ng-template>\n</mat-menu>\n", styles: [".eui-dropdown-button-menu{display:inline-block}.eui-dropdown-button-menu__disabled{pointer-events:none}.mat-menu-panel{min-height:48px!important}\n"] }]
|
|
@@ -10,10 +10,16 @@ import * as i2 from "@angular/common";
|
|
|
10
10
|
import * as i3 from "@eui/components/eui-icon";
|
|
11
11
|
import * as i4 from "@eui/components/eui-button";
|
|
12
12
|
export class EuiListItemComponent extends BaseDirective {
|
|
13
|
-
constructor(euiListService) {
|
|
13
|
+
constructor(euiListService, element) {
|
|
14
14
|
super();
|
|
15
15
|
this.euiListService = euiListService;
|
|
16
|
+
this.element = element;
|
|
16
17
|
this.role = 'listitem';
|
|
18
|
+
this.tabindex = '-1';
|
|
19
|
+
/**
|
|
20
|
+
* Angular CDK ListKeyManagerOption used for skipping items during navigation: More info here: https://netbasal.com/accessibility-made-easy-with-angular-cdk-1caaf3d98de2
|
|
21
|
+
*/
|
|
22
|
+
this.disabled = false;
|
|
17
23
|
this._isCollapsible = false;
|
|
18
24
|
this._isCollapsed = true;
|
|
19
25
|
this._isActive = false;
|
|
@@ -52,18 +58,30 @@ export class EuiListItemComponent extends BaseDirective {
|
|
|
52
58
|
event.cancelBubble = true;
|
|
53
59
|
}
|
|
54
60
|
}
|
|
61
|
+
focus() {
|
|
62
|
+
this.element.nativeElement.focus();
|
|
63
|
+
}
|
|
64
|
+
setActiveStyles() {
|
|
65
|
+
this.isActive = true;
|
|
66
|
+
}
|
|
67
|
+
setInactiveStyles() {
|
|
68
|
+
this.isActive = false;
|
|
69
|
+
}
|
|
55
70
|
}
|
|
56
|
-
/** @nocollapse */ EuiListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: EuiListItemComponent, deps: [{ token: i1.EuiListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
-
/** @nocollapse */ EuiListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { isCollapsible: "isCollapsible", isCollapsed: "isCollapsed", isActive: "isActive" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "euiListComponent", predicate: i0.forwardRef(function () { return EuiListComponent; }) }, { propertyName: "euiIconComponent", predicate: i0.forwardRef(function () { return EuiIconComponent; }) }, { propertyName: "euiLabelComponent", predicate: i0.forwardRef(function () { return EuiLabelComponent; }) }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-list-item__container\" [class.eui-list-item--has-submenu]=\"euiListComponent.length > 0\">\n <div class=\"eui-list-item__content\">\n <div *ngIf=\"euiIconComponent.length > 0\" class=\"eui-list-item__content-icon\">\n <ng-content select=\"[eui-icon], [euiIcon]\"></ng-content>\n </div>\n <div *ngIf=\"euiLabelComponent.length > 0\" class=\"eui-list-item__content-text\">\n <ng-content select=\"[eui-label], [euiLabel]\"></ng-content>\n </div>\n <button\n euiButton\n euiBasicButton\n euiPrimary\n euiRounded\n euiIconButton\n euiSizeS\n type=\"button\"\n *ngIf=\"euiListComponent.length > 0 && isCollapsible\"\n class=\"eui-list-item__content-toggle\"\n [class.eui-list-item__content-toggle--expanded]=\"!isCollapsed\"\n (click)=\"toggleCollapse($event)\">\n <eui-icon-svg icon=\"eui-chevron-down\" aria-label=\"{{ isCollapsed ? 'Expand' : 'Collapse' }}\"></eui-icon-svg>\n </button>\n </div>\n <div\n class=\"eui-list-item__sub-list\"\n *ngIf=\"(euiListComponent.length > 0 && !isCollapsed) || (euiListComponent.length > 0 && !isCollapsible)\">\n <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n </div>\n <ng-content></ng-content>\n</div>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-list .eui-list-item--active{background-color:var(--eui-base-color-grey-10)}.eui-list .eui-list-item .eui-list-item__container{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label+.eui-label{display:block}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:auto;transition:all .3s linear}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-base-spacing-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-icon{margin-right:var(--eui-base-spacing-s)}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-base-spacing-s)}.eui-list a.eui-list-item:hover,.eui-list .eui-list-item__content-text a:hover{text-decoration:none!important}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}navigation-list nav{height:auto}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-90)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-140)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.
|
|
71
|
+
/** @nocollapse */ EuiListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: EuiListItemComponent, deps: [{ token: i1.EuiListService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
72
|
+
/** @nocollapse */ EuiListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { disabled: "disabled", isCollapsible: "isCollapsible", isCollapsed: "isCollapsed", isActive: "isActive" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, queries: [{ propertyName: "euiListComponent", predicate: i0.forwardRef(function () { return EuiListComponent; }) }, { propertyName: "euiIconComponent", predicate: i0.forwardRef(function () { return EuiIconComponent; }) }, { propertyName: "euiLabelComponent", predicate: i0.forwardRef(function () { return EuiLabelComponent; }) }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-list-item__container\" [class.eui-list-item--has-submenu]=\"euiListComponent.length > 0\">\n <div class=\"eui-list-item__content\">\n <div *ngIf=\"euiIconComponent.length > 0\" class=\"eui-list-item__content-icon\">\n <ng-content select=\"[eui-icon], [euiIcon]\"></ng-content>\n </div>\n <div *ngIf=\"euiLabelComponent.length > 0\" class=\"eui-list-item__content-text\">\n <ng-content select=\"[eui-label], [euiLabel]\"></ng-content>\n </div>\n <button\n tabindex=\"-1\"\n euiButton\n euiBasicButton\n euiPrimary\n euiRounded\n euiIconButton\n euiSizeS\n type=\"button\"\n *ngIf=\"euiListComponent.length > 0 && isCollapsible\"\n class=\"eui-list-item__content-toggle\"\n [class.eui-list-item__content-toggle--expanded]=\"!isCollapsed\"\n (click)=\"toggleCollapse($event)\">\n <eui-icon-svg icon=\"eui-chevron-down\" aria-label=\"{{ isCollapsed ? 'Expand' : 'Collapse' }}\"></eui-icon-svg>\n </button>\n </div>\n <div\n class=\"eui-list-item__sub-list\"\n *ngIf=\"(euiListComponent.length > 0 && !isCollapsed) || (euiListComponent.length > 0 && !isCollapsible)\">\n <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n </div>\n <ng-content></ng-content>\n</div>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-list .eui-list-item:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-list .eui-list-item--active{background-color:var(--eui-base-color-grey-10)}.eui-list .eui-list-item .eui-list-item__container{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label+.eui-label{display:block}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:auto;transition:all .3s linear}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-base-spacing-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-icon{margin-right:var(--eui-base-spacing-s)}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-base-spacing-s)}.eui-list a.eui-list-item:hover,.eui-list .eui-list-item__content-text a:hover{text-decoration:none!important}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}navigation-list nav{height:auto}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-90)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-140)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
58
73
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: EuiListItemComponent, decorators: [{
|
|
59
74
|
type: Component,
|
|
60
|
-
args: [{ selector: '[euiListItem], eui-list-item', changeDetection: ChangeDetectionStrategy.
|
|
61
|
-
}], ctorParameters: function () { return [{ type: i1.EuiListService }]; }, propDecorators: { cssClasses: [{
|
|
75
|
+
args: [{ selector: '[euiListItem], eui-list-item', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-list-item__container\" [class.eui-list-item--has-submenu]=\"euiListComponent.length > 0\">\n <div class=\"eui-list-item__content\">\n <div *ngIf=\"euiIconComponent.length > 0\" class=\"eui-list-item__content-icon\">\n <ng-content select=\"[eui-icon], [euiIcon]\"></ng-content>\n </div>\n <div *ngIf=\"euiLabelComponent.length > 0\" class=\"eui-list-item__content-text\">\n <ng-content select=\"[eui-label], [euiLabel]\"></ng-content>\n </div>\n <button\n tabindex=\"-1\"\n euiButton\n euiBasicButton\n euiPrimary\n euiRounded\n euiIconButton\n euiSizeS\n type=\"button\"\n *ngIf=\"euiListComponent.length > 0 && isCollapsible\"\n class=\"eui-list-item__content-toggle\"\n [class.eui-list-item__content-toggle--expanded]=\"!isCollapsed\"\n (click)=\"toggleCollapse($event)\">\n <eui-icon-svg icon=\"eui-chevron-down\" aria-label=\"{{ isCollapsed ? 'Expand' : 'Collapse' }}\"></eui-icon-svg>\n </button>\n </div>\n <div\n class=\"eui-list-item__sub-list\"\n *ngIf=\"(euiListComponent.length > 0 && !isCollapsed) || (euiListComponent.length > 0 && !isCollapsible)\">\n <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n </div>\n <ng-content></ng-content>\n</div>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-list .eui-list-item:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-list .eui-list-item--active{background-color:var(--eui-base-color-grey-10)}.eui-list .eui-list-item .eui-list-item__container{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label+.eui-label{display:block}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:auto;transition:all .3s linear}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-base-spacing-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-icon{margin-right:var(--eui-base-spacing-s)}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-base-spacing-s)}.eui-list a.eui-list-item:hover,.eui-list .eui-list-item__content-text a:hover{text-decoration:none!important}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}navigation-list nav{height:auto}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-90)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-140)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"] }]
|
|
76
|
+
}], ctorParameters: function () { return [{ type: i1.EuiListService }, { type: i0.ElementRef }]; }, propDecorators: { cssClasses: [{
|
|
62
77
|
type: HostBinding,
|
|
63
78
|
args: ['class']
|
|
64
79
|
}], role: [{
|
|
65
80
|
type: HostBinding,
|
|
66
81
|
args: ['attr.role']
|
|
82
|
+
}], tabindex: [{
|
|
83
|
+
type: HostBinding,
|
|
84
|
+
args: ['attr.tabindex']
|
|
67
85
|
}], euiListComponent: [{
|
|
68
86
|
type: ContentChildren,
|
|
69
87
|
args: [forwardRef(() => EuiListComponent)]
|
|
@@ -73,6 +91,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
|
|
|
73
91
|
}], euiLabelComponent: [{
|
|
74
92
|
type: ContentChildren,
|
|
75
93
|
args: [forwardRef(() => EuiLabelComponent)]
|
|
94
|
+
}], disabled: [{
|
|
95
|
+
type: Input
|
|
76
96
|
}], isCollapsible: [{
|
|
77
97
|
type: Input
|
|
78
98
|
}], isCollapsed: [{
|
|
@@ -80,4 +100,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
|
|
|
80
100
|
}], isActive: [{
|
|
81
101
|
type: Input
|
|
82
102
|
}] } });
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
103
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWxpc3QtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9ldWktbGlzdC9ldWktbGlzdC1pdGVtL2V1aS1saXN0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QtaXRlbS9ldWktbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQ1QsV0FBVyxFQUNYLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsZUFBZSxFQUNmLFVBQVUsRUFFVixLQUFLLEdBR1IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFnQixNQUFNLHVCQUF1QixDQUFDO0FBRzVFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV6RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7O0FBUzlELE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxhQUFhO0lBNkNuRCxZQUFvQixjQUE4QixFQUFVLE9BQW1CO1FBQzNFLEtBQUssRUFBRSxDQUFDO1FBRFEsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQVUsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQXZDckQsU0FBSSxHQUFHLFVBQVUsQ0FBQztRQUNkLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFNOUM7O1dBRUc7UUFDTSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBU2xCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBU3ZCLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBU3BCLGNBQVMsR0FBRyxLQUFLLENBQUM7SUFJMUIsQ0FBQztJQTlDRCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2xILENBQUM7SUFjRCxJQUNJLGFBQWE7UUFDYixPQUFPLElBQUksQ0FBQyxjQUFjLENBQUM7SUFDL0IsQ0FBQztJQUNELElBQUksYUFBYSxDQUFDLEtBQW1CO1FBQ2pDLElBQUksQ0FBQyxjQUFjLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUdELElBQ0ksV0FBVztRQUNYLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUM3QixDQUFDO0lBQ0QsSUFBSSxXQUFXLENBQUMsS0FBbUI7UUFDL0IsSUFBSSxDQUFDLFlBQVksR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBR0QsSUFDSSxRQUFRO1FBQ1IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQzFCLENBQUM7SUFDRCxJQUFJLFFBQVEsQ0FBQyxLQUFtQjtRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFPRCxRQUFRO1FBQ0osSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsQ0FBQztJQUMzRCxDQUFDO0lBRU0sY0FBYyxDQUFDLEtBQWlCO1FBQ25DLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUNwQixJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztTQUN4QztRQUNELElBQUksS0FBSyxFQUFFO1lBQ1AsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN4QixLQUFLLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztTQUM3QjtJQUNMLENBQUM7SUFFRCxLQUFLO1FBQ0QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdkMsQ0FBQztJQUVNLGVBQWU7UUFDbEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDekIsQ0FBQztJQUVNLGlCQUFpQjtRQUNwQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDOztvSUExRVEsb0JBQW9CO3dIQUFwQixvQkFBb0IsOFdBU0ssZ0JBQWdCLDBGQUNoQixnQkFBZ0IsMkZBQ2hCLGlCQUFpQix3REN2Q3ZELHk1Q0ErQkE7MkZESGEsb0JBQW9CO2tCQVBoQyxTQUFTOytCQUVJLDhCQUE4QixtQkFFdkIsdUJBQXVCLENBQUMsT0FBTyxpQkFDakMsaUJBQWlCLENBQUMsSUFBSTs4SEFJakMsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU87Z0JBS00sSUFBSTtzQkFBN0IsV0FBVzt1QkFBQyxXQUFXO2dCQUNNLFFBQVE7c0JBQXJDLFdBQVc7dUJBQUMsZUFBZTtnQkFFeUIsZ0JBQWdCO3NCQUFwRSxlQUFlO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztnQkFDRSxnQkFBZ0I7c0JBQXBFLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2dCQUNHLGlCQUFpQjtzQkFBdEUsZUFBZTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsaUJBQWlCLENBQUM7Z0JBSzNDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR0YsYUFBYTtzQkFEaEIsS0FBSztnQkFVRixXQUFXO3NCQURkLEtBQUs7Z0JBVUYsUUFBUTtzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIGZvcndhcmRSZWYsXG4gICAgUXVlcnlMaXN0LFxuICAgIElucHV0LFxuICAgIE9uSW5pdCxcbiAgICBFbGVtZW50UmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSwgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IEhpZ2hsaWdodGFibGUsIEZvY3VzYWJsZU9wdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcblxuaW1wb3J0IHsgQmFzZURpcmVjdGl2ZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9zaGFyZWQnO1xuaW1wb3J0IHsgRXVpTGlzdENvbXBvbmVudCB9IGZyb20gJy4uL2V1aS1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlMaXN0U2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2V1aS1saXN0LnNlcnZpY2UnO1xuaW1wb3J0IHsgRXVpSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktaWNvbic7XG5pbXBvcnQgeyBFdWlMYWJlbENvbXBvbmVudCB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktbGFiZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLWxpc3QtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gICAgc2VsZWN0b3I6ICdbZXVpTGlzdEl0ZW1dLCBldWktbGlzdC1pdGVtJyxcbiAgICBzdHlsZVVybHM6IFsnLi4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aUxpc3RJdGVtQ29tcG9uZW50IGV4dGVuZHMgQmFzZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCwgRm9jdXNhYmxlT3B0aW9uLCBIaWdobGlnaHRhYmxlIHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW3N1cGVyLmdldENzc0NsYXNzZXMoJ2V1aS1saXN0LWl0ZW0nKSwgdGhpcy5faXNBY3RpdmUgPyBgZXVpLWxpc3QtaXRlbS0tYWN0aXZlYCA6IGBgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZSA9ICdsaXN0aXRlbSc7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnRhYmluZGV4JykgdGFiaW5kZXggPSAnLTEnO1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEV1aUxpc3RDb21wb25lbnQpKSBldWlMaXN0Q29tcG9uZW50OiBRdWVyeUxpc3Q8RXVpTGlzdENvbXBvbmVudD47XG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEV1aUljb25Db21wb25lbnQpKSBldWlJY29uQ29tcG9uZW50OiBRdWVyeUxpc3Q8RXVpSWNvbkNvbXBvbmVudD47XG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEV1aUxhYmVsQ29tcG9uZW50KSkgZXVpTGFiZWxDb21wb25lbnQ6IFF1ZXJ5TGlzdDxFdWlMYWJlbENvbXBvbmVudD47XG5cbiAgICAvKipcbiAgICAgKiBBbmd1bGFyIENESyBMaXN0S2V5TWFuYWdlck9wdGlvbiB1c2VkIGZvciBza2lwcGluZyBpdGVtcyBkdXJpbmcgbmF2aWdhdGlvbjogTW9yZSBpbmZvIGhlcmU6IGh0dHBzOi8vbmV0YmFzYWwuY29tL2FjY2Vzc2liaWxpdHktbWFkZS1lYXN5LXdpdGgtYW5ndWxhci1jZGstMWNhYWYzZDk4ZGUyXG4gICAgICovXG4gICAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGlzQ29sbGFwc2libGUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pc0NvbGxhcHNpYmxlO1xuICAgIH1cbiAgICBzZXQgaXNDb2xsYXBzaWJsZSh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2lzQ29sbGFwc2libGUgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIH1cbiAgICBwcml2YXRlIF9pc0NvbGxhcHNpYmxlID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIGdldCBpc0NvbGxhcHNlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lzQ29sbGFwc2VkO1xuICAgIH1cbiAgICBzZXQgaXNDb2xsYXBzZWQodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9pc0NvbGxhcHNlZCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIHByaXZhdGUgX2lzQ29sbGFwc2VkID0gdHJ1ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGlzQWN0aXZlKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXNBY3RpdmU7XG4gICAgfVxuICAgIHNldCBpc0FjdGl2ZSh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2lzQWN0aXZlID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG4gICAgcHJpdmF0ZSBfaXNBY3RpdmUgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZXVpTGlzdFNlcnZpY2U6IEV1aUxpc3RTZXJ2aWNlLCBwcml2YXRlIGVsZW1lbnQ6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0NvbGxhcHNpYmxlID0gdGhpcy5ldWlMaXN0U2VydmljZS5pc0NvbGxhcHNpYmxlO1xuICAgIH1cblxuICAgIHB1YmxpYyB0b2dnbGVDb2xsYXBzZShldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pc0NvbGxhcHNpYmxlKSB7XG4gICAgICAgICAgICB0aGlzLmlzQ29sbGFwc2VkID0gIXRoaXMuaXNDb2xsYXBzZWQ7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGV2ZW50KSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICBldmVudC5jYW5jZWxCdWJibGUgPSB0cnVlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZm9jdXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxuXG4gICAgcHVibGljIHNldEFjdGl2ZVN0eWxlcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0FjdGl2ZSA9IHRydWU7XG4gICAgfVxuXG4gICAgcHVibGljIHNldEluYWN0aXZlU3R5bGVzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzQWN0aXZlID0gZmFsc2U7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImV1aS1saXN0LWl0ZW1fX2NvbnRhaW5lclwiIFtjbGFzcy5ldWktbGlzdC1pdGVtLS1oYXMtc3VibWVudV09XCJldWlMaXN0Q29tcG9uZW50Lmxlbmd0aCA+IDBcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLWxpc3QtaXRlbV9fY29udGVudFwiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiZXVpSWNvbkNvbXBvbmVudC5sZW5ndGggPiAwXCIgY2xhc3M9XCJldWktbGlzdC1pdGVtX19jb250ZW50LWljb25cIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltldWktaWNvbl0sIFtldWlJY29uXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJldWlMYWJlbENvbXBvbmVudC5sZW5ndGggPiAwXCIgY2xhc3M9XCJldWktbGlzdC1pdGVtX19jb250ZW50LXRleHRcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltldWktbGFiZWxdLCBbZXVpTGFiZWxdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgdGFiaW5kZXg9XCItMVwiXG4gICAgICAgICAgICBldWlCdXR0b25cbiAgICAgICAgICAgIGV1aUJhc2ljQnV0dG9uXG4gICAgICAgICAgICBldWlQcmltYXJ5XG4gICAgICAgICAgICBldWlSb3VuZGVkXG4gICAgICAgICAgICBldWlJY29uQnV0dG9uXG4gICAgICAgICAgICBldWlTaXplU1xuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAqbmdJZj1cImV1aUxpc3RDb21wb25lbnQubGVuZ3RoID4gMCAmJiBpc0NvbGxhcHNpYmxlXCJcbiAgICAgICAgICAgIGNsYXNzPVwiZXVpLWxpc3QtaXRlbV9fY29udGVudC10b2dnbGVcIlxuICAgICAgICAgICAgW2NsYXNzLmV1aS1saXN0LWl0ZW1fX2NvbnRlbnQtdG9nZ2xlLS1leHBhbmRlZF09XCIhaXNDb2xsYXBzZWRcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZUNvbGxhcHNlKCRldmVudClcIj5cbiAgICAgICAgICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1jaGV2cm9uLWRvd25cIiBhcmlhLWxhYmVsPVwie3sgaXNDb2xsYXBzZWQgPyAnRXhwYW5kJyA6ICdDb2xsYXBzZScgfX1cIj48L2V1aS1pY29uLXN2Zz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cImV1aS1saXN0LWl0ZW1fX3N1Yi1saXN0XCJcbiAgICAgICAgKm5nSWY9XCIoZXVpTGlzdENvbXBvbmVudC5sZW5ndGggPiAwICYmICFpc0NvbGxhcHNlZCkgfHwgKGV1aUxpc3RDb21wb25lbnQubGVuZ3RoID4gMCAmJiAhaXNDb2xsYXBzaWJsZSlcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2V1aS1saXN0XSwgW2V1aUxpc3RdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';
|
|
1
|
+
import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input, ContentChildren, forwardRef, HostListener, } from '@angular/core';
|
|
2
2
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
3
|
+
import { FocusKeyManager } from '@angular/cdk/a11y';
|
|
3
4
|
import { BaseDirective } from '@eui/components/shared';
|
|
5
|
+
import { EuiListItemComponent } from './eui-list-item/eui-list-item.component';
|
|
4
6
|
import * as i0 from "@angular/core";
|
|
5
7
|
import * as i1 from "./services/eui-list.service";
|
|
6
8
|
export class EuiListComponent extends BaseDirective {
|
|
@@ -19,17 +21,73 @@ export class EuiListComponent extends BaseDirective {
|
|
|
19
21
|
get cssClasses() {
|
|
20
22
|
return [super.getCssClasses('eui-list')].join(' ').trim();
|
|
21
23
|
}
|
|
24
|
+
onKeydown(event) {
|
|
25
|
+
switch (event.key) {
|
|
26
|
+
case 'ArrowRight': {
|
|
27
|
+
if (this.focusKeyManager.activeItem?.isCollapsible && this.focusKeyManager.activeItem.isCollapsed) {
|
|
28
|
+
this.focusKeyManager.activeItem.isCollapsed = false;
|
|
29
|
+
event.preventDefault();
|
|
30
|
+
}
|
|
31
|
+
break;
|
|
32
|
+
}
|
|
33
|
+
case 'ArrowLeft': {
|
|
34
|
+
if (this.focusKeyManager.activeItem?.isCollapsible && !this.focusKeyManager.activeItem.isCollapsed) {
|
|
35
|
+
this.focusKeyManager.activeItem.isCollapsed = true;
|
|
36
|
+
event.preventDefault();
|
|
37
|
+
}
|
|
38
|
+
break;
|
|
39
|
+
}
|
|
40
|
+
case 'ArrowDown': {
|
|
41
|
+
if (this.focusKeyManager.activeItem?.isCollapsible &&
|
|
42
|
+
this.focusKeyManager.activeItem.isCollapsed &&
|
|
43
|
+
this.focusKeyManager.activeItem.euiListComponent.length > 0) {
|
|
44
|
+
this.focusKeyManager.activeItem.euiListComponent.forEach((list) => {
|
|
45
|
+
this.nestedItems = list.items;
|
|
46
|
+
this.nestedItems.forEach((nestedItem) => {
|
|
47
|
+
nestedItem.disabled = true;
|
|
48
|
+
});
|
|
49
|
+
this.focusKeyManager.onKeydown(event);
|
|
50
|
+
});
|
|
51
|
+
event.preventDefault();
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
this.nestedItems?.forEach((nestedItem) => {
|
|
55
|
+
nestedItem.disabled = false;
|
|
56
|
+
});
|
|
57
|
+
this.focusKeyManager.onKeydown(event);
|
|
58
|
+
}
|
|
59
|
+
break;
|
|
60
|
+
}
|
|
61
|
+
default: {
|
|
62
|
+
this.focusKeyManager.onKeydown(event);
|
|
63
|
+
break;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
22
67
|
ngOnInit() {
|
|
23
68
|
if (this.isCollapsible) {
|
|
24
69
|
this.euiListService.isCollapsible = this.isCollapsible;
|
|
25
70
|
}
|
|
26
71
|
}
|
|
72
|
+
ngAfterContentInit() {
|
|
73
|
+
// instantiates FocusKeyManager with the query list of items enabling wrapping
|
|
74
|
+
this.focusKeyManager = new FocusKeyManager(this.items).withWrap();
|
|
75
|
+
// checks whether an item contains a sub-menu and if so it sets it's ul element tabindex to -1
|
|
76
|
+
this.items.forEach((item) => {
|
|
77
|
+
if (item.euiListComponent.length > 0) {
|
|
78
|
+
item.euiListComponent.forEach((list) => (list.tabIndex = '-1'));
|
|
79
|
+
}
|
|
80
|
+
else {
|
|
81
|
+
this.tabIndex = '0';
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
}
|
|
27
85
|
}
|
|
28
86
|
/** @nocollapse */ EuiListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: EuiListComponent, deps: [{ token: i1.EuiListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
/** @nocollapse */ EuiListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: EuiListComponent, selector: "[euiList], eui-list", inputs: { isCollapsible: "isCollapsible" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-list .eui-list-item--active{background-color:var(--eui-base-color-grey-10)}.eui-list .eui-list-item .eui-list-item__container{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label+.eui-label{display:block}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:auto;transition:all .3s linear}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-base-spacing-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-icon{margin-right:var(--eui-base-spacing-s)}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-base-spacing-s)}.eui-list a.eui-list-item:hover,.eui-list .eui-list-item__content-text a:hover{text-decoration:none!important}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}navigation-list nav{height:auto}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-90)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-140)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
87
|
+
/** @nocollapse */ EuiListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: EuiListComponent, selector: "[euiList], eui-list", inputs: { isCollapsible: "isCollapsible" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(function () { return EuiListItemComponent; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-list .eui-list-item:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-list .eui-list-item--active{background-color:var(--eui-base-color-grey-10)}.eui-list .eui-list-item .eui-list-item__container{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label+.eui-label{display:block}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:auto;transition:all .3s linear}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-base-spacing-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-icon{margin-right:var(--eui-base-spacing-s)}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-base-spacing-s)}.eui-list a.eui-list-item:hover,.eui-list .eui-list-item__content-text a:hover{text-decoration:none!important}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}navigation-list nav{height:auto}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-90)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-140)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
30
88
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: EuiListComponent, decorators: [{
|
|
31
89
|
type: Component,
|
|
32
|
-
args: [{ selector: '[euiList], eui-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-list .eui-list-item--active{background-color:var(--eui-base-color-grey-10)}.eui-list .eui-list-item .eui-list-item__container{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label+.eui-label{display:block}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:auto;transition:all .3s linear}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-base-spacing-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-icon{margin-right:var(--eui-base-spacing-s)}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-base-spacing-s)}.eui-list a.eui-list-item:hover,.eui-list .eui-list-item__content-text a:hover{text-decoration:none!important}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}navigation-list nav{height:auto}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-90)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-140)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"] }]
|
|
90
|
+
args: [{ selector: '[euiList], eui-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:hover{background-color:var(--eui-base-color-grey-5)}.eui-list .eui-list-item:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-list .eui-list-item--active{background-color:var(--eui-base-color-grey-10)}.eui-list .eui-list-item .eui-list-item__container{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label+.eui-label{display:block}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:auto;transition:all .3s linear}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-base-spacing-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-icon{margin-right:var(--eui-base-spacing-s)}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-base-spacing-s)}.eui-list a.eui-list-item:hover,.eui-list .eui-list-item__content-text a:hover{text-decoration:none!important}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs)}navigation-list nav{height:auto}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-90)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-140)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"] }]
|
|
33
91
|
}], ctorParameters: function () { return [{ type: i1.EuiListService }]; }, propDecorators: { isCollapsible: [{
|
|
34
92
|
type: Input
|
|
35
93
|
}], cssClasses: [{
|
|
@@ -38,5 +96,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
|
|
|
38
96
|
}], role: [{
|
|
39
97
|
type: HostBinding,
|
|
40
98
|
args: ['attr.role']
|
|
99
|
+
}], tabIndex: [{
|
|
100
|
+
type: HostBinding,
|
|
101
|
+
args: ['attr.tabindex']
|
|
102
|
+
}], items: [{
|
|
103
|
+
type: ContentChildren,
|
|
104
|
+
args: [forwardRef(() => EuiListItemComponent), { descendants: true }]
|
|
105
|
+
}], onKeydown: [{
|
|
106
|
+
type: HostListener,
|
|
107
|
+
args: ['keydown', ['$event']]
|
|
41
108
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xILE9BQU8sRUFBRSxxQkFBcUIsRUFBZ0IsTUFBTSx1QkFBdUIsQ0FBQztBQUU1RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQVV2RCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsYUFBYTtJQWlCL0MsWUFBb0IsY0FBOEI7UUFDOUMsS0FBSyxFQUFFLENBQUM7UUFEUSxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFIeEIsU0FBSSxHQUFHLE1BQU0sQ0FBQztRQUNoQyxtQkFBYyxHQUFHLEtBQUssQ0FBQztJQUkvQixDQUFDO0lBbEJELElBQ0ksYUFBYTtRQUNiLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUMvQixDQUFDO0lBQ0QsSUFBSSxhQUFhLENBQUMsS0FBbUI7UUFDakMsSUFBSSxDQUFDLGNBQWMsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRUQsSUFDSSxVQUFVO1FBQ1YsT0FBTyxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDOUQsQ0FBQztJQVNELFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDcEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztTQUMxRDtJQUNMLENBQUM7O2dJQXpCUSxnQkFBZ0I7b0hBQWhCLGdCQUFnQiw4TUNiN0IsNkJBQ0E7MkZEWWEsZ0JBQWdCO2tCQVA1QixTQUFTOytCQUVJLHFCQUFxQixtQkFFZCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO3FHQUlqQyxhQUFhO3NCQURoQixLQUFLO2dCQVNGLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQUtNLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5LCBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5pbXBvcnQgeyBCYXNlRGlyZWN0aXZlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL3NoYXJlZCc7XG5pbXBvcnQgeyBFdWlMaXN0U2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvZXVpLWxpc3Quc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc2VsZWN0b3I6ICdbZXVpTGlzdF0sIGV1aS1saXN0JyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlMaXN0Q29tcG9uZW50IGV4dGVuZHMgQmFzZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KClcbiAgICBnZXQgaXNDb2xsYXBzaWJsZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lzQ29sbGFwc2libGU7XG4gICAgfVxuICAgIHNldCBpc0NvbGxhcHNpYmxlKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5faXNDb2xsYXBzaWJsZSA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKSB7XG4gICAgICAgIHJldHVybiBbc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZXVpLWxpc3QnKV0uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpIHJvbGUgPSAnbGlzdCc7XG4gICAgcHJpdmF0ZSBfaXNDb2xsYXBzaWJsZSA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBldWlMaXN0U2VydmljZTogRXVpTGlzdFNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgaWYgKHRoaXMuaXNDb2xsYXBzaWJsZSkge1xuICAgICAgICAgICAgdGhpcy5ldWlMaXN0U2VydmljZS5pc0NvbGxhcHNpYmxlID0gdGhpcy5pc0NvbGxhcHNpYmxlO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxXQUFXLEVBQ1gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixLQUFLLEVBR0wsZUFBZSxFQUNmLFVBQVUsRUFFVixZQUFZLEdBQ2YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFnQixNQUFNLHVCQUF1QixDQUFDO0FBQzVFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUVwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUNBQXlDLENBQUM7OztBQVMvRSxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsYUFBYTtJQXFCL0MsWUFBb0IsY0FBOEI7UUFDOUMsS0FBSyxFQUFFLENBQUM7UUFEUSxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFQeEIsU0FBSSxHQUFHLE1BQU0sQ0FBQztRQUtoQyxtQkFBYyxHQUFHLEtBQUssQ0FBQztJQUkvQixDQUFDO0lBdEJELElBQ0ksYUFBYTtRQUNiLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUMvQixDQUFDO0lBQ0QsSUFBSSxhQUFhLENBQUMsS0FBbUI7UUFDakMsSUFBSSxDQUFDLGNBQWMsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRUQsSUFDSSxVQUFVO1FBQ1YsT0FBTyxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDOUQsQ0FBQztJQWNELFNBQVMsQ0FBQyxLQUFvQjtRQUMxQixRQUFRLEtBQUssQ0FBQyxHQUFHLEVBQUU7WUFDZixLQUFLLFlBQVksQ0FBQyxDQUFDO2dCQUNmLElBQUksSUFBSSxDQUFDLGVBQWUsQ0FBQyxVQUFVLEVBQUUsYUFBYSxJQUFJLElBQUksQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDLFdBQVcsRUFBRTtvQkFDL0YsSUFBSSxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztvQkFDcEQsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO2lCQUMxQjtnQkFDRCxNQUFNO2FBQ1Q7WUFDRCxLQUFLLFdBQVcsQ0FBQyxDQUFDO2dCQUNkLElBQUksSUFBSSxDQUFDLGVBQWUsQ0FBQyxVQUFVLEVBQUUsYUFBYSxJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsV0FBVyxFQUFFO29CQUNoRyxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO29CQUNuRCxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7aUJBQzFCO2dCQUNELE1BQU07YUFDVDtZQUNELEtBQUssV0FBVyxDQUFDLENBQUM7Z0JBQ2QsSUFDSSxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsRUFBRSxhQUFhO29CQUM5QyxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxXQUFXO29CQUMzQyxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUM3RDtvQkFDRSxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTt3QkFDOUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO3dCQUM5QixJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDLFVBQVUsRUFBRSxFQUFFOzRCQUNwQyxVQUFVLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQzt3QkFDL0IsQ0FBQyxDQUFDLENBQUM7d0JBQ0gsSUFBSSxDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7b0JBQzFDLENBQUMsQ0FBQyxDQUFDO29CQUNILEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztpQkFDMUI7cUJBQU07b0JBQ0gsSUFBSSxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUMsQ0FBQyxVQUFVLEVBQUUsRUFBRTt3QkFDckMsVUFBVSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7b0JBQ2hDLENBQUMsQ0FBQyxDQUFDO29CQUNILElBQUksQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO2lCQUN6QztnQkFDRCxNQUFNO2FBQ1Q7WUFDRCxPQUFPLENBQUMsQ0FBQztnQkFDTCxJQUFJLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDdEMsTUFBTTthQUNUO1NBQ0o7SUFDTCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUNwQixJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDO1NBQzFEO0lBQ0wsQ0FBQztJQUVELGtCQUFrQjtRQUNkLDhFQUE4RTtRQUM5RSxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUVsRSw4RkFBOEY7UUFDOUYsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUN4QixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNsQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQzthQUNuRTtpQkFBTTtnQkFDSCxJQUFJLENBQUMsUUFBUSxHQUFHLEdBQUcsQ0FBQzthQUN2QjtRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7Z0lBekZRLGdCQUFnQjtvSEFBaEIsZ0JBQWdCLGlVQWdCUyxvQkFBb0IsMkVDM0MxRCw2QkFDQTsyRkQwQmEsZ0JBQWdCO2tCQVA1QixTQUFTOytCQUVJLHFCQUFxQixtQkFFZCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO3FHQUlqQyxhQUFhO3NCQURoQixLQUFLO2dCQVNGLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQUtNLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFDTSxRQUFRO3NCQUFyQyxXQUFXO3VCQUFDLGVBQWU7Z0JBQ29ELEtBQUs7c0JBQXBGLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQVU5RSxTQUFTO3NCQURSLFlBQVk7dUJBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG4gICAgSW5wdXQsXG4gICAgT25Jbml0LFxuICAgIEFmdGVyQ29udGVudEluaXQsXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIGZvcndhcmRSZWYsXG4gICAgUXVlcnlMaXN0LFxuICAgIEhvc3RMaXN0ZW5lcixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHksIEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBGb2N1c0tleU1hbmFnZXIgfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5cbmltcG9ydCB7IEJhc2VEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcbmltcG9ydCB7IEV1aUxpc3RTZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlcy9ldWktbGlzdC5zZXJ2aWNlJztcbmltcG9ydCB7IEV1aUxpc3RJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9ldWktbGlzdC1pdGVtL2V1aS1saXN0LWl0ZW0uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzZWxlY3RvcjogJ1tldWlMaXN0XSwgZXVpLWxpc3QnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aUxpc3RDb21wb25lbnQgZXh0ZW5kcyBCYXNlRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBBZnRlckNvbnRlbnRJbml0IHtcbiAgICBASW5wdXQoKVxuICAgIGdldCBpc0NvbGxhcHNpYmxlKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXNDb2xsYXBzaWJsZTtcbiAgICB9XG4gICAgc2V0IGlzQ29sbGFwc2libGUodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9pc0NvbGxhcHNpYmxlID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW3N1cGVyLmdldENzc0NsYXNzZXMoJ2V1aS1saXN0JyldLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ2xpc3QnO1xuICAgIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpIHRhYkluZGV4OiBzdHJpbmc7XG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEV1aUxpc3RJdGVtQ29tcG9uZW50KSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KSBpdGVtczogUXVlcnlMaXN0PEV1aUxpc3RJdGVtQ29tcG9uZW50PjtcbiAgICBwdWJsaWMgbmVzdGVkSXRlbXM6IFF1ZXJ5TGlzdDxFdWlMaXN0SXRlbUNvbXBvbmVudD47XG4gICAgcHJpdmF0ZSBmb2N1c0tleU1hbmFnZXI6IEZvY3VzS2V5TWFuYWdlcjxFdWlMaXN0SXRlbUNvbXBvbmVudD47XG4gICAgcHJpdmF0ZSBfaXNDb2xsYXBzaWJsZSA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBldWlMaXN0U2VydmljZTogRXVpTGlzdFNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdrZXlkb3duJywgWyckZXZlbnQnXSlcbiAgICBvbktleWRvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgc3dpdGNoIChldmVudC5rZXkpIHtcbiAgICAgICAgICAgIGNhc2UgJ0Fycm93UmlnaHQnOiB7XG4gICAgICAgICAgICAgICAgaWYgKHRoaXMuZm9jdXNLZXlNYW5hZ2VyLmFjdGl2ZUl0ZW0/LmlzQ29sbGFwc2libGUgJiYgdGhpcy5mb2N1c0tleU1hbmFnZXIuYWN0aXZlSXRlbS5pc0NvbGxhcHNlZCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmZvY3VzS2V5TWFuYWdlci5hY3RpdmVJdGVtLmlzQ29sbGFwc2VkID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY2FzZSAnQXJyb3dMZWZ0Jzoge1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLmZvY3VzS2V5TWFuYWdlci5hY3RpdmVJdGVtPy5pc0NvbGxhcHNpYmxlICYmICF0aGlzLmZvY3VzS2V5TWFuYWdlci5hY3RpdmVJdGVtLmlzQ29sbGFwc2VkKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZm9jdXNLZXlNYW5hZ2VyLmFjdGl2ZUl0ZW0uaXNDb2xsYXBzZWQgPSB0cnVlO1xuICAgICAgICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNhc2UgJ0Fycm93RG93bic6IHtcbiAgICAgICAgICAgICAgICBpZiAoXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZm9jdXNLZXlNYW5hZ2VyLmFjdGl2ZUl0ZW0/LmlzQ29sbGFwc2libGUgJiZcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5mb2N1c0tleU1hbmFnZXIuYWN0aXZlSXRlbS5pc0NvbGxhcHNlZCAmJlxuICAgICAgICAgICAgICAgICAgICB0aGlzLmZvY3VzS2V5TWFuYWdlci5hY3RpdmVJdGVtLmV1aUxpc3RDb21wb25lbnQubGVuZ3RoID4gMFxuICAgICAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmZvY3VzS2V5TWFuYWdlci5hY3RpdmVJdGVtLmV1aUxpc3RDb21wb25lbnQuZm9yRWFjaCgobGlzdCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5uZXN0ZWRJdGVtcyA9IGxpc3QuaXRlbXM7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLm5lc3RlZEl0ZW1zLmZvckVhY2goKG5lc3RlZEl0ZW0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBuZXN0ZWRJdGVtLmRpc2FibGVkID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5mb2N1c0tleU1hbmFnZXIub25LZXlkb3duKGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5uZXN0ZWRJdGVtcz8uZm9yRWFjaCgobmVzdGVkSXRlbSkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgbmVzdGVkSXRlbS5kaXNhYmxlZCA9IGZhbHNlO1xuICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5mb2N1c0tleU1hbmFnZXIub25LZXlkb3duKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBkZWZhdWx0OiB7XG4gICAgICAgICAgICAgICAgdGhpcy5mb2N1c0tleU1hbmFnZXIub25LZXlkb3duKGV2ZW50KTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pc0NvbGxhcHNpYmxlKSB7XG4gICAgICAgICAgICB0aGlzLmV1aUxpc3RTZXJ2aWNlLmlzQ29sbGFwc2libGUgPSB0aGlzLmlzQ29sbGFwc2libGU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIC8vIGluc3RhbnRpYXRlcyBGb2N1c0tleU1hbmFnZXIgd2l0aCB0aGUgcXVlcnkgbGlzdCBvZiBpdGVtcyBlbmFibGluZyB3cmFwcGluZ1xuICAgICAgICB0aGlzLmZvY3VzS2V5TWFuYWdlciA9IG5ldyBGb2N1c0tleU1hbmFnZXIodGhpcy5pdGVtcykud2l0aFdyYXAoKTtcblxuICAgICAgICAvLyBjaGVja3Mgd2hldGhlciBhbiBpdGVtIGNvbnRhaW5zIGEgc3ViLW1lbnUgYW5kIGlmIHNvIGl0IHNldHMgaXQncyB1bCBlbGVtZW50IHRhYmluZGV4IHRvIC0xXG4gICAgICAgIHRoaXMuaXRlbXMuZm9yRWFjaCgoaXRlbSkgPT4ge1xuICAgICAgICAgICAgaWYgKGl0ZW0uZXVpTGlzdENvbXBvbmVudC5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICAgICAgaXRlbS5ldWlMaXN0Q29tcG9uZW50LmZvckVhY2goKGxpc3QpID0+IChsaXN0LnRhYkluZGV4ID0gJy0xJykpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLnRhYkluZGV4ID0gJzAnO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
|
|
@@ -5,6 +5,7 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
export declare class EuiDropdownButtonChildMenuComponent {
|
|
6
6
|
private nestedItemService;
|
|
7
7
|
menuItems: EuiDropdownButtonMenuItem[];
|
|
8
|
+
e2eAttr: string;
|
|
8
9
|
childMenu: MatMenu;
|
|
9
10
|
constructor(nestedItemService: EuiDropdownButtonMenuService);
|
|
10
11
|
/**
|
|
@@ -21,6 +22,6 @@ export declare class EuiDropdownButtonChildMenuComponent {
|
|
|
21
22
|
*/
|
|
22
23
|
onClick(item: EuiDropdownButtonMenuItem): void;
|
|
23
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiDropdownButtonChildMenuComponent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EuiDropdownButtonChildMenuComponent, "eui-dropdown-button-child-menu", never, { "menuItems": "menuItems"; }, {}, never, never, false, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EuiDropdownButtonChildMenuComponent, "eui-dropdown-button-child-menu", never, { "menuItems": "menuItems"; "e2eAttr": "e2eAttr"; }, {}, never, never, false, never>;
|
|
25
26
|
}
|
|
26
27
|
//# sourceMappingURL=eui-dropdown-button-child-menu.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-dropdown-button-child-menu.component.d.ts","sourceRoot":"","sources":["../../eui-dropdown-button-menu/eui-dropdown-button-child-menu.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,8CAA8C,CAAC;;AACzF,qBAOa,mCAAmC;
|
|
1
|
+
{"version":3,"file":"eui-dropdown-button-child-menu.component.d.ts","sourceRoot":"","sources":["../../eui-dropdown-button-menu/eui-dropdown-button-child-menu.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,8CAA8C,CAAC;;AACzF,qBAOa,mCAAmC;IAMhC,OAAO,CAAC,iBAAiB;IAL5B,SAAS,EAAE,yBAAyB,EAAE,CAAC;IACT,OAAO,SAAoC;IAElB,SAAS,EAAE,OAAO,CAAC;gBAE/D,iBAAiB,EAAE,4BAA4B;IACnE;;;;;OAKG;IACH,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,yBAAyB;IAM/D;;;;OAIG;IACH,OAAO,CAAC,IAAI,EAAE,yBAAyB;yCAxB9B,mCAAmC;2CAAnC,mCAAmC;CA2B/C"}
|