@eui/components 15.3.6 → 15.3.7-snapshot-1687901768788
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/EuiDatepickerComponent.html +12 -1
- 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/docs/miscellaneous/variables.html +14 -14
- package/esm2020/eui-buttons/eui-buttons.component.mjs +1 -1
- package/esm2020/eui-datepicker/eui-datepicker.component.mjs +17 -5
- 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-datepicker/eui-datepicker.component.d.ts +3 -2
- package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
- 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-datepicker.mjs +16 -4
- package/fesm2015/eui-components-eui-datepicker.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-datepicker.mjs +16 -4
- package/fesm2020/eui-components-eui-datepicker.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
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxXQUFXLEVBQ1gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixLQUFLLEVBR0wsZUFBZSxFQUNmLFVBQVUsRUFFVixZQUFZLEdBQ2YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFnQixNQUFNLHVCQUF1QixDQUFDO0FBQzVFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUVwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUNBQXlDLENBQUM7OztBQVMvRSxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsYUFBYTtJQXFCL0MsWUFBb0IsY0FBOEI7UUFDOUMsS0FBSyxFQUFFLENBQUM7UUFEUSxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFQeEIsU0FBSSxHQUFHLE1BQU0sQ0FBQztRQUtoQyxtQkFBYyxHQUFHLEtBQUssQ0FBQztJQUkvQixDQUFDO0lBdEJELElBQ0ksYUFBYTtRQUNiLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUMvQixDQUFDO0lBQ0QsSUFBSSxhQUFhLENBQUMsS0FBbUI7UUFDakMsSUFBSSxDQUFDLGNBQWMsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRUQsSUFDSSxVQUFVO1FBQ1YsT0FBTyxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFD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QzthQUNuRTtpQkFBTTtnQkFDSCxJQUFJLENBQUMsUUFBUSxHQUFHLEdBQUcsQ0FBQzthQUN2QjtRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7Z0lBekZRLGdCQUFnQjtvSEFBaEIsZ0JBQWdCLGlVQWdCUyxvQkFBb0IsMkVDM0MxRCw2QkFDQTsyRkQwQmEsZ0JBQWdCO2tCQVA1QixTQUFTOytCQUVJLHFCQUFxQixtQkFFZCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO3FHQUlqQyxhQUFhO3NCQURoQixLQUFLO2dCQVNGLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQUtNLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFDTSxRQUFRO3NCQUFyQyxXQUFXO3VCQUFDLGVBQWU7Z0JBQ29ELEtBQUs7c0JBQXBGLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQVU5RSxTQUFTO3NCQURSLFlBQVk7dUJBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG4gICAgSW5wdXQsXG4gICAgT25Jbml0LFxuICAgIEFmdGVyQ29udGVudEluaXQsXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIGZvcndhcmRSZWYsXG4gICAgUXVlcnlMaXN0LFxuICAgIEhvc3RMaXN0ZW5lcixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHksIEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBGb2N1c0tleU1hbmFnZXIgfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5cbmltcG9ydCB7IEJhc2VEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcbmltcG9ydCB7IEV1aUxpc3RTZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlcy9ldWktbGlzdC5zZXJ2aWNlJztcbmltcG9ydCB7IEV1aUxpc3RJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9ldWktbGlzdC1pdGVtL2V1aS1saXN0LWl0ZW0uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzZWxlY3RvcjogJ1tldWlMaXN0XSwgZXVpLWxpc3QnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aUxpc3RDb21wb25lbnQgZXh0ZW5kcyBCYXNlRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBBZnRlckNvbnRlbnRJbml0IHtcbiAgICBASW5wdXQoKVxuICAgIGdldCBpc0NvbGxhcHNpYmxlKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXNDb2xsYXBzaWJsZTtcbiAgICB9XG4gICAgc2V0IGlzQ29sbGFwc2libGUodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9pc0NvbGxhcHNpYmxlID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW3N1cGVyLmdldENzc0NsYXNzZXMoJ2V1aS1saXN0JyldLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ2xpc3QnO1xuICAgIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpIHRhYkluZGV4OiBzdHJpbmc7XG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEV1aUxpc3RJdGVtQ29tcG9uZW50KSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KSBpdGVtczogUXVlcnlMaXN0PEV1aUxpc3RJdGVtQ29tcG9uZW50PjtcbiAgICBwdWJsaWMgbmVzdGVkSXRlbXM6IFF1ZXJ5TGlzdDxFdWlMaXN0SXRlbUNvbXBvbmVudD47XG4gICAgcHJpdmF0ZSBmb2N1c0tleU1hbmFnZXI6IEZvY3VzS2V5TWFuYWdlcjxFdWlMaXN0SXRlbUNvbXBvbmVudD47XG4gICAgcHJpdmF0ZSBfaXNDb2xsYXBzaWJsZSA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBldWlMaXN0U2VydmljZTogRXVpTGlzdFNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdrZXlkb3duJywgWyckZXZlbnQnXSlcbiAgICBvbktleWRvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgc3dpdGNoIChldmVudC5rZXkpIHtcbiAgICAgICAgICAgIGNhc2UgJ0Fycm93UmlnaHQnOiB7XG4gICAgICAgICAgICAgICAgaWYgKHRoaXMuZm9jdXNLZXlNYW5hZ2VyLmFjdGl2ZUl0ZW0/LmlzQ29sbGFwc2libGUgJiYgdGhpcy5mb2N1c0tleU1hbmFnZXIuYWN0aXZlSXRlbS5pc0NvbGxhcHNlZCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmZvY3VzS2V5TWFuYWdlci5hY3RpdmVJdGVtLmlzQ29sbGFwc2VkID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY2FzZSAnQXJyb3dMZWZ0Jzoge1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLmZvY3VzS2V5TWFuYWdlci5hY3RpdmVJdGVtPy5pc0NvbGxhcHNpYmxlICYmICF0aGlzLmZvY3VzS2V5TWFuYWdlci5hY3RpdmVJdGVtLmlzQ29sbGFwc2VkKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZm9jdXNLZXlNYW5hZ2VyLmFjdGl2ZUl0ZW0uaXNDb2xsYXBzZWQgPSB0cnVlO1xuICAgICAgICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNhc2UgJ0Fycm93RG93bic6IHtcbiAgICAgICAgICAgICAgICBpZiAoXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZm9jdXNLZXlNYW5hZ2VyLmFjdGl2ZUl0ZW0/LmlzQ29sbGFwc2libGUgJiZcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5mb2N1c0tleU1hbmFnZXIuYWN0aXZlSXRlbS5pc0NvbGxhcHNlZCAmJlxuICAgICAgICAgICAgICAgICAgICB0aGlzLmZvY3VzS2V5TWFuYWdlci5hY3RpdmVJdGVtLmV1aUxpc3RDb21wb25lbnQubGVuZ3RoID4gMFxuICAgICAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmZvY3VzS2V5TWFuYWdlci5hY3RpdmVJdGVtLmV1aUxpc3RDb21wb25lbnQuZm9yRWFjaCgobGlzdCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5uZXN0ZWRJdGVtcyA9IGxpc3QuaXRlbXM7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLm5lc3RlZEl0ZW1zLmZvckVhY2goKG5lc3RlZEl0ZW0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBuZXN0ZWRJdGVtLmRpc2FibGVkID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5mb2N1c0tleU1hbmFnZXIub25LZXlkb3duKGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5uZXN0ZWRJdGVtcz8uZm9yRWFjaCgobmVzdGVkSXRlbSkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgbmVzdGVkSXRlbS5kaXNhYmxlZCA9IGZhbHNlO1xuICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5mb2N1c0tleU1hbmFnZXIub25LZXlkb3duKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBkZWZhdWx0OiB7XG4gICAgICAgICAgICAgICAgdGhpcy5mb2N1c0tleU1hbmFnZXIub25LZXlkb3duKGV2ZW50KTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pc0NvbGxhcHNpYmxlKSB7XG4gICAgICAgICAgICB0aGlzLmV1aUxpc3RTZXJ2aWNlLmlzQ29sbGFwc2libGUgPSB0aGlzLmlzQ29sbGFwc2libGU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIC8vIGluc3RhbnRpYXRlcyBGb2N1c0tleU1hbmFnZXIgd2l0aCB0aGUgcXVlcnkgbGlzdCBvZiBpdGVtcyBlbmFibGluZyB3cmFwcGluZ1xuICAgICAgICB0aGlzLmZvY3VzS2V5TWFuYWdlciA9IG5ldyBGb2N1c0tleU1hbmFnZXIodGhpcy5pdGVtcykud2l0aFdyYXAoKTtcblxuICAgICAgICAvLyBjaGVja3Mgd2hldGhlciBhbiBpdGVtIGNvbnRhaW5zIGEgc3ViLW1lbnUgYW5kIGlmIHNvIGl0IHNldHMgaXQncyB1bCBlbGVtZW50IHRhYmluZGV4IHRvIC0xXG4gICAgICAgIHRoaXMuaXRlbXMuZm9yRWFjaCgoaXRlbSkgPT4ge1xuICAgICAgICAgICAgaWYgKGl0ZW0uZXVpTGlzdENvbXBvbmVudC5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICAgICAgaXRlbS5ldWlMaXN0Q29tcG9uZW50LmZvckVhY2goKGxpc3QpID0+IChsaXN0LnRhYkluZGV4ID0gJy0xJykpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLnRhYkluZGV4ID0gJzAnO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
|
|
@@ -67,17 +67,18 @@ export declare class EuiDatepickerComponent extends BaseDirective implements OnI
|
|
|
67
67
|
get isButtonDisabled(): boolean;
|
|
68
68
|
set isButtonDisabled(value: BooleanInput);
|
|
69
69
|
private _isButtonDisabled;
|
|
70
|
+
/** @deprecated will be removed in eUI17 in favor of using only isButtonDisabled as there is no longer option to open the calendar through the input field*/
|
|
70
71
|
get isPickerDisabled(): boolean;
|
|
71
72
|
set isPickerDisabled(value: BooleanInput);
|
|
72
73
|
private _isPickerDisabled;
|
|
73
74
|
get isClearable(): boolean;
|
|
74
75
|
set isClearable(value: BooleanInput);
|
|
75
76
|
private _isClearable;
|
|
76
|
-
/** @deprecated will be removed in
|
|
77
|
+
/** @deprecated will be removed in eUI17 */
|
|
77
78
|
get hasActionButtons(): boolean;
|
|
78
79
|
set hasActionButtons(value: BooleanInput);
|
|
79
80
|
private _hasActionButtons;
|
|
80
|
-
/** @deprecated will be removed in
|
|
81
|
+
/** @deprecated will be removed in eUI17 */
|
|
81
82
|
get hasTodayButton(): boolean;
|
|
82
83
|
set hasTodayButton(value: BooleanInput);
|
|
83
84
|
private _hasTodayButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-datepicker.component.d.ts","sourceRoot":"","sources":["../../eui-datepicker/eui-datepicker.component.ts"],"names":[],"mappings":"AACA,OAAO,EACH,cAAc,EAEd,wBAAwB,EACxB,YAAY,EAEZ,QAAQ,EAER,SAAS,EACT,SAAS,EACT,OAAO,EACP,MAAM,EAIN,aAAa,EAQb,aAAa,EACb,WAAW,EACX,gBAAgB,EACnB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,cAAc,EAAoB,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAE,4BAA4B,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACpH,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAOvD,OAAO,EAA4B,aAAa,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;;AAIvD,
|
|
1
|
+
{"version":3,"file":"eui-datepicker.component.d.ts","sourceRoot":"","sources":["../../eui-datepicker/eui-datepicker.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -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"}
|
|
@@ -1,18 +1,25 @@
|
|
|
1
|
-
import { QueryList, OnInit } from '@angular/core';
|
|
1
|
+
import { QueryList, OnInit, ElementRef } from '@angular/core';
|
|
2
2
|
import { BooleanInput } from '@angular/cdk/coercion';
|
|
3
|
+
import { Highlightable, FocusableOption } from '@angular/cdk/a11y';
|
|
3
4
|
import { BaseDirective } from '@eui/components/shared';
|
|
4
5
|
import { EuiListComponent } from '../eui-list.component';
|
|
5
6
|
import { EuiListService } from '../services/eui-list.service';
|
|
6
7
|
import { EuiIconComponent } from '@eui/components/eui-icon';
|
|
7
8
|
import { EuiLabelComponent } from '@eui/components/eui-label';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
|
-
export declare class EuiListItemComponent extends BaseDirective implements OnInit {
|
|
10
|
+
export declare class EuiListItemComponent extends BaseDirective implements OnInit, FocusableOption, Highlightable {
|
|
10
11
|
private euiListService;
|
|
12
|
+
private element;
|
|
11
13
|
get cssClasses(): string;
|
|
12
14
|
role: string;
|
|
15
|
+
tabindex: string;
|
|
13
16
|
euiListComponent: QueryList<EuiListComponent>;
|
|
14
17
|
euiIconComponent: QueryList<EuiIconComponent>;
|
|
15
18
|
euiLabelComponent: QueryList<EuiLabelComponent>;
|
|
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
|
+
disabled: boolean;
|
|
16
23
|
get isCollapsible(): boolean;
|
|
17
24
|
set isCollapsible(value: BooleanInput);
|
|
18
25
|
private _isCollapsible;
|
|
@@ -22,10 +29,13 @@ export declare class EuiListItemComponent extends BaseDirective implements OnIni
|
|
|
22
29
|
get isActive(): boolean;
|
|
23
30
|
set isActive(value: BooleanInput);
|
|
24
31
|
private _isActive;
|
|
25
|
-
constructor(euiListService: EuiListService);
|
|
32
|
+
constructor(euiListService: EuiListService, element: ElementRef);
|
|
26
33
|
ngOnInit(): void;
|
|
27
|
-
toggleCollapse(event:
|
|
34
|
+
toggleCollapse(event: MouseEvent): void;
|
|
35
|
+
focus(): void;
|
|
36
|
+
setActiveStyles(): void;
|
|
37
|
+
setInactiveStyles(): void;
|
|
28
38
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiListItemComponent, never>;
|
|
29
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EuiListItemComponent, "[euiListItem], eui-list-item", never, { "isCollapsible": "isCollapsible"; "isCollapsed": "isCollapsed"; "isActive": "isActive"; }, {}, ["euiListComponent", "euiIconComponent", "euiLabelComponent"], ["[eui-icon], [euiIcon]", "[eui-label], [euiLabel]", "[eui-list], [euiList]", "*"], false, never>;
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EuiListItemComponent, "[euiListItem], eui-list-item", never, { "disabled": "disabled"; "isCollapsible": "isCollapsible"; "isCollapsed": "isCollapsed"; "isActive": "isActive"; }, {}, ["euiListComponent", "euiIconComponent", "euiLabelComponent"], ["[eui-icon], [euiIcon]", "[eui-label], [euiLabel]", "[eui-list], [euiList]", "*"], false, never>;
|
|
30
40
|
}
|
|
31
41
|
//# sourceMappingURL=eui-list-item.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-list-item.component.d.ts","sourceRoot":"","sources":["../../../eui-list/eui-list-item/eui-list-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAOH,SAAS,EAET,MAAM,
|
|
1
|
+
{"version":3,"file":"eui-list-item.component.d.ts","sourceRoot":"","sources":["../../../eui-list/eui-list-item/eui-list-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAOH,SAAS,EAET,MAAM,EACN,UAAU,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;;AAE9D,qBAOa,oBAAqB,SAAQ,aAAc,YAAW,MAAM,EAAE,eAAe,EAAE,aAAa;IA6CzF,OAAO,CAAC,cAAc;IAAkB,OAAO,CAAC,OAAO;IA5CnE,IACI,UAAU,IAAI,MAAM,CAEvB;IAEyB,IAAI,SAAc;IACd,QAAQ,SAAQ;IAEO,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC9C,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC7C,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAEtG;;OAEG;IACM,QAAQ,UAAS;IAE1B,IACI,aAAa,IAAI,OAAO,CAE3B;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,EAEpC;IACD,OAAO,CAAC,cAAc,CAAS;IAE/B,IACI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,YAAY,EAElC;IACD,OAAO,CAAC,YAAY,CAAQ;IAE5B,IACI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,YAAY,EAE/B;IACD,OAAO,CAAC,SAAS,CAAS;gBAEN,cAAc,EAAE,cAAc,EAAU,OAAO,EAAE,UAAU;IAI/E,QAAQ,IAAI,IAAI;IAIT,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAW9C,KAAK,IAAI,IAAI;IAIN,eAAe,IAAI,IAAI;IAIvB,iBAAiB,IAAI,IAAI;yCAxEvB,oBAAoB;2CAApB,oBAAoB;CA2EhC"}
|
|
@@ -1,18 +1,25 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
1
|
+
import { OnInit, AfterContentInit, QueryList } from '@angular/core';
|
|
2
2
|
import { BooleanInput } from '@angular/cdk/coercion';
|
|
3
3
|
import { BaseDirective } from '@eui/components/shared';
|
|
4
4
|
import { EuiListService } from './services/eui-list.service';
|
|
5
|
+
import { EuiListItemComponent } from './eui-list-item/eui-list-item.component';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class EuiListComponent extends BaseDirective implements OnInit {
|
|
7
|
+
export declare class EuiListComponent extends BaseDirective implements OnInit, AfterContentInit {
|
|
7
8
|
private euiListService;
|
|
8
9
|
get isCollapsible(): boolean;
|
|
9
10
|
set isCollapsible(value: BooleanInput);
|
|
10
11
|
get cssClasses(): string;
|
|
11
12
|
role: string;
|
|
13
|
+
tabIndex: string;
|
|
14
|
+
items: QueryList<EuiListItemComponent>;
|
|
15
|
+
nestedItems: QueryList<EuiListItemComponent>;
|
|
16
|
+
private focusKeyManager;
|
|
12
17
|
private _isCollapsible;
|
|
13
18
|
constructor(euiListService: EuiListService);
|
|
19
|
+
onKeydown(event: KeyboardEvent): void;
|
|
14
20
|
ngOnInit(): void;
|
|
21
|
+
ngAfterContentInit(): void;
|
|
15
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiListComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EuiListComponent, "[euiList], eui-list", never, { "isCollapsible": "isCollapsible"; }, {},
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EuiListComponent, "[euiList], eui-list", never, { "isCollapsible": "isCollapsible"; }, {}, ["items"], ["*"], false, never>;
|
|
17
24
|
}
|
|
18
25
|
//# sourceMappingURL=eui-list.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-list.component.d.ts","sourceRoot":"","sources":["../../eui-list/eui-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"eui-list.component.d.ts","sourceRoot":"","sources":["../../eui-list/eui-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,MAAM,EACN,gBAAgB,EAGhB,SAAS,EAEZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG5E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;;AAE/E,qBAOa,gBAAiB,SAAQ,aAAc,YAAW,MAAM,EAAE,gBAAgB;IAqBvE,OAAO,CAAC,cAAc;IApBlC,IACI,aAAa,IAAI,OAAO,CAE3B;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,EAEpC;IAED,IACI,UAAU,IAAI,MAAM,CAEvB;IAEyB,IAAI,SAAU;IACV,QAAQ,EAAE,MAAM,CAAC;IACiC,KAAK,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAChH,WAAW,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;IACpD,OAAO,CAAC,eAAe,CAAwC;IAC/D,OAAO,CAAC,cAAc,CAAS;gBAEX,cAAc,EAAE,cAAc;IAKlD,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA6CrC,QAAQ,IAAI,IAAI;IAMhB,kBAAkB,IAAI,IAAI;yCA7EjB,gBAAgB;2CAAhB,gBAAgB;CA0F5B"}
|