@eui/components 18.0.0-next.46 → 18.0.0-next.47
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/EuiListItemComponent.html +5 -5
- package/docs/dependencies.html +4 -4
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-block-content/eui-block-content.component.mjs +2 -2
- package/esm2022/eui-block-document/eui-block-document.component.mjs +2 -2
- package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +7 -7
- package/esm2022/eui-list/eui-list.component.mjs +2 -2
- package/eui-list/eui-list-item/eui-list-item.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-block-content.mjs +2 -2
- package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-document.mjs +2 -2
- package/fesm2022/eui-components-eui-block-document.mjs.map +1 -1
- package/fesm2022/eui-components-eui-list.mjs +8 -8
- package/fesm2022/eui-components-eui-list.mjs.map +2 -2
- package/package.json +3 -3
|
@@ -64,11 +64,11 @@ export class EuiBlockContentComponent {
|
|
|
64
64
|
return this.elRef.nativeElement.querySelector(':focus');
|
|
65
65
|
}
|
|
66
66
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
67
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: EuiBlockContentComponent, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{-
|
|
67
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: EuiBlockContentComponent, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
68
68
|
}
|
|
69
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockContentComponent, decorators: [{
|
|
70
70
|
type: Component,
|
|
71
|
-
args: [{ selector: 'eui-block-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{-
|
|
71
|
+
args: [{ selector: 'eui-block-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"] }]
|
|
72
72
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { cssClasses: [{
|
|
73
73
|
type: HostBinding,
|
|
74
74
|
args: ['class']
|
|
@@ -13,11 +13,11 @@ export class EuiBlockDocumentComponent {
|
|
|
13
13
|
].join(' ').trim();
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: EuiBlockDocumentComponent, selector: "eui-block-document", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: EuiBlockDocumentComponent, selector: "eui-block-document", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;height:120px;width:120px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockDocumentComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'eui-block-document', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#
|
|
20
|
+
args: [{ selector: 'eui-block-document', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;height:120px;width:120px}\n"] }]
|
|
21
21
|
}], propDecorators: { cssClasses: [{
|
|
22
22
|
type: HostBinding,
|
|
23
23
|
args: ['class']
|
|
@@ -36,7 +36,7 @@ export class EuiListItemComponent {
|
|
|
36
36
|
this.isActive = false;
|
|
37
37
|
}
|
|
38
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiListItemComponent, deps: [{ token: i1.BaseStatesDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { e2eAttr: "e2eAttr", disabled: ["disabled", "disabled", 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: i0.forwardRef(() => EuiListComponent) }, { propertyName: "euiIconSvgComponent", predicate: i0.forwardRef(() => EuiIconSvgComponent) }, { propertyName: "euiLabelComponent", predicate: i0.forwardRef(() => EuiLabelComponent) }, { propertyName: "templates", predicate: i0.forwardRef(() => EuiTemplateDirective) }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], 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=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { e2eAttr: "e2eAttr", disabled: ["disabled", "disabled", 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: i0.forwardRef(() => EuiListComponent), descendants: true }, { propertyName: "euiIconSvgComponent", predicate: i0.forwardRef(() => EuiIconSvgComponent), descendants: true }, { propertyName: "euiLabelComponent", predicate: i0.forwardRef(() => EuiLabelComponent), descendants: true }, { propertyName: "templates", predicate: i0.forwardRef(() => EuiTemplateDirective), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], 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=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon\">\n <ng-content select=\"[eui-icon-svg], [euiIconSvg]\"></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 <ng-content></ng-content>\n </div>\n\n <div\n class=\"eui-list-item__sub-list\"\n *ngIf=\"(euiListComponent.length > 0) || (euiListComponent.length > 0)\">\n <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n </div>\n</div>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-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:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;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-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-s-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-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-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-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
40
40
|
}
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiListItemComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
@@ -54,7 +54,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6",
|
|
|
54
54
|
'euiVariant',
|
|
55
55
|
],
|
|
56
56
|
},
|
|
57
|
-
], 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=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon
|
|
57
|
+
], 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=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon\">\n <ng-content select=\"[eui-icon-svg], [euiIconSvg]\"></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 <ng-content></ng-content>\n </div>\n\n <div\n class=\"eui-list-item__sub-list\"\n *ngIf=\"(euiListComponent.length > 0) || (euiListComponent.length > 0)\">\n <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n </div>\n</div>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-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:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;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-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-s-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-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-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-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n"] }]
|
|
58
58
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i0.ElementRef }], propDecorators: { cssClasses: [{
|
|
59
59
|
type: HostBinding,
|
|
60
60
|
args: ['class']
|
|
@@ -71,16 +71,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6",
|
|
|
71
71
|
args: ['attr.tabindex']
|
|
72
72
|
}], euiListComponent: [{
|
|
73
73
|
type: ContentChildren,
|
|
74
|
-
args: [forwardRef(() => EuiListComponent)]
|
|
74
|
+
args: [forwardRef(() => EuiListComponent), { descendants: true }]
|
|
75
75
|
}], euiIconSvgComponent: [{
|
|
76
76
|
type: ContentChildren,
|
|
77
|
-
args: [forwardRef(() => EuiIconSvgComponent)]
|
|
77
|
+
args: [forwardRef(() => EuiIconSvgComponent), { descendants: true }]
|
|
78
78
|
}], euiLabelComponent: [{
|
|
79
79
|
type: ContentChildren,
|
|
80
|
-
args: [forwardRef(() => EuiLabelComponent)]
|
|
80
|
+
args: [forwardRef(() => EuiLabelComponent), { descendants: true }]
|
|
81
81
|
}], templates: [{
|
|
82
82
|
type: ContentChildren,
|
|
83
|
-
args: [forwardRef(() => EuiTemplateDirective)]
|
|
83
|
+
args: [forwardRef(() => EuiTemplateDirective), { descendants: true }]
|
|
84
84
|
}], disabled: [{
|
|
85
85
|
type: Input,
|
|
86
86
|
args: [{ transform: booleanAttribute }]
|
|
@@ -88,4 +88,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6",
|
|
|
88
88
|
type: Input,
|
|
89
89
|
args: [{ transform: booleanAttribute }]
|
|
90
90
|
}] } });
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWxpc3QtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9ldWktbGlzdC9ldWktbGlzdC1pdGVtL2V1aS1saXN0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QtaXRlbS9ldWktbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQ1QsV0FBVyxFQUNYLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsZUFBZSxFQUNmLFVBQVUsRUFFVixLQUFLLEVBRUwsZ0JBQWdCLEdBQ25CLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzlELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7O0FBd0JsRSxNQUFNLE9BQU8sb0JBQW9CO0lBQzdCLElBQ0ksVUFBVTtRQUNWLE9BQU87WUFDSCxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQztZQUN2RCxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUMvQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBY0QsWUFDVyxtQkFBd0MsRUFDdkMsVUFBc0I7UUFEdkIsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQUN2QyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBZFIsU0FBSSxHQUFHLFVBQVUsQ0FBQztRQUNMLFlBQU8sR0FBRyxlQUFlLENBQUM7UUFDbkMsYUFBUSxHQUFHLElBQUksQ0FBQztRQU9OLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQztJQU16RCxDQUFDO0lBRU0sS0FBSztRQUNSLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzFDLENBQUM7SUFFTSxLQUFLO1FBQ1IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVNLGVBQWU7UUFDbEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDekIsQ0FBQztJQUVNLGlCQUFpQjtRQUNwQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDO3FIQXpDUSxvQkFBb0I7eUdBQXBCLG9CQUFvQiw2R0FrQlQsZ0JBQWdCLHNDQUNoQixnQkFBZ0IscU9BTkYsZ0JBQWdCLDhGQUNoQixtQkFBbUIsNEZBQ25CLGlCQUFpQixvRkFDakIsb0JBQW9CLDhVQzFEMUQsK3hCQWlCQTs7a0dEeUJhLG9CQUFvQjtrQkF0QmhDLFNBQVM7K0JBRUksOEJBQThCLG1CQUV2Qix1QkFBdUIsQ0FBQyxPQUFPLGlCQUNqQyxpQkFBaUIsQ0FBQyxJQUFJLGtCQUNyQjt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsbUJBQW1COzRCQUM5QixNQUFNLEVBQUU7Z0NBQ0osWUFBWTtnQ0FDWixjQUFjO2dDQUNkLFlBQVk7Z0NBQ1osU0FBUztnQ0FDVCxZQUFZO2dDQUNaLFdBQVc7Z0NBQ1gsV0FBVztnQ0FDWCxZQUFZOzZCQUNmO3lCQUNKO3FCQUNKO2lIQUlHLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQVFNLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFDZSxPQUFPO3NCQUE3QyxXQUFXO3VCQUFDLGVBQWU7O3NCQUFHLEtBQUs7Z0JBQ04sUUFBUTtzQkFBckMsV0FBVzt1QkFBQyxlQUFlO2dCQUVnRCxnQkFBZ0I7c0JBQTNGLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGdCQUFnQixDQUFDLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQUNLLG1CQUFtQjtzQkFBakcsZUFBZTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUMsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUU7Z0JBQ0EsaUJBQWlCO3NCQUE3RixlQUFlO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRTtnQkFDSyxTQUFTO3NCQUF4RixlQUFlO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQyxFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRTtnQkFFdEMsUUFBUTtzQkFBL0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxRQUFRO3NCQUEvQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIGZvcndhcmRSZWYsXG4gICAgUXVlcnlMaXN0LFxuICAgIElucHV0LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgYm9vbGVhbkF0dHJpYnV0ZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBIaWdobGlnaHRhYmxlLCBGb2N1c2FibGVPcHRpb24gfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5cbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcbmltcG9ydCB7IEV1aUxpc3RDb21wb25lbnQgfSBmcm9tICcuLi9ldWktbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpSWNvblN2Z0NvbXBvbmVudCB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktaWNvbic7XG5pbXBvcnQgeyBFdWlMYWJlbENvbXBvbmVudCB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktbGFiZWwnO1xuaW1wb3J0IHsgRXVpVGVtcGxhdGVEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZGlyZWN0aXZlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBzZWxlY3RvcjogJ1tldWlMaXN0SXRlbV0sIGV1aS1saXN0LWl0ZW0nLFxuICAgIHN0eWxlVXJsczogWycuLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LkRlZmF1bHQsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUsXG4gICAgICAgICAgICBpbnB1dHM6IFtcbiAgICAgICAgICAgICAgICAnZXVpUHJpbWFyeScsXG4gICAgICAgICAgICAgICAgJ2V1aVNlY29uZGFyeScsXG4gICAgICAgICAgICAgICAgJ2V1aVN1Y2Nlc3MnLFxuICAgICAgICAgICAgICAgICdldWlJbmZvJyxcbiAgICAgICAgICAgICAgICAnZXVpV2FybmluZycsXG4gICAgICAgICAgICAgICAgJ2V1aURhbmdlcicsXG4gICAgICAgICAgICAgICAgJ2V1aUFjY2VudCcsXG4gICAgICAgICAgICAgICAgJ2V1aVZhcmlhbnQnLFxuICAgICAgICAgICAgXSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlMaXN0SXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIEZvY3VzYWJsZU9wdGlvbiwgSGlnaGxpZ2h0YWJsZSB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5nZXRDc3NDbGFzc2VzKCdldWktbGlzdC1pdGVtJyksXG4gICAgICAgICAgICB0aGlzLmlzQWN0aXZlID8gJ2V1aS1saXN0LWl0ZW0tLWFjdGl2ZScgOiAnJyxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZSA9ICdsaXN0aXRlbSc7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtZTJlJykgQElucHV0KCkgZTJlQXR0ciA9ICdldWktbGlzdC1pdGVtJztcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKSB0YWJpbmRleCA9ICctMSc7XG5cbiAgICBAQ29udGVudENoaWxkcmVuKGZvcndhcmRSZWYoKCkgPT4gRXVpTGlzdENvbXBvbmVudCksIHsgZGVzY2VuZGFudHM6IHRydWUgfSkgZXVpTGlzdENvbXBvbmVudDogUXVlcnlMaXN0PEV1aUxpc3RDb21wb25lbnQ+O1xuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBFdWlJY29uU3ZnQ29tcG9uZW50KSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KSBldWlJY29uU3ZnQ29tcG9uZW50OiBRdWVyeUxpc3Q8RXVpSWNvblN2Z0NvbXBvbmVudD47XG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEV1aUxhYmVsQ29tcG9uZW50KSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KSBldWlMYWJlbENvbXBvbmVudDogUXVlcnlMaXN0PEV1aUxhYmVsQ29tcG9uZW50PjtcbiAgICBAQ29udGVudENoaWxkcmVuKGZvcndhcmRSZWYoKCkgPT4gRXVpVGVtcGxhdGVEaXJlY3RpdmUpLCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pIHRlbXBsYXRlczogUXVlcnlMaXN0PEV1aVRlbXBsYXRlRGlyZWN0aXZlPjtcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBkaXNhYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc0FjdGl2ZSA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyBiYXNlU3RhdGVzRGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlLFxuICAgICAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgKSB7XG4gICAgfVxuXG4gICAgcHVibGljIGZvY3VzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cblxuICAgIHB1YmxpYyBjbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xpY2soKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0QWN0aXZlU3R5bGVzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzQWN0aXZlID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0SW5hY3RpdmVTdHlsZXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNBY3RpdmUgPSBmYWxzZTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZXVpLWxpc3QtaXRlbV9fY29udGFpbmVyXCIgW2NsYXNzLmV1aS1saXN0LWl0ZW0tLWhhcy1zdWJtZW51XT1cImV1aUxpc3RDb21wb25lbnQubGVuZ3RoID4gMFwiPlxuICAgIDxkaXYgY2xhc3M9XCJldWktbGlzdC1pdGVtX19jb250ZW50XCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJldWlJY29uU3ZnQ29tcG9uZW50Lmxlbmd0aCA+IDBcIiBjbGFzcz1cImV1aS1saXN0LWl0ZW1fX2NvbnRlbnQtaWNvblwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2V1aS1pY29uLXN2Z10sIFtldWlJY29uU3ZnXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJldWlMYWJlbENvbXBvbmVudC5sZW5ndGggPiAwXCIgY2xhc3M9XCJldWktbGlzdC1pdGVtX19jb250ZW50LXRleHRcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltldWktbGFiZWxdLCBbZXVpTGFiZWxdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cImV1aS1saXN0LWl0ZW1fX3N1Yi1saXN0XCJcbiAgICAgICAgKm5nSWY9XCIoZXVpTGlzdENvbXBvbmVudC5sZW5ndGggPiAwKSB8fCAoZXVpTGlzdENvbXBvbmVudC5sZW5ndGggPiAwKVwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZXVpLWxpc3RdLCBbZXVpTGlzdF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -37,11 +37,11 @@ export class EuiListComponent {
|
|
|
37
37
|
});
|
|
38
38
|
}
|
|
39
39
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: EuiListComponent, selector: "[euiList], eui-list", host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EuiListItemComponent), descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-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:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;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
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: EuiListComponent, selector: "[euiList], eui-list", host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EuiListItemComponent), descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-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:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;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-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-s-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-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-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-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiListComponent, decorators: [{
|
|
43
43
|
type: Component,
|
|
44
|
-
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;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-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:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;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
|
|
44
|
+
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;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-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:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;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-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-s-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-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-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-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n"] }]
|
|
45
45
|
}], propDecorators: { cssClasses: [{
|
|
46
46
|
type: HostBinding,
|
|
47
47
|
args: ['class']
|
|
@@ -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,UAAU,EAEb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;;;AAElE,qBAsBa,oBAAqB,YAAW,eAAe,EAAE,aAAa;IAsB5D,mBAAmB,EAAE,mBAAmB;IAC/C,OAAO,CAAC,UAAU;IAtBtB,IACI,UAAU,IAAI,MAAM,CAKvB;IAEyB,IAAI,SAAc;IACL,OAAO,SAAmB;IACnC,QAAQ,SAAQ;
|
|
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,UAAU,EAEb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;;;AAElE,qBAsBa,oBAAqB,YAAW,eAAe,EAAE,aAAa;IAsB5D,mBAAmB,EAAE,mBAAmB;IAC/C,OAAO,CAAC,UAAU;IAtBtB,IACI,UAAU,IAAI,MAAM,CAKvB;IAEyB,IAAI,SAAc;IACL,OAAO,SAAmB;IACnC,QAAQ,SAAQ;IAE8B,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC3C,mBAAmB,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC;IACtD,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC7C,SAAS,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAEnF,QAAQ,UAAS;IACjB,QAAQ,UAAS;gBAG9C,mBAAmB,EAAE,mBAAmB,EACvC,UAAU,EAAE,UAAU;IAI3B,KAAK,IAAI,IAAI;IAIb,KAAK,IAAI,IAAI;IAIb,eAAe,IAAI,IAAI;IAIvB,iBAAiB,IAAI,IAAI;yCAvCvB,oBAAoB;2CAApB,oBAAoB;uCA2C+uyB,OAAQ;uCAAR,OAAQ;CADvxyB"}
|
|
@@ -65,12 +65,12 @@ var EuiBlockContentComponent = class _EuiBlockContentComponent {
|
|
|
65
65
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiBlockContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
66
66
|
}
|
|
67
67
|
static {
|
|
68
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiBlockContentComponent, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{-
|
|
68
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiBlockContentComponent, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:"";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-block-content--blocked:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockContentComponent, decorators: [{
|
|
72
72
|
type: Component,
|
|
73
|
-
args: [{ selector: "eui-block-content", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{-
|
|
73
|
+
args: [{ selector: "eui-block-content", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:"";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-block-content--blocked:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}\n'] }]
|
|
74
74
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { cssClasses: [{
|
|
75
75
|
type: HostBinding,
|
|
76
76
|
args: ["class"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-block-content/eui-block-content.component.ts", "../../eui-block-content/eui-block-content.component.html", "../../eui-block-content/eui-block-content.module.ts"],
|
|
4
4
|
"sourcesContent": ["import {\n Component,\n ElementRef,\n Input,\n OnChanges,\n Renderer2,\n SimpleChanges,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n HostBinding,\n booleanAttribute,\n} from '@angular/core';\n\n@Component({\n selector: 'eui-block-content',\n templateUrl: './eui-block-content.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBlockContentComponent implements OnChanges {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-block-content',\n this.isBlocked ? 'eui-block-content--blocked' : '',\n ].join(' ').trim();\n }\n\n @Input() @HostBinding('attr.role') role = 'region';\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'block content wrapper';\n\n @Input({ transform: booleanAttribute }) isBlocked = false;\n\n /** keeps the state of the element that was focused before content was blocked */\n private lastActiveElement: HTMLElement = null;\n\n constructor(\n private elRef: ElementRef,\n private renderer: Renderer2,\n ) {\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['isBlocked']) {\n const activeElement = this.getActiveElement();\n const isBlocking = this.isAboutToBlock(changes);\n\n if (isBlocking) {\n this.deactivateElement(activeElement);\n } else {\n this.reactivateElement(this.lastActiveElement);\n }\n }\n }\n\n /**\n * blur (un-focus) the focused element inside BlockContent\n */\n deactivateElement(activeElement: HTMLElement): void {\n if (activeElement) {\n this.renderer.selectRootElement(activeElement, true).blur();\n this.lastActiveElement = activeElement;\n } else {\n this.lastActiveElement = null;\n }\n }\n\n /**\n * focus on element if it was focused before content was blocked\n */\n reactivateElement(element: HTMLElement): void {\n if (element) {\n this.renderer.selectRootElement(element, true).focus();\n }\n }\n\n /**\n * returns where the element is about to block or not\n *\n * @param changes SimplyChanges\n */\n private isAboutToBlock(changes: SimpleChanges): boolean {\n const isBlockedChange = changes['isBlocked'];\n\n return isBlockedChange?.currentValue && !isBlockedChange.previousValue;\n }\n\n /**\n * finds the element which is focused inside the UxBlockContent\n */\n private getActiveElement(): HTMLElement {\n return this.elRef.nativeElement.querySelector(':focus');\n }\n}\n", "<ng-content></ng-content>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiBlockContentComponent } from './eui-block-content.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [EuiBlockContentComponent],\n declarations: [EuiBlockContentComponent],\n})\nexport class EuiBlockContentModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SACI,WAEA,OAIA,yBACA,mBACA,aACA,wBACG;;AASD,IAAO,2BAAP,MAAO,0BAAwB;EACjC,IACW,aAAU;AACjB,WAAO;MACH;MACA,KAAK,YAAY,+BAA+B;MAClD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACY,OACA,UAAmB;AADnB,SAAA,QAAA;AACA,SAAA,WAAA;AAVuB,SAAA,OAAO;AACD,SAAA,YAAY;AAEb,SAAA,YAAY;AAG5C,SAAA,oBAAiC;EAMzC;EAEA,YAAY,SAAsB;AAC9B,QAAI,QAAQ,WAAW,GAAG;AACtB,YAAM,gBAAgB,KAAK,iBAAgB;AAC3C,YAAM,aAAa,KAAK,eAAe,OAAO;AAE9C,UAAI,YAAY;AACZ,aAAK,kBAAkB,aAAa;MACxC,OAAO;AACH,aAAK,kBAAkB,KAAK,iBAAiB;MACjD;IACJ;EACJ;;;;EAKA,kBAAkB,eAA0B;AACxC,QAAI,eAAe;AACf,WAAK,SAAS,kBAAkB,eAAe,IAAI,EAAE,KAAI;AACzD,WAAK,oBAAoB;IAC7B,OAAO;AACH,WAAK,oBAAoB;IAC7B;EACJ;;;;EAKA,kBAAkB,SAAoB;AAClC,QAAI,SAAS;AACT,WAAK,SAAS,kBAAkB,SAAS,IAAI,EAAE,MAAK;IACxD;EACJ;;;;;;EAOQ,eAAe,SAAsB;AACzC,UAAM,kBAAkB,QAAQ,WAAW;AAE3C,WAAO,iBAAiB,gBAAgB,CAAC,gBAAgB;EAC7D;;;;EAKQ,mBAAgB;AACpB,WAAO,KAAK,MAAM,cAAc,cAAc,QAAQ;EAC1D;;4GAzES,2BAAwB,MAAA,CAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,aAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAxB,2BAAwB,UAAA,qBAAA,QAAA,EAAA,MAAA,QAAA,WAAA,aAAA,WAAA,CAAA,aAAA,aAYb,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,eAAA,MAAA,UAAA,IAAA,UChCxC,+BACA,QAAA,CAAA,
|
|
5
|
+
"mappings": ";AAAA,SACI,WAEA,OAIA,yBACA,mBACA,aACA,wBACG;;AASD,IAAO,2BAAP,MAAO,0BAAwB;EACjC,IACW,aAAU;AACjB,WAAO;MACH;MACA,KAAK,YAAY,+BAA+B;MAClD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACY,OACA,UAAmB;AADnB,SAAA,QAAA;AACA,SAAA,WAAA;AAVuB,SAAA,OAAO;AACD,SAAA,YAAY;AAEb,SAAA,YAAY;AAG5C,SAAA,oBAAiC;EAMzC;EAEA,YAAY,SAAsB;AAC9B,QAAI,QAAQ,WAAW,GAAG;AACtB,YAAM,gBAAgB,KAAK,iBAAgB;AAC3C,YAAM,aAAa,KAAK,eAAe,OAAO;AAE9C,UAAI,YAAY;AACZ,aAAK,kBAAkB,aAAa;MACxC,OAAO;AACH,aAAK,kBAAkB,KAAK,iBAAiB;MACjD;IACJ;EACJ;;;;EAKA,kBAAkB,eAA0B;AACxC,QAAI,eAAe;AACf,WAAK,SAAS,kBAAkB,eAAe,IAAI,EAAE,KAAI;AACzD,WAAK,oBAAoB;IAC7B,OAAO;AACH,WAAK,oBAAoB;IAC7B;EACJ;;;;EAKA,kBAAkB,SAAoB;AAClC,QAAI,SAAS;AACT,WAAK,SAAS,kBAAkB,SAAS,IAAI,EAAE,MAAK;IACxD;EACJ;;;;;;EAOQ,eAAe,SAAsB;AACzC,UAAM,kBAAkB,QAAQ,WAAW;AAE3C,WAAO,iBAAiB,gBAAgB,CAAC,gBAAgB;EAC7D;;;;EAKQ,mBAAgB;AACpB,WAAO,KAAK,MAAM,cAAc,cAAc,QAAQ;EAC1D;;4GAzES,2BAAwB,MAAA,CAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,aAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAxB,2BAAwB,UAAA,qBAAA,QAAA,EAAA,MAAA,QAAA,WAAA,aAAA,WAAA,CAAA,aAAA,aAYb,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,eAAA,MAAA,UAAA,IAAA,UChCxC,+BACA,QAAA,CAAA,g1BAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDmBa,0BAAwB,YAAA,CAAA;QAPpC;qBACa,qBAAmB,iBAGZ,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,UAAA,+BAAA,QAAA,CAAA,g1BAAA,EAAA,CAAA;+FAI1B,YAAU,CAAA;QADpB;SAAY,OAAO;IAQe,MAAI,CAAA;QAAtC;;QAAS;SAAY,WAAW;IACQ,WAAS,CAAA;QAAjD;;QAAS;SAAY,iBAAiB;IAEC,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;;;;AEhC1C,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,wBAAP,MAAO,uBAAqB;;8GAArB,wBAAqB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAArB,wBAAqB,cAAA,CAFf,wBAAwB,GAAA,SAAA,CAF7B,YAAY,GAAA,SAAA,CACZ,wBAAwB,EAAA,CAAA;EAAA;;+GAGzB,wBAAqB,SAAA,CAJpB,YAAY,EAAA,CAAA;EAAA;;oGAIb,uBAAqB,YAAA,CAAA;QALjC;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,SAAS,CAAC,wBAAwB;IAClC,cAAc,CAAC,wBAAwB;GAC1C;;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,12 +17,12 @@ var EuiBlockDocumentComponent = class _EuiBlockDocumentComponent {
|
|
|
17
17
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiBlockDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
18
|
}
|
|
19
19
|
static {
|
|
20
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiBlockDocumentComponent, selector: "eui-block-document", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: '<div class="eui-block-document__loader"></div>\n', styles: ['.eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#
|
|
20
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiBlockDocumentComponent, selector: "eui-block-document", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: '<div class="eui-block-document__loader"></div>\n', styles: ['.eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:"";position:absolute;height:120px;width:120px}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockDocumentComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: "eui-block-document", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<div class="eui-block-document__loader"></div>\n', styles: ['.eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#
|
|
25
|
+
args: [{ selector: "eui-block-document", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<div class="eui-block-document__loader"></div>\n', styles: ['.eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:"";position:absolute;height:120px;width:120px}\n'] }]
|
|
26
26
|
}], propDecorators: { cssClasses: [{
|
|
27
27
|
type: HostBinding,
|
|
28
28
|
args: ["class"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-block-document/eui-block-document.component.ts", "../../eui-block-document/eui-block-document.component.html", "../../eui-block-document/eui-block-document.module.ts"],
|
|
4
4
|
"sourcesContent": ["import { Component, Input, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, booleanAttribute } from '@angular/core';\n\n@Component({\n selector: 'eui-block-document',\n templateUrl: './eui-block-document.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBlockDocumentComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-block-document',\n this.isBlocked ? 'eui-block-document--blocked' : '',\n ].join(' ').trim();\n }\n\n @Input({ transform: booleanAttribute }) isBlocked = false;\n @HostBinding('attr.role') role = 'region';\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'eUI Block Document'\n}\n", "<div class=\"eui-block-document__loader\"></div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiBlockDocumentComponent } from './eui-block-document.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [EuiBlockDocumentComponent],\n declarations: [EuiBlockDocumentComponent],\n})\nexport class EuiBlockDocumentModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,OAAO,yBAAyB,mBAAmB,aAAa,wBAAwB;;AAStG,IAAO,4BAAP,MAAO,2BAAyB;EAPtC,cAAA;AAgB4C,SAAA,YAAY;AAC1B,SAAA,OAAO;AACQ,SAAA,YAAY;;EAVrD,IACI,aAAU;AACV,WAAO;MACH;MACA,KAAK,YAAY,gCAAgC;MACnD,KAAK,GAAG,EAAE,KAAI;EACpB;;4GAPS,4BAAyB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAzB,4BAAyB,UAAA,sBAAA,QAAA,EAAA,WAAA,CAAA,aAAA,aASd,gBAAgB,GAAA,WAAA,YAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,UAAA,IAAA,UClBxC,oDACA,QAAA,CAAA,
|
|
5
|
+
"mappings": ";AAAA,SAAS,WAAW,OAAO,yBAAyB,mBAAmB,aAAa,wBAAwB;;AAStG,IAAO,4BAAP,MAAO,2BAAyB;EAPtC,cAAA;AAgB4C,SAAA,YAAY;AAC1B,SAAA,OAAO;AACQ,SAAA,YAAY;;EAVrD,IACI,aAAU;AACV,WAAO;MACH;MACA,KAAK,YAAY,gCAAgC;MACnD,KAAK,GAAG,EAAE,KAAI;EACpB;;4GAPS,4BAAyB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAzB,4BAAyB,UAAA,sBAAA,QAAA,EAAA,WAAA,CAAA,aAAA,aASd,gBAAgB,GAAA,WAAA,YAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,UAAA,IAAA,UClBxC,oDACA,QAAA,CAAA,0lCAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDQa,2BAAyB,YAAA,CAAA;QAPrC;qBACa,sBAAoB,iBAGb,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,UAAA,oDAAA,QAAA,CAAA,0lCAAA,EAAA,CAAA;sBAIjC,YAAU,CAAA;QADb;SAAY,OAAO;IAQoB,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACZ,MAAI,CAAA;QAA7B;SAAY,WAAW;IACiB,WAAS,CAAA;QAAjD;;QAAS;SAAY,iBAAiB;;;;AEpB3C,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,yBAAP,MAAO,wBAAsB;;8GAAtB,yBAAsB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAtB,yBAAsB,cAAA,CAFhB,yBAAyB,GAAA,SAAA,CAF9B,YAAY,GAAA,SAAA,CACZ,yBAAyB,EAAA,CAAA;EAAA;;+GAG1B,yBAAsB,SAAA,CAJrB,YAAY,EAAA,CAAA;EAAA;;oGAIb,wBAAsB,YAAA,CAAA;QALlC;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,SAAS,CAAC,yBAAyB;IACnC,cAAc,CAAC,yBAAyB;GAC3C;;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -39,7 +39,7 @@ var EuiListItemComponent = class _EuiListItemComponent {
|
|
|
39
39
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiListItemComponent, deps: [{ token: i1.BaseStatesDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
40
40
|
}
|
|
41
41
|
static {
|
|
42
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { e2eAttr: "e2eAttr", disabled: ["disabled", "disabled", 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: i0.forwardRef(() => EuiListComponent) }, { propertyName: "euiIconSvgComponent", predicate: i0.forwardRef(() => EuiIconSvgComponent) }, { propertyName: "euiLabelComponent", predicate: i0.forwardRef(() => EuiLabelComponent) }, { propertyName: "templates", predicate: i0.forwardRef(() => EuiTemplateDirective) }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], 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="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon
|
|
42
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { e2eAttr: "e2eAttr", disabled: ["disabled", "disabled", 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: i0.forwardRef(() => EuiListComponent), descendants: true }, { propertyName: "euiIconSvgComponent", predicate: i0.forwardRef(() => EuiIconSvgComponent), descendants: true }, { propertyName: "euiLabelComponent", predicate: i0.forwardRef(() => EuiLabelComponent), descendants: true }, { propertyName: "templates", predicate: i0.forwardRef(() => EuiTemplateDirective), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], 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="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon">\n <ng-content select="[eui-icon-svg], [euiIconSvg]"></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 <ng-content></ng-content>\n </div>\n\n <div\n class="eui-list-item__sub-list"\n *ngIf="(euiListComponent.length > 0) || (euiListComponent.length > 0)">\n <ng-content select="[eui-list], [euiList]"></ng-content>\n </div>\n</div>\n', styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-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:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;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-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-s-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-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-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-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiListItemComponent, decorators: [{
|
|
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6",
|
|
|
58
58
|
"euiVariant"
|
|
59
59
|
]
|
|
60
60
|
}
|
|
61
|
-
], 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="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon
|
|
61
|
+
], 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="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon">\n <ng-content select="[eui-icon-svg], [euiIconSvg]"></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 <ng-content></ng-content>\n </div>\n\n <div\n class="eui-list-item__sub-list"\n *ngIf="(euiListComponent.length > 0) || (euiListComponent.length > 0)">\n <ng-content select="[eui-list], [euiList]"></ng-content>\n </div>\n</div>\n', styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-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:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;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-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-s-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-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-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-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n'] }]
|
|
62
62
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i0.ElementRef }], propDecorators: { cssClasses: [{
|
|
63
63
|
type: HostBinding,
|
|
64
64
|
args: ["class"]
|
|
@@ -75,16 +75,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6",
|
|
|
75
75
|
args: ["attr.tabindex"]
|
|
76
76
|
}], euiListComponent: [{
|
|
77
77
|
type: ContentChildren,
|
|
78
|
-
args: [forwardRef(() => EuiListComponent)]
|
|
78
|
+
args: [forwardRef(() => EuiListComponent), { descendants: true }]
|
|
79
79
|
}], euiIconSvgComponent: [{
|
|
80
80
|
type: ContentChildren,
|
|
81
|
-
args: [forwardRef(() => EuiIconSvgComponent)]
|
|
81
|
+
args: [forwardRef(() => EuiIconSvgComponent), { descendants: true }]
|
|
82
82
|
}], euiLabelComponent: [{
|
|
83
83
|
type: ContentChildren,
|
|
84
|
-
args: [forwardRef(() => EuiLabelComponent)]
|
|
84
|
+
args: [forwardRef(() => EuiLabelComponent), { descendants: true }]
|
|
85
85
|
}], templates: [{
|
|
86
86
|
type: ContentChildren,
|
|
87
|
-
args: [forwardRef(() => EuiTemplateDirective)]
|
|
87
|
+
args: [forwardRef(() => EuiTemplateDirective), { descendants: true }]
|
|
88
88
|
}], disabled: [{
|
|
89
89
|
type: Input,
|
|
90
90
|
args: [{ transform: booleanAttribute }]
|
|
@@ -132,12 +132,12 @@ var EuiListComponent = class _EuiListComponent {
|
|
|
132
132
|
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _EuiListComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
|
|
133
133
|
}
|
|
134
134
|
static {
|
|
135
|
-
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiListComponent, selector: "[euiList], eui-list", host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, queries: [{ propertyName: "items", predicate: i02.forwardRef(() => EuiListItemComponent), descendants: true }], ngImport: i02, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-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:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;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
|
|
135
|
+
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiListComponent, selector: "[euiList], eui-list", host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, queries: [{ propertyName: "items", predicate: i02.forwardRef(() => EuiListItemComponent), descendants: true }], ngImport: i02, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-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:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;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-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-s-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-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-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-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n'], changeDetection: i02.ChangeDetectionStrategy.OnPush, encapsulation: i02.ViewEncapsulation.None });
|
|
136
136
|
}
|
|
137
137
|
};
|
|
138
138
|
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: EuiListComponent, decorators: [{
|
|
139
139
|
type: Component2,
|
|
140
|
-
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;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-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:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;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
|
|
140
|
+
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;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-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:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;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-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-s-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-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-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-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n'] }]
|
|
141
141
|
}], propDecorators: { cssClasses: [{
|
|
142
142
|
type: HostBinding2,
|
|
143
143
|
args: ["class"]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../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 {\n Component,\n HostBinding,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n ContentChildren,\n forwardRef,\n QueryList,\n Input,\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 { EuiIconSvgComponent } from '@eui/components/eui-icon';\nimport { EuiLabelComponent } from '@eui/components/eui-label';\nimport { EuiTemplateDirective } from '@eui/components/directives';\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 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 @ContentChildren(forwardRef(() => EuiTemplateDirective)) templates: QueryList<EuiTemplateDirective>;\n\n @Input({ transform: booleanAttribute }) disabled = false;\n @Input({ transform: booleanAttribute }) isActive = false;\n\n constructor(\n public baseStatesDirective: BaseStatesDirective,\n private elementRef: ElementRef,\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 *ngIf=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon
|
|
5
|
-
"mappings": ";AAAA,SACI,WACA,aACA,yBACA,mBACA,iBACA,YAEA,OAEA,wBACG;AAGP,SAAS,2BAA2B;AAEpC,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;;;;AAwB/B,IAAO,uBAAP,MAAO,sBAAoB;EAC7B,IACI,aAAU;AACV,WAAO;MACH,KAAK,oBAAoB,cAAc,eAAe;MACtD,KAAK,WAAW,0BAA0B;MAC5C,KAAK,GAAG,EAAE,KAAI;EACpB;EAcA,YACW,qBACC,YAAsB;AADvB,SAAA,sBAAA;AACC,SAAA,aAAA;AAdc,SAAA,OAAO;AACM,SAAA,UAAU;AACnB,SAAA,WAAW;AAOD,SAAA,WAAW;AACX,SAAA,WAAW;EAMnD;EAEO,QAAK;AACR,SAAK,WAAW,cAAc,MAAK;EACvC;EAEO,QAAK;AACR,SAAK,WAAW,cAAc,MAAK;EACvC;EAEO,kBAAe;AAClB,SAAK,WAAW;EACpB;EAEO,oBAAiB;AACpB,SAAK,WAAW;EACpB;;4GAzCS,uBAAoB,MAAA,CAAA,EAAA,OAAA,uBAAA,GAAA,EAAA,OAAA,cAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAApB,uBAAoB,UAAA,gCAAA,QAAA,EAAA,SAAA,WAAA,UAAA,CAAA,YAAA,YAkBT,gBAAgB,GAAA,UAAA,CAAA,YAAA,YAChB,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,iBAAA,gBAAA,iBAAA,gBAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,oBAAA,WAAA,cAAA,MANF,gBAAgB,
|
|
4
|
+
"sourcesContent": ["import {\n Component,\n HostBinding,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n ContentChildren,\n forwardRef,\n QueryList,\n Input,\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 { EuiIconSvgComponent } from '@eui/components/eui-icon';\nimport { EuiLabelComponent } from '@eui/components/eui-label';\nimport { EuiTemplateDirective } from '@eui/components/directives';\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 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), { descendants: true }) euiListComponent: QueryList<EuiListComponent>;\n @ContentChildren(forwardRef(() => EuiIconSvgComponent), { descendants: true }) euiIconSvgComponent: QueryList<EuiIconSvgComponent>;\n @ContentChildren(forwardRef(() => EuiLabelComponent), { descendants: true }) euiLabelComponent: QueryList<EuiLabelComponent>;\n @ContentChildren(forwardRef(() => EuiTemplateDirective), { descendants: true }) templates: QueryList<EuiTemplateDirective>;\n\n @Input({ transform: booleanAttribute }) disabled = false;\n @Input({ transform: booleanAttribute }) isActive = false;\n\n constructor(\n public baseStatesDirective: BaseStatesDirective,\n private elementRef: ElementRef,\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 *ngIf=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon\">\n <ng-content select=\"[eui-icon-svg], [euiIconSvg]\"></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 <ng-content></ng-content>\n </div>\n\n <div\n class=\"eui-list-item__sub-list\"\n *ngIf=\"(euiListComponent.length > 0) || (euiListComponent.length > 0)\">\n <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n </div>\n</div>\n", "import {\n Component,\n HostBinding,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n AfterContentInit,\n ContentChildren,\n forwardRef,\n QueryList,\n HostListener,\n} from '@angular/core';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\n\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 AfterContentInit {\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 private focusKeyManager: FocusKeyManager<EuiListItemComponent>;\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 default: {\n this.focusKeyManager.onKeydown(event);\n break;\n }\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';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiLabelModule],\n declarations: [EuiListComponent, EuiListItemComponent],\n exports: [EuiListComponent, EuiListItemComponent],\n})\nexport class EuiListModule {}\n"],
|
|
5
|
+
"mappings": ";AAAA,SACI,WACA,aACA,yBACA,mBACA,iBACA,YAEA,OAEA,wBACG;AAGP,SAAS,2BAA2B;AAEpC,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;;;;AAwB/B,IAAO,uBAAP,MAAO,sBAAoB;EAC7B,IACI,aAAU;AACV,WAAO;MACH,KAAK,oBAAoB,cAAc,eAAe;MACtD,KAAK,WAAW,0BAA0B;MAC5C,KAAK,GAAG,EAAE,KAAI;EACpB;EAcA,YACW,qBACC,YAAsB;AADvB,SAAA,sBAAA;AACC,SAAA,aAAA;AAdc,SAAA,OAAO;AACM,SAAA,UAAU;AACnB,SAAA,WAAW;AAOD,SAAA,WAAW;AACX,SAAA,WAAW;EAMnD;EAEO,QAAK;AACR,SAAK,WAAW,cAAc,MAAK;EACvC;EAEO,QAAK;AACR,SAAK,WAAW,cAAc,MAAK;EACvC;EAEO,kBAAe;AAClB,SAAK,WAAW;EACpB;EAEO,oBAAiB;AACpB,SAAK,WAAW;EACpB;;4GAzCS,uBAAoB,MAAA,CAAA,EAAA,OAAA,uBAAA,GAAA,EAAA,OAAA,cAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAApB,uBAAoB,UAAA,gCAAA,QAAA,EAAA,SAAA,WAAA,UAAA,CAAA,YAAA,YAkBT,gBAAgB,GAAA,UAAA,CAAA,YAAA,YAChB,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,iBAAA,gBAAA,iBAAA,gBAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,oBAAA,WAAA,cAAA,MANF,gBAAgB,GAAA,aAAA,KAAA,GAAA,EAAA,cAAA,uBAAA,WAAA,cAAA,MAChB,mBAAmB,GAAA,aAAA,KAAA,GAAA,EAAA,cAAA,qBAAA,WAAA,cAAA,MACnB,iBAAiB,GAAA,aAAA,KAAA,GAAA,EAAA,cAAA,aAAA,WAAA,cAAA,MACjB,oBAAoB,GAAA,aAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,YAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UC1D1D,ywBAiBA,QAAA,CAAA,soHAAA,GAAA,cAAA,CAAA,EAAA,MAAA,aAAA,MAAA,SAAA,UAAA,UAAA,QAAA,CAAA,QAAA,YAAA,UAAA,EAAA,CAAA,GAAA,iBAAA,2BAAA,SAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDyBa,sBAAoB,YAAA,CAAA;QAtBhC;qBAEa,gCAA8B,iBAEvB,wBAAwB,SAAO,eACjC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;;KAGX,UAAA,ywBAAA,QAAA,CAAA,soHAAA,EAAA,CAAA;yGAIG,YAAU,CAAA;QADb;SAAY,OAAO;IAQM,MAAI,CAAA;QAA7B;SAAY,WAAW;IACe,SAAO,CAAA;QAA7C;SAAY,eAAe;;QAAG;IACD,UAAQ,CAAA;QAArC;SAAY,eAAe;IAEgD,kBAAgB,CAAA;QAA3F;SAAgB,WAAW,MAAM,gBAAgB,GAAG,EAAE,aAAa,KAAI,CAAE;IACK,qBAAmB,CAAA;QAAjG;SAAgB,WAAW,MAAM,mBAAmB,GAAG,EAAE,aAAa,KAAI,CAAE;IACA,mBAAiB,CAAA;QAA7F;SAAgB,WAAW,MAAM,iBAAiB,GAAG,EAAE,aAAa,KAAI,CAAE;IACK,WAAS,CAAA;QAAxF;SAAgB,WAAW,MAAM,oBAAoB,GAAG,EAAE,aAAa,KAAI,CAAE;IAEtC,UAAQ,CAAA;QAA/C;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,UAAQ,CAAA;QAA/C;SAAM,EAAE,WAAW,iBAAgB,CAAE;;;;AE7D1C,SACI,aAAAA,YACA,eAAAC,cACA,2BAAAC,0BACA,qBAAAC,oBAEA,mBAAAC,kBACA,cAAAC,aAEA,oBACG;AACP,SAAS,uBAAuB;;AAW1B,IAAO,mBAAP,MAAO,kBAAgB;EAP7B,cAAA;AAa8B,SAAA,OAAO;;EALjC,IACI,aAAU;AACV,WAAO;EACX;EAQA,UAAU,OAAoB;AAC1B,YAAQ,MAAM,KAAK;MACf,KAAK,SAAS;AACV,YAAI,KAAK,iBAAiB,YAAY;AAClC,eAAK,gBAAgB,WAAW,MAAK;QACzC;AACA;MACJ;MACA,SAAS;AACL,aAAK,gBAAgB,UAAU,KAAK;AACpC;MACJ;IACJ;EACJ;EAEA,qBAAkB;AAEd,SAAK,kBAAkB,IAAI,gBAAgB,KAAK,KAAK,EAAE,SAAQ;AAG/D,SAAK,MAAM,QAAQ,CAAC,SAAQ;AACxB,UAAI,KAAK,iBAAiB,SAAS,GAAG;AAClC,aAAK,iBAAiB,QAAQ,CAAC,SAAU,KAAK,WAAW,IAAK;MAClE,OAAO;AACH,aAAK,WAAW;MACpB;IACJ,CAAC;EACL;;8GAvCS,mBAAgB,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAAhB,mBAAgB,UAAA,uBAAA,MAAA,EAAA,WAAA,EAAA,WAAA,oBAAA,GAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,iBAAA,gBAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,SAAA,WAAA,eAAA,MAQS,oBAAoB,GAAA,aAAA,KAAA,CAAA,GAAA,UAAAC,KAAA,UC9B1D,+BACA,QAAA,CAAA,soHAAA,GAAA,iBAAA,4BAAA,QAAA,eAAA,sBAAA,KAAA,CAAA;EAAA;;oGDqBa,kBAAgB,YAAA,CAAA;QAP5BN;qBAEa,uBAAqB,iBAEdE,yBAAwB,QAAM,eAChCC,mBAAkB,MAAI,UAAA,+BAAA,QAAA,CAAA,soHAAA,EAAA,CAAA;sBAIjC,YAAU,CAAA;QADbF;SAAY,OAAO;IAKM,MAAI,CAAA;QAA7BA;SAAY,WAAW;IACM,UAAQ,CAAA;QAArCA;SAAY,eAAe;IACoD,OAAK,CAAA;QAApFG;SAAgBC,YAAW,MAAM,oBAAoB,GAAG,EAAE,aAAa,KAAI,CAAE;IAI9E,WAAS,CAAA;QADR;SAAa,WAAW,CAAC,QAAQ,CAAC;;;;AEjCvC,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAI7B,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;;AAO1B,IAAO,gBAAP,MAAO,eAAa;;8GAAb,gBAAa,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAb,gBAAa,cAAA,CAHP,kBAAkB,oBAAoB,GAAA,SAAA,CAD3C,cAAc,eAAe,iBAAiB,cAAc,GAAA,SAAA,CAE5D,kBAAkB,oBAAoB,EAAA,CAAA;EAAA;;+GAEvC,gBAAa,SAAA,CAJZ,cAAc,eAAe,iBAAiB,cAAc,EAAA,CAAA;EAAA;;oGAI7D,eAAa,YAAA,CAAA;QALzB;SAAS;IACN,SAAS,CAAC,cAAc,eAAe,iBAAiB,cAAc;IACtE,cAAc,CAAC,kBAAkB,oBAAoB;IACrD,SAAS,CAAC,kBAAkB,oBAAoB;GACnD;;",
|
|
6
6
|
"names": ["Component", "HostBinding", "ChangeDetectionStrategy", "ViewEncapsulation", "ContentChildren", "forwardRef", "i0"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eui/components",
|
|
3
|
-
"version": "18.0.0-next.
|
|
3
|
+
"version": "18.0.0-next.47",
|
|
4
4
|
"tag": "next",
|
|
5
5
|
"description": "eUI components package",
|
|
6
6
|
"homepage": "https://eui.ecdevops.eu",
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"url": "https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/eui"
|
|
11
11
|
},
|
|
12
12
|
"peerDependencies": {
|
|
13
|
-
"@eui/core": "18.0.0-next.
|
|
14
|
-
"@eui/base": "18.0.0-next.
|
|
13
|
+
"@eui/core": "18.0.0-next.47",
|
|
14
|
+
"@eui/base": "18.0.0-next.47",
|
|
15
15
|
"@angular/common": "^18.0.0",
|
|
16
16
|
"@angular/core": "^18.0.0",
|
|
17
17
|
"@angular/forms": "^18.0.0",
|