@eui/components 18.0.0-next.21 → 18.0.0-next.22
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/EuiAppTopMessageComponent.html +1 -1
- package/docs/components/EuiBadgeComponent.html +1 -1
- package/docs/components/EuiIconSvgButtonComponent.html +23 -23
- package/docs/components/EuiListComponent.html +115 -817
- package/docs/components/EuiListItemComponent.html +69 -821
- package/docs/components/EuiMenuComponent.html +154 -2
- package/docs/components/EuiMenuItemComponent.html +432 -4
- package/docs/components/EuiNotificationsComponent.html +1 -1
- package/docs/components/EuiNotificationsV2Component.html +1 -1
- package/docs/components/EuiSidebarToggleComponent.html +1 -1
- package/docs/components/EuiTabsComponent.html +1 -1
- package/docs/dependencies.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-alert/eui-alert.component.mjs +2 -2
- package/esm2022/eui-badge/eui-badge.component.mjs +4 -3
- package/esm2022/eui-button/eui-button.component.mjs +2 -2
- package/esm2022/eui-button-group/eui-button-group.component.mjs +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +1 -1
- package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +2 -2
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +2 -2
- package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +2 -2
- package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
- package/esm2022/eui-fieldset/eui-fieldset.component.mjs +2 -2
- package/esm2022/eui-growl/eui-growl.component.mjs +1 -1
- package/esm2022/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.mjs +7 -7
- package/esm2022/eui-icon/eui-icon-svg.component.mjs +1 -1
- package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +3 -3
- package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +2 -2
- package/esm2022/eui-input-number/eui-input-number.component.mjs +2 -2
- package/esm2022/eui-input-radio/eui-input-radio.component.mjs +2 -2
- package/esm2022/eui-input-text/eui-input-text.component.mjs +2 -2
- package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +50 -44
- package/esm2022/eui-list/eui-list.component.mjs +9 -17
- package/esm2022/eui-menu/eui-menu-item.component.mjs +56 -8
- package/esm2022/eui-menu/eui-menu.component.mjs +164 -8
- package/esm2022/eui-page/eui-page.component.mjs +2 -2
- package/esm2022/eui-select/eui-select.component.mjs +2 -2
- package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
- package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tabs.component.mjs +3 -3
- package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
- package/esm2022/eui-tree-list/eui-tree-list.component.mjs +2 -2
- package/esm2022/externals/eui-editor/eui-editor.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +3 -3
- package/esm2022/layout/eui-language-selector/language-selector.component.mjs +2 -2
- package/esm2022/layout/eui-language-selector/modal-selector/modal-selector.component.mjs +2 -2
- package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +3 -3
- package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +3 -3
- package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +3 -3
- package/esm2022/layout/eui-user-profile/user-profile.component.mjs +2 -2
- package/eui-badge/eui-badge.component.d.ts +1 -1
- package/eui-badge/eui-badge.component.d.ts.map +1 -1
- package/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.d.ts +4 -4
- package/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.d.ts.map +1 -1
- package/eui-icon/eui-icon-svg.component.d.ts.map +1 -1
- package/eui-icon-toggle/eui-icon-toggle.component.d.ts.map +1 -1
- package/eui-list/eui-list-item/eui-list-item.component.d.ts +14 -17
- package/eui-list/eui-list-item/eui-list-item.component.d.ts.map +1 -1
- package/eui-list/eui-list.component.d.ts +3 -6
- package/eui-list/eui-list.component.d.ts.map +1 -1
- package/eui-menu/eui-menu-item.component.d.ts +17 -5
- package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
- package/eui-menu/eui-menu.component.d.ts +36 -3
- package/eui-menu/eui-menu.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +2 -2
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +3 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +2 -2
- package/fesm2022/eui-components-eui-button-group.mjs +2 -2
- package/fesm2022/eui-components-eui-button-group.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +1 -1
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
- package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
- package/fesm2022/eui-components-eui-fieldset.mjs +2 -2
- package/fesm2022/eui-components-eui-fieldset.mjs.map +1 -1
- package/fesm2022/eui-components-eui-growl.mjs +1 -1
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-icon-toggle.mjs.map +2 -2
- package/fesm2022/eui-components-eui-icon.mjs +6 -6
- package/fesm2022/eui-components-eui-icon.mjs.map +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-number.mjs +2 -2
- package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
- package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-text.mjs +2 -2
- package/fesm2022/eui-components-eui-input-text.mjs.map +1 -1
- package/fesm2022/eui-components-eui-list.mjs +58 -57
- package/fesm2022/eui-components-eui-list.mjs.map +3 -3
- package/fesm2022/eui-components-eui-menu.mjs +227 -40
- package/fesm2022/eui-components-eui-menu.mjs.map +3 -3
- package/fesm2022/eui-components-eui-page.mjs +2 -2
- package/fesm2022/eui-components-eui-page.mjs.map +1 -1
- package/fesm2022/eui-components-eui-select.mjs +2 -2
- package/fesm2022/eui-components-eui-select.mjs.map +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-tabs.mjs.map +2 -2
- package/fesm2022/eui-components-eui-textarea.mjs +2 -2
- package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
- package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
- package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
- package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +27 -27
- package/fesm2022/eui-components-layout.mjs.map +2 -2
- package/package.json +9 -9
|
@@ -24,47 +24,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
24
24
|
}] });
|
|
25
25
|
|
|
26
26
|
// eui-list-item/eui-list-item.component.mjs
|
|
27
|
-
import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, ContentChildren, forwardRef, Input } from "@angular/core";
|
|
28
|
-
import {
|
|
29
|
-
import { BaseDirective } from "@eui/components/shared";
|
|
27
|
+
import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, ContentChildren, forwardRef, Input, booleanAttribute } from "@angular/core";
|
|
28
|
+
import { BaseStatesDirective } from "@eui/components/shared";
|
|
30
29
|
import { EuiIconSvgComponent } from "@eui/components/eui-icon";
|
|
31
30
|
import { EuiLabelComponent } from "@eui/components/eui-label";
|
|
32
31
|
import * as i02 from "@angular/core";
|
|
33
|
-
import * as
|
|
34
|
-
import * as i3 from "@
|
|
35
|
-
import * as i4 from "@eui/components/eui-
|
|
36
|
-
|
|
32
|
+
import * as i1 from "@eui/components/shared";
|
|
33
|
+
import * as i3 from "@angular/common";
|
|
34
|
+
import * as i4 from "@eui/components/eui-icon";
|
|
35
|
+
import * as i5 from "@eui/components/eui-button";
|
|
36
|
+
var EuiListItemComponent = class _EuiListItemComponent {
|
|
37
37
|
get cssClasses() {
|
|
38
|
-
return [
|
|
38
|
+
return [
|
|
39
|
+
this.baseStatesDirective.getCssClasses("eui-list-item"),
|
|
40
|
+
this.isActive ? "eui-list-item--active" : ""
|
|
41
|
+
].join(" ").trim();
|
|
39
42
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
43
|
-
set isCollapsible(value) {
|
|
44
|
-
this._isCollapsible = coerceBooleanProperty2(value);
|
|
45
|
-
}
|
|
46
|
-
get isCollapsed() {
|
|
47
|
-
return this._isCollapsed;
|
|
48
|
-
}
|
|
49
|
-
set isCollapsed(value) {
|
|
50
|
-
this._isCollapsed = coerceBooleanProperty2(value);
|
|
51
|
-
}
|
|
52
|
-
get isActive() {
|
|
53
|
-
return this._isActive;
|
|
54
|
-
}
|
|
55
|
-
set isActive(value) {
|
|
56
|
-
this._isActive = coerceBooleanProperty2(value);
|
|
57
|
-
}
|
|
58
|
-
constructor(euiListService, elementRef) {
|
|
59
|
-
super();
|
|
43
|
+
constructor(baseStatesDirective, euiListService, elementRef) {
|
|
44
|
+
this.baseStatesDirective = baseStatesDirective;
|
|
60
45
|
this.euiListService = euiListService;
|
|
61
46
|
this.elementRef = elementRef;
|
|
62
47
|
this.role = "listitem";
|
|
48
|
+
this.e2eAttr = "eui-list-item";
|
|
63
49
|
this.tabindex = "-1";
|
|
64
50
|
this.disabled = false;
|
|
65
|
-
this.
|
|
66
|
-
this.
|
|
67
|
-
this.
|
|
51
|
+
this.isCollapsible = false;
|
|
52
|
+
this.isCollapsed = true;
|
|
53
|
+
this.isActive = false;
|
|
68
54
|
}
|
|
69
55
|
ngOnInit() {
|
|
70
56
|
this.isCollapsible = this.euiListService.isCollapsible;
|
|
@@ -91,10 +77,10 @@ var EuiListItemComponent = class _EuiListItemComponent extends BaseDirective {
|
|
|
91
77
|
this.isActive = false;
|
|
92
78
|
}
|
|
93
79
|
static {
|
|
94
|
-
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i02, type: _EuiListItemComponent, deps: [{ token: EuiListService }, { token: i02.ElementRef }], target: i02.ɵɵFactoryTarget.Component });
|
|
80
|
+
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i02, type: _EuiListItemComponent, deps: [{ token: i1.BaseStatesDirective }, { token: EuiListService }, { token: i02.ElementRef }], target: i02.ɵɵFactoryTarget.Component });
|
|
95
81
|
}
|
|
96
82
|
static {
|
|
97
|
-
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "
|
|
83
|
+
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { e2eAttr: "e2eAttr", disabled: ["disabled", "disabled", booleanAttribute], isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], isActive: ["isActive", "isActive", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, queries: [{ propertyName: "euiListComponent", predicate: i02.forwardRef(() => EuiListComponent) }, { propertyName: "euiIconSvgComponent", predicate: i02.forwardRef(() => EuiIconSvgComponent) }, { propertyName: "euiLabelComponent", predicate: i02.forwardRef(() => EuiLabelComponent) }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i02, template: `<div class="eui-list-item__container" [class.eui-list-item--has-submenu]="euiListComponent.length > 0">
|
|
98
84
|
<div class="eui-list-item__content">
|
|
99
85
|
<div class="eui-list-item__content-left">
|
|
100
86
|
<div *ngIf="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon-svg">
|
|
@@ -129,12 +115,26 @@ var EuiListItemComponent = class _EuiListItemComponent extends BaseDirective {
|
|
|
129
115
|
</div>
|
|
130
116
|
<ng-content></ng-content>
|
|
131
117
|
</div>
|
|
132
|
-
`, styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:
|
|
118
|
+
`, styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.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-ctx-color-hover)}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item--active{background-color:var(--eui-ctx-color-active)}.eui-list .eui-list-item .eui-list-item__container{display:inline-flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:inline-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-left{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon,.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg .eui-icon-svg{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .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-left .eui-list-item__content-text .eui-label{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-right{align-items:center;display:flex;margin-left:auto}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-right .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:var(--eui-base-spacing-s);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-button{margin-left:var(--eui-base-spacing-s)}.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__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-75)}.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-130)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item--accent{color:var(--eui-base-color-accent-140)}\n'], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }], changeDetection: i02.ChangeDetectionStrategy.Default, encapsulation: i02.ViewEncapsulation.None });
|
|
133
119
|
}
|
|
134
120
|
};
|
|
135
121
|
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i02, type: EuiListItemComponent, decorators: [{
|
|
136
122
|
type: Component,
|
|
137
|
-
args: [{ selector: "[euiListItem], eui-list-item", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None,
|
|
123
|
+
args: [{ selector: "[euiListItem], eui-list-item", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
124
|
+
{
|
|
125
|
+
directive: BaseStatesDirective,
|
|
126
|
+
inputs: [
|
|
127
|
+
"euiPrimary",
|
|
128
|
+
"euiSecondary",
|
|
129
|
+
"euiSuccess",
|
|
130
|
+
"euiInfo",
|
|
131
|
+
"euiWarning",
|
|
132
|
+
"euiDanger",
|
|
133
|
+
"euiAccent",
|
|
134
|
+
"euiVariant"
|
|
135
|
+
]
|
|
136
|
+
}
|
|
137
|
+
], template: `<div class="eui-list-item__container" [class.eui-list-item--has-submenu]="euiListComponent.length > 0">
|
|
138
138
|
<div class="eui-list-item__content">
|
|
139
139
|
<div class="eui-list-item__content-left">
|
|
140
140
|
<div *ngIf="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon-svg">
|
|
@@ -169,13 +169,18 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
169
169
|
</div>
|
|
170
170
|
<ng-content></ng-content>
|
|
171
171
|
</div>
|
|
172
|
-
`, styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:
|
|
173
|
-
}], ctorParameters: () => [{ type: EuiListService }, { type: i02.ElementRef }], propDecorators: { cssClasses: [{
|
|
172
|
+
`, styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.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-ctx-color-hover)}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item--active{background-color:var(--eui-ctx-color-active)}.eui-list .eui-list-item .eui-list-item__container{display:inline-flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:inline-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-left{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon,.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg .eui-icon-svg{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .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-left .eui-list-item__content-text .eui-label{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-right{align-items:center;display:flex;margin-left:auto}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-right .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:var(--eui-base-spacing-s);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-button{margin-left:var(--eui-base-spacing-s)}.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__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-75)}.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-130)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item--accent{color:var(--eui-base-color-accent-140)}\n'] }]
|
|
173
|
+
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: EuiListService }, { type: i02.ElementRef }], propDecorators: { cssClasses: [{
|
|
174
174
|
type: HostBinding,
|
|
175
175
|
args: ["class"]
|
|
176
176
|
}], role: [{
|
|
177
177
|
type: HostBinding,
|
|
178
178
|
args: ["attr.role"]
|
|
179
|
+
}], e2eAttr: [{
|
|
180
|
+
type: HostBinding,
|
|
181
|
+
args: ["attr.data-e2e"]
|
|
182
|
+
}, {
|
|
183
|
+
type: Input
|
|
179
184
|
}], tabindex: [{
|
|
180
185
|
type: HostBinding,
|
|
181
186
|
args: ["attr.tabindex"]
|
|
@@ -189,36 +194,31 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
189
194
|
type: ContentChildren,
|
|
190
195
|
args: [forwardRef(() => EuiLabelComponent)]
|
|
191
196
|
}], disabled: [{
|
|
192
|
-
type: Input
|
|
197
|
+
type: Input,
|
|
198
|
+
args: [{ transform: booleanAttribute }]
|
|
193
199
|
}], isCollapsible: [{
|
|
194
|
-
type: Input
|
|
200
|
+
type: Input,
|
|
201
|
+
args: [{ transform: booleanAttribute }]
|
|
195
202
|
}], isCollapsed: [{
|
|
196
|
-
type: Input
|
|
203
|
+
type: Input,
|
|
204
|
+
args: [{ transform: booleanAttribute }]
|
|
197
205
|
}], isActive: [{
|
|
198
|
-
type: Input
|
|
206
|
+
type: Input,
|
|
207
|
+
args: [{ transform: booleanAttribute }]
|
|
199
208
|
}] } });
|
|
200
209
|
|
|
201
210
|
// eui-list.component.mjs
|
|
202
|
-
import { Component as Component2, HostBinding as HostBinding2, ChangeDetectionStrategy as ChangeDetectionStrategy3, ViewEncapsulation as ViewEncapsulation3, Input as Input2, ContentChildren as ContentChildren2, forwardRef as forwardRef3, HostListener } from "@angular/core";
|
|
203
|
-
import { coerceBooleanProperty as coerceBooleanProperty3 } from "@angular/cdk/coercion";
|
|
211
|
+
import { Component as Component2, HostBinding as HostBinding2, ChangeDetectionStrategy as ChangeDetectionStrategy3, ViewEncapsulation as ViewEncapsulation3, Input as Input2, ContentChildren as ContentChildren2, forwardRef as forwardRef3, HostListener, booleanAttribute as booleanAttribute2 } from "@angular/core";
|
|
204
212
|
import { FocusKeyManager } from "@angular/cdk/a11y";
|
|
205
|
-
import { BaseDirective as BaseDirective2 } from "@eui/components/shared";
|
|
206
213
|
import * as i03 from "@angular/core";
|
|
207
|
-
var EuiListComponent = class _EuiListComponent
|
|
208
|
-
get isCollapsible() {
|
|
209
|
-
return this._isCollapsible;
|
|
210
|
-
}
|
|
211
|
-
set isCollapsible(value) {
|
|
212
|
-
this._isCollapsible = coerceBooleanProperty3(value);
|
|
213
|
-
}
|
|
214
|
+
var EuiListComponent = class _EuiListComponent {
|
|
214
215
|
get cssClasses() {
|
|
215
|
-
return
|
|
216
|
+
return "eui-list";
|
|
216
217
|
}
|
|
217
218
|
constructor(euiListService) {
|
|
218
|
-
super();
|
|
219
219
|
this.euiListService = euiListService;
|
|
220
|
+
this.isCollapsible = false;
|
|
220
221
|
this.role = "list";
|
|
221
|
-
this._isCollapsible = false;
|
|
222
222
|
}
|
|
223
223
|
onKeydown(event) {
|
|
224
224
|
switch (event.key) {
|
|
@@ -285,14 +285,15 @@ var EuiListComponent = class _EuiListComponent extends BaseDirective2 {
|
|
|
285
285
|
this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i03, type: _EuiListComponent, deps: [{ token: EuiListService }], target: i03.ɵɵFactoryTarget.Component });
|
|
286
286
|
}
|
|
287
287
|
static {
|
|
288
|
-
this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "
|
|
288
|
+
this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiListComponent, selector: "[euiList], eui-list", inputs: { isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute2] }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, queries: [{ propertyName: "items", predicate: i03.forwardRef(() => EuiListItemComponent), descendants: true }], ngImport: i03, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.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-ctx-color-hover)}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item--active{background-color:var(--eui-ctx-color-active)}.eui-list .eui-list-item .eui-list-item__container{display:inline-flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:inline-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-left{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon,.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg .eui-icon-svg{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .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-left .eui-list-item__content-text .eui-label{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-right{align-items:center;display:flex;margin-left:auto}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-right .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:var(--eui-base-spacing-s);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-button{margin-left:var(--eui-base-spacing-s)}.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__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-75)}.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-130)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item--accent{color:var(--eui-base-color-accent-140)}\n'], changeDetection: i03.ChangeDetectionStrategy.OnPush, encapsulation: i03.ViewEncapsulation.None });
|
|
289
289
|
}
|
|
290
290
|
};
|
|
291
291
|
i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i03, type: EuiListComponent, decorators: [{
|
|
292
292
|
type: Component2,
|
|
293
|
-
args: [{ selector: "[euiList], eui-list", changeDetection: ChangeDetectionStrategy3.OnPush, encapsulation: ViewEncapsulation3.None, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:
|
|
293
|
+
args: [{ selector: "[euiList], eui-list", changeDetection: ChangeDetectionStrategy3.OnPush, encapsulation: ViewEncapsulation3.None, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.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-ctx-color-hover)}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item--active{background-color:var(--eui-ctx-color-active)}.eui-list .eui-list-item .eui-list-item__container{display:inline-flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:inline-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-left{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon,.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg .eui-icon-svg{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .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-left .eui-list-item__content-text .eui-label{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-right{align-items:center;display:flex;margin-left:auto}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-right .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:var(--eui-base-spacing-s);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-button{margin-left:var(--eui-base-spacing-s)}.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__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-75)}.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-130)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item--accent{color:var(--eui-base-color-accent-140)}\n'] }]
|
|
294
294
|
}], ctorParameters: () => [{ type: EuiListService }], propDecorators: { isCollapsible: [{
|
|
295
|
-
type: Input2
|
|
295
|
+
type: Input2,
|
|
296
|
+
args: [{ transform: booleanAttribute2 }]
|
|
296
297
|
}], cssClasses: [{
|
|
297
298
|
type: HostBinding2,
|
|
298
299
|
args: ["class"]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-list/services/eui-list.service.ts", "../../eui-list/eui-list-item/eui-list-item.component.ts", "../../eui-list/eui-list-item/eui-list-item.component.html", "../../eui-list/eui-list.component.ts", "../../eui-list/eui-list.component.html", "../../eui-list/eui-list.module.ts"],
|
|
4
|
-
"sourcesContent": ["import { Injectable } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Injectable()\nexport class EuiListService {\n public _isCollapsible = false;\n\n get isCollapsible(): boolean {\n return this._isCollapsible;\n }\n\n set isCollapsible(value: BooleanInput) {\n this._isCollapsible = coerceBooleanProperty(value);\n }\n}\n", "import {\n Component,\n HostBinding,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n ContentChildren,\n forwardRef,\n QueryList,\n Input,\n OnInit,\n ElementRef,\n} from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { Highlightable, FocusableOption } from '@angular/cdk/a11y';\n\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiListComponent } from '../eui-list.component';\nimport { EuiListService } from '../services/eui-list.service';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\nimport { EuiLabelComponent } from '@eui/components/eui-label';\n\n@Component({\n templateUrl: './eui-list-item.component.html',\n selector: '[euiListItem], eui-list-item',\n styleUrls: ['../styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiListItemComponent extends BaseDirective implements OnInit, FocusableOption, Highlightable {\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('eui-list-item'), this._isActive ? 'eui-list-item--active' : ''].join(' ').trim();\n }\n\n @HostBinding('attr.role') role = 'listitem';\n @HostBinding('attr.tabindex') tabindex = '-1';\n\n @ContentChildren(forwardRef(() => EuiListComponent)) euiListComponent: QueryList<EuiListComponent>;\n @ContentChildren(forwardRef(() => EuiIconSvgComponent)) euiIconSvgComponent: QueryList<EuiIconSvgComponent>;\n @ContentChildren(forwardRef(() => EuiLabelComponent)) euiLabelComponent: QueryList<EuiLabelComponent>;\n\n /**\n * Angular CDK ListKeyManagerOption used for skipping items during navigation: More info here: https://netbasal.com/accessibility-made-easy-with-angular-cdk-1caaf3d98de2\n */\n @Input() disabled = false;\n\n @Input()\n get isCollapsible(): boolean {\n return this._isCollapsible;\n }\n set isCollapsible(value: BooleanInput) {\n this._isCollapsible = coerceBooleanProperty(value);\n }\n private _isCollapsible = false;\n\n @Input()\n get isCollapsed(): boolean {\n return this._isCollapsed;\n }\n set isCollapsed(value: BooleanInput) {\n this._isCollapsed = coerceBooleanProperty(value);\n }\n private _isCollapsed = true;\n\n @Input()\n get isActive(): boolean {\n return this._isActive;\n }\n set isActive(value: BooleanInput) {\n this._isActive = coerceBooleanProperty(value);\n }\n private _isActive = false;\n\n constructor(\n private euiListService: EuiListService,\n private elementRef: ElementRef,\n ) {\n super();\n }\n\n ngOnInit(): void {\n this.isCollapsible = this.euiListService.isCollapsible;\n }\n\n public toggleCollapse(event: MouseEvent): void {\n if (this.isCollapsible) {\n this.isCollapsed = !this.isCollapsed;\n }\n if (event) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n\n public focus(): void {\n this.elementRef.nativeElement.focus();\n }\n\n public click(): void {\n this.elementRef.nativeElement.click();\n }\n\n public setActiveStyles(): void {\n this.isActive = true;\n }\n\n public setInactiveStyles(): void {\n this.isActive = false;\n }\n}\n", "<div class=\"eui-list-item__container\" [class.eui-list-item--has-submenu]=\"euiListComponent.length > 0\">\n <div class=\"eui-list-item__content\">\n <div class=\"eui-list-item__content-left\">\n <div *ngIf=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon-svg\">\n <ng-content select=\"eui-icon-svg\"></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 </div>\n <div class=\"eui-list-item__content-right\">\n <button\n *ngIf=\"euiListComponent.length > 0 && isCollapsible\"\n tabindex=\"-1\"\n euiButton\n euiBasicButton\n euiPrimary\n euiRounded\n euiIconButton\n euiSizeS\n type=\"button\"\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 <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", "import {\n Component,\n HostBinding,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n Input,\n OnInit,\n AfterContentInit,\n ContentChildren,\n forwardRef,\n QueryList,\n HostListener,\n} from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\n\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiListService } from './services/eui-list.service';\nimport { EuiListItemComponent } from './eui-list-item/eui-list-item.component';\n\n@Component({\n templateUrl: './eui-list.component.html',\n selector: '[euiList], eui-list',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiListComponent extends BaseDirective implements OnInit, AfterContentInit {\n @Input()\n get isCollapsible(): boolean {\n return this._isCollapsible;\n }\n set isCollapsible(value: BooleanInput) {\n this._isCollapsible = coerceBooleanProperty(value);\n }\n\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('eui-list')].join(' ').trim();\n }\n\n @HostBinding('attr.role') role = 'list';\n @HostBinding('attr.tabindex') tabIndex: string;\n @ContentChildren(forwardRef(() => EuiListItemComponent), { descendants: true }) items: QueryList<EuiListItemComponent>;\n public nestedItems: QueryList<EuiListItemComponent>;\n private focusKeyManager: FocusKeyManager<EuiListItemComponent>;\n private _isCollapsible = false;\n\n constructor(private euiListService: EuiListService) {\n super();\n }\n\n @HostListener('keydown', ['$event'])\n onKeydown(event: KeyboardEvent): void {\n switch (event.key) {\n case 'Enter': {\n if (this.focusKeyManager?.activeItem) {\n this.focusKeyManager.activeItem.click();\n }\n break;\n }\n case 'ArrowRight': {\n if (this.focusKeyManager.activeItem?.isCollapsible && this.focusKeyManager.activeItem.isCollapsed) {\n this.focusKeyManager.activeItem.isCollapsed = false;\n event.preventDefault();\n }\n break;\n }\n case 'ArrowLeft': {\n if (this.focusKeyManager.activeItem?.isCollapsible && !this.focusKeyManager.activeItem.isCollapsed) {\n this.focusKeyManager.activeItem.isCollapsed = true;\n event.preventDefault();\n }\n break;\n }\n case 'ArrowDown': {\n if (\n this.focusKeyManager.activeItem?.isCollapsible &&\n this.focusKeyManager.activeItem.isCollapsed &&\n this.focusKeyManager.activeItem.euiListComponent.length > 0\n ) {\n this.focusKeyManager.activeItem.euiListComponent.forEach((list) => {\n this.nestedItems = list.items;\n this.nestedItems.forEach((nestedItem) => {\n nestedItem.disabled = true;\n });\n this.focusKeyManager.onKeydown(event);\n });\n event.preventDefault();\n } else {\n this.nestedItems?.forEach((nestedItem) => {\n nestedItem.disabled = false;\n });\n this.focusKeyManager.onKeydown(event);\n }\n break;\n }\n default: {\n this.focusKeyManager.onKeydown(event);\n break;\n }\n }\n }\n\n ngOnInit(): void {\n if (this.isCollapsible) {\n this.euiListService.isCollapsible = this.isCollapsible;\n }\n }\n\n ngAfterContentInit(): void {\n // instantiates FocusKeyManager with the query list of items enabling wrapping\n this.focusKeyManager = new FocusKeyManager(this.items).withWrap();\n\n // checks whether an item contains a sub-menu and if so it sets it's ul element tabindex to -1\n this.items.forEach((item) => {\n if (item.euiListComponent.length > 0) {\n item.euiListComponent.forEach((list) => (list.tabIndex = '-1'));\n } else {\n this.tabIndex = '0';\n }\n });\n }\n}\n", "<ng-content></ng-content>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiListComponent } from './eui-list.component';\nimport { EuiListItemComponent } from './eui-list-item/eui-list-item.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiListService } from './services/eui-list.service';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiLabelModule],\n declarations: [EuiListComponent, EuiListItemComponent],\n exports: [EuiListComponent, EuiListItemComponent],\n providers: [EuiListService],\n})\nexport class EuiListModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,kBAAkB;AAC3B,SAAS,6BAA2C;;AAG9C,IAAO,iBAAP,MAAO,gBAAc;EAD3B,cAAA;AAEW,SAAA,iBAAiB;;EAExB,IAAI,gBAAa;AACb,WAAO,KAAK;EAChB;EAEA,IAAI,cAAc,OAAmB;AACjC,SAAK,iBAAiB,sBAAsB,KAAK;EACrD;;4GATS,iBAAc,MAAA,CAAA,GAAA,QAAA,mBAAA,WAAA,CAAA;EAAA;;gHAAd,gBAAc,CAAA;EAAA;;kGAAd,gBAAc,YAAA,CAAA;QAD1B;;;;ACHD,SACI,WACA,aACA,yBACA,mBACA,iBACA,YAEA,
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["import { Injectable } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Injectable()\nexport class EuiListService {\n public _isCollapsible = false;\n\n get isCollapsible(): boolean {\n return this._isCollapsible;\n }\n\n set isCollapsible(value: BooleanInput) {\n this._isCollapsible = coerceBooleanProperty(value);\n }\n}\n", "import {\n Component,\n HostBinding,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n ContentChildren,\n forwardRef,\n QueryList,\n Input,\n OnInit,\n ElementRef,\n booleanAttribute,\n} from '@angular/core';\nimport { Highlightable, FocusableOption } from '@angular/cdk/a11y';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiListComponent } from '../eui-list.component';\nimport { EuiListService } from '../services/eui-list.service';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\nimport { EuiLabelComponent } from '@eui/components/eui-label';\n\n@Component({\n templateUrl: './eui-list-item.component.html',\n selector: '[euiListItem], eui-list-item',\n styleUrls: ['../styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiListItemComponent implements OnInit, FocusableOption, Highlightable {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-list-item'),\n this.isActive ? 'eui-list-item--active' : '',\n ].join(' ').trim();\n }\n\n @HostBinding('attr.role') role = 'listitem';\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-list-item';\n @HostBinding('attr.tabindex') tabindex = '-1';\n\n @ContentChildren(forwardRef(() => EuiListComponent)) euiListComponent: QueryList<EuiListComponent>;\n @ContentChildren(forwardRef(() => EuiIconSvgComponent)) euiIconSvgComponent: QueryList<EuiIconSvgComponent>;\n @ContentChildren(forwardRef(() => EuiLabelComponent)) euiLabelComponent: QueryList<EuiLabelComponent>;\n\n @Input({ transform: booleanAttribute }) disabled = false;\n @Input({ transform: booleanAttribute }) isCollapsible = false;\n @Input({ transform: booleanAttribute }) isCollapsed = true;\n @Input({ transform: booleanAttribute }) isActive = false;\n\n constructor(\n public baseStatesDirective: BaseStatesDirective,\n private euiListService: EuiListService,\n private elementRef: ElementRef,\n ) {\n }\n\n ngOnInit(): void {\n this.isCollapsible = this.euiListService.isCollapsible;\n }\n\n public toggleCollapse(event: MouseEvent): void {\n if (this.isCollapsible) {\n this.isCollapsed = !this.isCollapsed;\n }\n if (event) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n\n public focus(): void {\n this.elementRef.nativeElement.focus();\n }\n\n public click(): void {\n this.elementRef.nativeElement.click();\n }\n\n public setActiveStyles(): void {\n this.isActive = true;\n }\n\n public setInactiveStyles(): void {\n this.isActive = false;\n }\n}\n", "<div class=\"eui-list-item__container\" [class.eui-list-item--has-submenu]=\"euiListComponent.length > 0\">\n <div class=\"eui-list-item__content\">\n <div class=\"eui-list-item__content-left\">\n <div *ngIf=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon-svg\">\n <ng-content select=\"eui-icon-svg\"></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 </div>\n <div class=\"eui-list-item__content-right\">\n <button\n *ngIf=\"euiListComponent.length > 0 && isCollapsible\"\n tabindex=\"-1\"\n euiButton\n euiBasicButton\n euiPrimary\n euiRounded\n euiIconButton\n euiSizeS\n type=\"button\"\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 <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", "import {\n Component,\n HostBinding,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n Input,\n OnInit,\n AfterContentInit,\n ContentChildren,\n forwardRef,\n QueryList,\n HostListener,\n booleanAttribute,\n} from '@angular/core';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\n\nimport { EuiListService } from './services/eui-list.service';\nimport { EuiListItemComponent } from './eui-list-item/eui-list-item.component';\n\n@Component({\n templateUrl: './eui-list.component.html',\n selector: '[euiList], eui-list',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiListComponent implements OnInit, AfterContentInit {\n @Input({ transform: booleanAttribute }) isCollapsible = false;\n\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-list';\n }\n\n @HostBinding('attr.role') role = 'list';\n @HostBinding('attr.tabindex') tabIndex: string;\n @ContentChildren(forwardRef(() => EuiListItemComponent), { descendants: true }) items: QueryList<EuiListItemComponent>;\n public nestedItems: QueryList<EuiListItemComponent>;\n private focusKeyManager: FocusKeyManager<EuiListItemComponent>;\n\n constructor(private euiListService: EuiListService) {\n }\n\n @HostListener('keydown', ['$event'])\n onKeydown(event: KeyboardEvent): void {\n switch (event.key) {\n case 'Enter': {\n if (this.focusKeyManager?.activeItem) {\n this.focusKeyManager.activeItem.click();\n }\n break;\n }\n case 'ArrowRight': {\n if (this.focusKeyManager.activeItem?.isCollapsible && this.focusKeyManager.activeItem.isCollapsed) {\n this.focusKeyManager.activeItem.isCollapsed = false;\n event.preventDefault();\n }\n break;\n }\n case 'ArrowLeft': {\n if (this.focusKeyManager.activeItem?.isCollapsible && !this.focusKeyManager.activeItem.isCollapsed) {\n this.focusKeyManager.activeItem.isCollapsed = true;\n event.preventDefault();\n }\n break;\n }\n case 'ArrowDown': {\n if (\n this.focusKeyManager.activeItem?.isCollapsible &&\n this.focusKeyManager.activeItem.isCollapsed &&\n this.focusKeyManager.activeItem.euiListComponent.length > 0\n ) {\n this.focusKeyManager.activeItem.euiListComponent.forEach((list) => {\n this.nestedItems = list.items;\n this.nestedItems.forEach((nestedItem) => {\n nestedItem.disabled = true;\n });\n this.focusKeyManager.onKeydown(event);\n });\n event.preventDefault();\n } else {\n this.nestedItems?.forEach((nestedItem) => {\n nestedItem.disabled = false;\n });\n this.focusKeyManager.onKeydown(event);\n }\n break;\n }\n default: {\n this.focusKeyManager.onKeydown(event);\n break;\n }\n }\n }\n\n ngOnInit(): void {\n if (this.isCollapsible) {\n this.euiListService.isCollapsible = this.isCollapsible;\n }\n }\n\n ngAfterContentInit(): void {\n // instantiates FocusKeyManager with the query list of items enabling wrapping\n this.focusKeyManager = new FocusKeyManager(this.items).withWrap();\n\n // checks whether an item contains a sub-menu and if so it sets it's ul element tabindex to -1\n this.items.forEach((item) => {\n if (item.euiListComponent.length > 0) {\n item.euiListComponent.forEach((list) => (list.tabIndex = '-1'));\n } else {\n this.tabIndex = '0';\n }\n });\n }\n}\n", "<ng-content></ng-content>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiListComponent } from './eui-list.component';\nimport { EuiListItemComponent } from './eui-list-item/eui-list-item.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiListService } from './services/eui-list.service';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiLabelModule],\n declarations: [EuiListComponent, EuiListItemComponent],\n exports: [EuiListComponent, EuiListItemComponent],\n providers: [EuiListService],\n})\nexport class EuiListModule {}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["i0", "Component", "HostBinding", "ChangeDetectionStrategy", "ViewEncapsulation", "Input", "ContentChildren", "forwardRef", "booleanAttribute", "i0"]
|
|
7
7
|
}
|