@eui/components 18.0.0-next.56 → 18.0.0-next.58
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/EuiAppSidebarMenuComponent.html +25 -1
- package/docs/components/EuiDashboardCardComponent.html +24 -0
- package/docs/components/EuiMenuComponent.html +25 -1
- package/docs/components/EuiMenuItemComponent.html +25 -1
- package/docs/components/EuiSidebarMenuComponent.html +25 -1
- package/docs/components/EuiToolbarNavbarComponent.html +105 -4
- package/docs/dependencies.html +1 -1
- package/docs/js/menu-wc.js +6 -6
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/modules/EuiToolbarModule.html +3 -0
- package/esm2022/eui-accordion/eui-accordion.component.mjs +2 -2
- package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
- package/esm2022/eui-badge/eui-badge.component.mjs +2 -2
- package/esm2022/eui-block-document/eui-block-document.component.mjs +2 -2
- package/esm2022/eui-button/eui-button.component.mjs +2 -2
- package/esm2022/eui-button-v2/eui-button-v2.component.mjs +2 -2
- package/esm2022/eui-card/eui-card.component.mjs +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +6 -3
- package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +2 -2
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +14 -4
- package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +2 -2
- package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +2 -2
- package/esm2022/eui-dialog/eui-dialog.component.mjs +2 -2
- package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +2 -2
- package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +2 -2
- package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
- package/esm2022/eui-file-upload/eui-file-upload.component.mjs +2 -2
- package/esm2022/eui-icon/eui-icon-button/eui-icon-button.component.mjs +2 -2
- package/esm2022/eui-icon/eui-icon-button-expander/eui-icon-button-expander.component.mjs +2 -2
- package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +2 -2
- package/esm2022/eui-input-group/eui-input-group.component.mjs +2 -2
- package/esm2022/eui-input-radio/eui-input-radio.component.mjs +2 -2
- package/esm2022/eui-language-selector/language-selector.component.mjs +2 -2
- package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +2 -2
- package/esm2022/eui-list/eui-list.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu-item.component.mjs +11 -4
- package/esm2022/eui-menu/eui-menu.component.mjs +7 -3
- package/esm2022/eui-popover/eui-popover.component.mjs +2 -2
- package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +2 -2
- package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +7 -3
- package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +2 -2
- package/esm2022/eui-table/eui-table.component.mjs +2 -2
- package/esm2022/eui-table-v2/eui-table-v2.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tabs.component.mjs +2 -2
- package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
- package/esm2022/eui-timebar/eui-timebar.component.mjs +2 -2
- package/esm2022/eui-timeline/eui-timeline-item.component.mjs +2 -2
- package/esm2022/eui-timeline/eui-timeline.component.mjs +2 -2
- package/esm2022/eui-user-profile/user-profile.component.mjs +2 -2
- package/esm2022/eui-wizard/eui-wizard-step.component.mjs +2 -2
- package/esm2022/eui-wizard/eui-wizard.component.mjs +2 -2
- package/esm2022/externals/eui-editor/eui-editor.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +7 -3
- package/esm2022/layout/eui-app/eui-app.component.mjs +1 -1
- package/esm2022/layout/eui-search/search.component.mjs +2 -2
- package/esm2022/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.mjs +15 -11
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +2 -2
- package/esm2022/layout/eui-toolbar/toolbar.module.mjs +5 -1
- package/eui-chip/eui-chip.component.d.ts.map +1 -1
- package/eui-dashboard-card/eui-dashboard-card.component.d.ts +3 -1
- package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
- package/eui-menu/eui-menu-item.component.d.ts +3 -1
- package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
- package/eui-menu/eui-menu.component.d.ts +3 -1
- package/eui-menu/eui-menu.component.d.ts.map +1 -1
- package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts +3 -1
- package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-accordion.mjs +2 -2
- package/fesm2022/eui-components-eui-accordion.mjs.map +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
- package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +2 -2
- package/fesm2022/eui-components-eui-badge.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-button-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-button-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +5 -2
- package/fesm2022/eui-components-eui-chip.mjs.map +2 -2
- package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +15 -5
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +2 -2
- package/fesm2022/eui-components-eui-date-range-selector.mjs +2 -2
- package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs +4 -4
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-discussion-thread.mjs +2 -2
- package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
- package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
- package/fesm2022/eui-components-eui-file-upload.mjs +2 -2
- package/fesm2022/eui-components-eui-file-upload.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon.mjs +4 -4
- package/fesm2022/eui-components-eui-icon.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-group.mjs +2 -2
- package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
- package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
- package/fesm2022/eui-components-eui-language-selector.mjs +2 -2
- package/fesm2022/eui-components-eui-language-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-list.mjs +4 -4
- package/fesm2022/eui-components-eui-list.mjs.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +19 -8
- package/fesm2022/eui-components-eui-menu.mjs.map +2 -2
- package/fesm2022/eui-components-eui-popover.mjs +2 -2
- package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-circle.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-sidebar-menu.mjs +6 -2
- package/fesm2022/eui-components-eui-sidebar-menu.mjs.map +2 -2
- package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-table-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +2 -2
- package/fesm2022/eui-components-eui-table.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2022/eui-components-eui-textarea.mjs +2 -2
- package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timebar.mjs +2 -2
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timeline.mjs +4 -4
- package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
- package/fesm2022/eui-components-eui-user-profile.mjs +2 -2
- package/fesm2022/eui-components-eui-user-profile.mjs.map +1 -1
- package/fesm2022/eui-components-eui-wizard.mjs +4 -4
- package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
- package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
- package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +161 -119
- package/fesm2022/eui-components-layout.mjs.map +4 -4
- package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts +3 -1
- package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.d.ts +7 -2
- package/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar.module.d.ts +4 -3
- package/layout/eui-toolbar/toolbar.module.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -38,7 +38,7 @@ var EuiListItemComponent = class _EuiListItemComponent {
|
|
|
38
38
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: _EuiListItemComponent, deps: [{ token: i1.BaseStatesDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
39
39
|
}
|
|
40
40
|
static {
|
|
41
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { e2eAttr: "e2eAttr", isActive: ["isActive", "isActive", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, queries: [{ propertyName: "euiArrowKeyNavigableDirective", first: true, predicate: i0.forwardRef(() => EuiArrowKeyNavigableDirective), descendants: true }, { 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:
|
|
41
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { e2eAttr: "e2eAttr", isActive: ["isActive", "isActive", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, queries: [{ propertyName: "euiArrowKeyNavigableDirective", first: true, predicate: i0.forwardRef(() => EuiArrowKeyNavigableDirective), descendants: true }, { 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:var(--eui-bw-s) 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:var(--eui-bw-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-o-50)}.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"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
42
42
|
}
|
|
43
43
|
};
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiListItemComponent, decorators: [{
|
|
@@ -57,7 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
|
|
|
57
57
|
"euiVariant"
|
|
58
58
|
]
|
|
59
59
|
}
|
|
60
|
-
], 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:
|
|
60
|
+
], 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:var(--eui-bw-s) 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:var(--eui-bw-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-o-50)}.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'] }]
|
|
61
61
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i0.ElementRef }], propDecorators: { cssClasses: [{
|
|
62
62
|
type: HostBinding,
|
|
63
63
|
args: ["class"]
|
|
@@ -146,12 +146,12 @@ var EuiListComponent = class _EuiListComponent {
|
|
|
146
146
|
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i02, type: _EuiListComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
|
|
147
147
|
}
|
|
148
148
|
static {
|
|
149
|
-
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", 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:
|
|
149
|
+
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", 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:var(--eui-bw-s) 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:var(--eui-bw-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-o-50)}.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 });
|
|
150
150
|
}
|
|
151
151
|
};
|
|
152
152
|
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i02, type: EuiListComponent, decorators: [{
|
|
153
153
|
type: Component2,
|
|
154
|
-
args: [{ selector: "[euiList], eui-list", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation3.None, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:
|
|
154
|
+
args: [{ selector: "[euiList], eui-list", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation3.None, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:var(--eui-bw-s) 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:var(--eui-bw-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-o-50)}.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'] }]
|
|
155
155
|
}], propDecorators: { cssClasses: [{
|
|
156
156
|
type: HostBinding2,
|
|
157
157
|
args: ["class"]
|
|
@@ -2,6 +2,6 @@
|
|
|
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
4
|
"sourcesContent": ["import {\n Component,\n HostBinding,\n HostListener,\n ViewEncapsulation,\n ContentChildren,\n forwardRef,\n QueryList,\n Input,\n ElementRef,\n booleanAttribute,\n ContentChild,\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, EuiArrowKeyNavigableDirective } 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 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 @ContentChild(forwardRef(() => EuiArrowKeyNavigableDirective)) euiArrowKeyNavigableDirective: EuiArrowKeyNavigableDirective;\n\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 case 'ArrowRight': {\n if(this.focusKeyManager.activeItem?.euiArrowKeyNavigableDirective){\n this.checkRichContentFocusState();\n }\n break;\n }\n case 'ArrowLeft': {\n if(this.focusKeyManager.activeItem?.euiArrowKeyNavigableDirective){\n this.checkRichContentFocusState();\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 checkRichContentFocusState(): void {\n !this.focusKeyManager.activeItem.euiArrowKeyNavigableDirective.isFocused ? this.focusKeyManager.activeItem.euiArrowKeyNavigableDirective.elementRef.nativeElement.focus() : this.focusKeyManager.activeItem.focus();\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,aAEA,mBACA,iBACA,YAEA,OAEA,kBACA,oBACG;AAGP,SAAS,2BAA2B;AAEpC,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC,SAAS,sBAAsB,qCAAqC;;;;AAuB9D,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;AAQD,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;;0GAzCS,uBAAoB,MAAA,CAAA,EAAA,OAAA,uBAAA,GAAA,EAAA,OAAA,cAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;8FAApB,uBAAoB,UAAA,gCAAA,QAAA,EAAA,SAAA,WAAA,UAAA,CAAA,YAAA,YAmBT,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,iBAAA,gBAAA,iBAAA,gBAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,iCAAA,OAAA,MAAA,WAAA,cAAA,MAFL,6BAA6B,GAAA,aAAA,KAAA,GAAA,EAAA,cAAA,oBAAA,WAAA,cAAA,MAJ1B,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,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["Component", "HostBinding", "ViewEncapsulation", "ContentChildren", "forwardRef", "i0"]
|
|
7
7
|
}
|
|
@@ -12,7 +12,10 @@ import * as i6 from "@eui/components/directives";
|
|
|
12
12
|
import * as i7 from "@eui/components/eui-badge";
|
|
13
13
|
var EuiMenuItemComponent = class _EuiMenuItemComponent {
|
|
14
14
|
get cssClasses() {
|
|
15
|
-
return
|
|
15
|
+
return [
|
|
16
|
+
this.baseStatesDirective.getCssClasses("eui-menu-item"),
|
|
17
|
+
!this.parent && this.hasBoldRootLevel ? "eui-menu-item--bold" : ""
|
|
18
|
+
].join(" ").trim();
|
|
16
19
|
}
|
|
17
20
|
get ariaHasPopup() {
|
|
18
21
|
return this.item?.children?.length > 0 ? true : void 0;
|
|
@@ -45,6 +48,7 @@ var EuiMenuItemComponent = class _EuiMenuItemComponent {
|
|
|
45
48
|
this.hasTooltip = false;
|
|
46
49
|
this.isCollapsed = false;
|
|
47
50
|
this.hasCollapsedInitials = false;
|
|
51
|
+
this.hasBoldRootLevel = false;
|
|
48
52
|
}
|
|
49
53
|
ngOnInit() {
|
|
50
54
|
this.isUrlItem = (this.item.url || this.item.urlExternal || this.item.children || this.item.command) && !this.item.link;
|
|
@@ -132,7 +136,7 @@ var EuiMenuItemComponent = class _EuiMenuItemComponent {
|
|
|
132
136
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: _EuiMenuItemComponent, deps: [{ token: i1.BaseStatesDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
133
137
|
}
|
|
134
138
|
static {
|
|
135
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: _EuiMenuItemComponent, selector: "eui-menu-item", inputs: { item: "item", parent: "parent", hasIcon: ["hasIcon", "hasIcon", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute] }, outputs: { expandToggle: "expandToggle", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses", "attr.tabindex": "this.tabindex", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-disabled": "this.ariaDisabled" } }, hostDirectives: [{ directive: i1.BaseStatesDirective }], ngImport: i0, template: `@if (item.visible && item.filtered) {
|
|
139
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: _EuiMenuItemComponent, selector: "eui-menu-item", inputs: { item: "item", parent: "parent", hasIcon: ["hasIcon", "hasIcon", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], hasBoldRootLevel: ["hasBoldRootLevel", "hasBoldRootLevel", booleanAttribute] }, outputs: { expandToggle: "expandToggle", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses", "attr.tabindex": "this.tabindex", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-disabled": "this.ariaDisabled" } }, hostDirectives: [{ directive: i1.BaseStatesDirective }], ngImport: i0, template: `@if (item.visible && item.filtered) {
|
|
136
140
|
@if (isLabelItem) {
|
|
137
141
|
<li
|
|
138
142
|
role="none"
|
|
@@ -357,7 +361,7 @@ var EuiMenuItemComponent = class _EuiMenuItemComponent {
|
|
|
357
361
|
@if (isCollapsed) {
|
|
358
362
|
<eui-badge [euiVariant]="item.tagTypeClass" class="eui-menu-item__link-dotted-badge"></eui-badge>
|
|
359
363
|
} @else {
|
|
360
|
-
<eui-badge
|
|
364
|
+
<eui-badge [euiVariant]="item.tagTypeClass">
|
|
361
365
|
{{ item.tagLabel }}
|
|
362
366
|
</eui-badge>
|
|
363
367
|
}
|
|
@@ -400,7 +404,7 @@ var EuiMenuItemComponent = class _EuiMenuItemComponent {
|
|
|
400
404
|
<eui-icon-svg *ngIf="!item.expanded" icon="eui-chevron-down"></eui-icon-svg>
|
|
401
405
|
</button>
|
|
402
406
|
</ng-template>
|
|
403
|
-
`, styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:
|
|
407
|
+
`, styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link,.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:var(--eui-bw-xs) solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{cursor:default;border-bottom:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled):not(.eui-menu-item__link-category){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}.eui-menu-item--bold>.eui-menu-item__content>.eui-menu-item__link{font:var(--eui-f-m-bold)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i6.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
404
408
|
}
|
|
405
409
|
};
|
|
406
410
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiMenuItemComponent, decorators: [{
|
|
@@ -634,7 +638,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
|
|
|
634
638
|
@if (isCollapsed) {
|
|
635
639
|
<eui-badge [euiVariant]="item.tagTypeClass" class="eui-menu-item__link-dotted-badge"></eui-badge>
|
|
636
640
|
} @else {
|
|
637
|
-
<eui-badge
|
|
641
|
+
<eui-badge [euiVariant]="item.tagTypeClass">
|
|
638
642
|
{{ item.tagLabel }}
|
|
639
643
|
</eui-badge>
|
|
640
644
|
}
|
|
@@ -677,7 +681,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
|
|
|
677
681
|
<eui-icon-svg *ngIf="!item.expanded" icon="eui-chevron-down"></eui-icon-svg>
|
|
678
682
|
</button>
|
|
679
683
|
</ng-template>
|
|
680
|
-
`, styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:
|
|
684
|
+
`, styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link,.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:var(--eui-bw-xs) solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{cursor:default;border-bottom:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled):not(.eui-menu-item__link-category){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}.eui-menu-item--bold>.eui-menu-item__content>.eui-menu-item__link{font:var(--eui-f-m-bold)}\n'] }]
|
|
681
685
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i0.ElementRef }], propDecorators: { role: [{
|
|
682
686
|
type: HostBinding,
|
|
683
687
|
args: ["attr.role"]
|
|
@@ -719,6 +723,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
|
|
|
719
723
|
}], hasCollapsedInitials: [{
|
|
720
724
|
type: Input,
|
|
721
725
|
args: [{ transform: booleanAttribute }]
|
|
726
|
+
}], hasBoldRootLevel: [{
|
|
727
|
+
type: Input,
|
|
728
|
+
args: [{ transform: booleanAttribute }]
|
|
722
729
|
}], stopPropagation: [{
|
|
723
730
|
type: HostListener,
|
|
724
731
|
args: ["click", ["$event"]]
|
|
@@ -760,6 +767,7 @@ var EuiMenuComponent = class _EuiMenuComponent {
|
|
|
760
767
|
this.expandAllItems = false;
|
|
761
768
|
this.isFlat = false;
|
|
762
769
|
this.hasScrollToItem = false;
|
|
770
|
+
this.hasBoldRootLevel = false;
|
|
763
771
|
this.isClick = new EventEmitter2();
|
|
764
772
|
this.itemClick = new EventEmitter2();
|
|
765
773
|
}
|
|
@@ -1121,7 +1129,7 @@ var EuiMenuComponent = class _EuiMenuComponent {
|
|
|
1121
1129
|
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i02, type: _EuiMenuComponent, deps: [{ token: i12.Router }, { token: i12.ActivatedRoute }, { token: i22.BaseStatesDirective }, { token: i02.ChangeDetectorRef }], target: i02.ɵɵFactoryTarget.Component });
|
|
1122
1130
|
}
|
|
1123
1131
|
static {
|
|
1124
|
-
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: _EuiMenuComponent, selector: "eui-menu", inputs: { items: "items", searchFilterLabel: "searchFilterLabel", externalLinkLabel: "externalLinkLabel", fragmentId: "fragmentId", filterValue: "filterValue", isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute2], hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute2], hasFilter: ["hasFilter", "hasFilter", booleanAttribute2], hasIcons: ["hasIcons", "hasIcons", booleanAttribute2], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute2], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute2], isFlat: ["isFlat", "isFlat", booleanAttribute2], hasScrollToItem: ["hasScrollToItem", "hasScrollToItem", booleanAttribute2] }, outputs: { isClick: "isClick", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "focusableItems", predicate: EuiMenuItemComponent, descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i22.BaseStatesDirective }], ngImport: i02, template: '@if (hasFilter && !isCollapsed) {\n <div class="eui-menu-filter" (click)="onMenuFilterClick($event)">\n <eui-icon-input>\n <eui-icon-svg icon="eui-search" fillColor="neutral-lighter" aria-label="Search Icon"></eui-icon-svg>\n <input\n euiInputText\n [euiClearable]="true"\n (input)="onFilter($event)"\n [placeholder]="searchFilterLabel"\n [attr.aria-label]="searchFilterLabel"\n [value]="filterValue" />\n </eui-icon-input>\n </div>\n}\n\n<ul euiList class="eui-menu" role="menubar" aria-orientation="vertical" tabindex="0" (keydown)="onKeydown($event)">\n @if (items) {\n <ng-template ngFor let-item let-index [ngForOf]="items">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"> </ng-template>\n </ng-template>\n } @else {\n <span class="eui-menu--no-items">No menu items defined</span>\n }\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item="menuItem" let-parent="parent" let-i="index">\n <!-- render the menu item-->\n <eui-menu-item\n *ngIf="item.filtered"\n [item]="item"\n [parent]="parent"\n [hasIcon]="hasIcons"\n [hasTooltip]="hasTooltip"\n [isCollapsed]="isCollapsed"\n [hasCollapsedInitials]="hasCollapsedInitials"\n (expandToggle)="onExpandToggle($event)"\n (itemClick)="onClick($event)">\n <!-- if the menu item has children, render the children -->\n <ul euiList *ngIf="item.children && item.expanded" class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label" tabindex="-1">\n <ng-container *ngFor="let child of item.children; let childIndex = index">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex, parent: item }">\n </ng-template>\n </ng-container>\n </ul>\n </eui-menu-item>\n</ng-template>\n', styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:
|
|
1132
|
+
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: _EuiMenuComponent, selector: "eui-menu", inputs: { items: "items", searchFilterLabel: "searchFilterLabel", externalLinkLabel: "externalLinkLabel", fragmentId: "fragmentId", filterValue: "filterValue", isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute2], hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute2], hasFilter: ["hasFilter", "hasFilter", booleanAttribute2], hasIcons: ["hasIcons", "hasIcons", booleanAttribute2], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute2], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute2], isFlat: ["isFlat", "isFlat", booleanAttribute2], hasScrollToItem: ["hasScrollToItem", "hasScrollToItem", booleanAttribute2], hasBoldRootLevel: ["hasBoldRootLevel", "hasBoldRootLevel", booleanAttribute2] }, outputs: { isClick: "isClick", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "focusableItems", predicate: EuiMenuItemComponent, descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i22.BaseStatesDirective }], ngImport: i02, template: '@if (hasFilter && !isCollapsed) {\n <div class="eui-menu-filter" (click)="onMenuFilterClick($event)">\n <eui-icon-input>\n <eui-icon-svg icon="eui-search" fillColor="neutral-lighter" aria-label="Search Icon"></eui-icon-svg>\n <input\n euiInputText\n [euiClearable]="true"\n (input)="onFilter($event)"\n [placeholder]="searchFilterLabel"\n [attr.aria-label]="searchFilterLabel"\n [value]="filterValue" />\n </eui-icon-input>\n </div>\n}\n\n<ul euiList class="eui-menu" role="menubar" aria-orientation="vertical" tabindex="0" (keydown)="onKeydown($event)">\n @if (items) {\n <ng-template ngFor let-item let-index [ngForOf]="items">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"> </ng-template>\n </ng-template>\n } @else {\n <span class="eui-menu--no-items">No menu items defined</span>\n }\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item="menuItem" let-parent="parent" let-i="index">\n <!-- render the menu item-->\n <eui-menu-item\n *ngIf="item.filtered"\n [item]="item"\n [parent]="parent"\n [hasIcon]="hasIcons"\n [hasTooltip]="hasTooltip"\n [isCollapsed]="isCollapsed"\n [hasBoldRootLevel]="hasBoldRootLevel"\n [hasCollapsedInitials]="hasCollapsedInitials"\n (expandToggle)="onExpandToggle($event)"\n (itemClick)="onClick($event)">\n <!-- if the menu item has children, render the children -->\n <ul euiList *ngIf="item.children && item.expanded" class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label" tabindex="-1">\n <ng-container *ngFor="let child of item.children; let childIndex = index">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex, parent: item }">\n </ng-template>\n </ng-container>\n </ul>\n </eui-menu-item>\n</ng-template>\n', styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link,.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:var(--eui-bw-xs) solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{cursor:default;border-bottom:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled):not(.eui-menu-item__link-category){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}.eui-menu-item--bold>.eui-menu-item__content>.eui-menu-item__link{font:var(--eui-f-m-bold)}\n'], dependencies: [{ kind: "directive", type: i32.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i32.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i32.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i42.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i42.EuiIconInputComponent, selector: "eui-icon-input", inputs: ["euiIconPositionStart", "euiIconPositionEnd"] }, { kind: "component", type: i52.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: ["item", "parent", "hasIcon", "hasTooltip", "isCollapsed", "hasCollapsedInitials", "hasBoldRootLevel"], outputs: ["expandToggle", "itemClick"] }], encapsulation: i02.ViewEncapsulation.None });
|
|
1125
1133
|
}
|
|
1126
1134
|
};
|
|
1127
1135
|
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i02, type: EuiMenuComponent, decorators: [{
|
|
@@ -1130,7 +1138,7 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", n
|
|
|
1130
1138
|
{
|
|
1131
1139
|
directive: BaseStatesDirective3
|
|
1132
1140
|
}
|
|
1133
|
-
], encapsulation: ViewEncapsulation3.None, template: '@if (hasFilter && !isCollapsed) {\n <div class="eui-menu-filter" (click)="onMenuFilterClick($event)">\n <eui-icon-input>\n <eui-icon-svg icon="eui-search" fillColor="neutral-lighter" aria-label="Search Icon"></eui-icon-svg>\n <input\n euiInputText\n [euiClearable]="true"\n (input)="onFilter($event)"\n [placeholder]="searchFilterLabel"\n [attr.aria-label]="searchFilterLabel"\n [value]="filterValue" />\n </eui-icon-input>\n </div>\n}\n\n<ul euiList class="eui-menu" role="menubar" aria-orientation="vertical" tabindex="0" (keydown)="onKeydown($event)">\n @if (items) {\n <ng-template ngFor let-item let-index [ngForOf]="items">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"> </ng-template>\n </ng-template>\n } @else {\n <span class="eui-menu--no-items">No menu items defined</span>\n }\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item="menuItem" let-parent="parent" let-i="index">\n <!-- render the menu item-->\n <eui-menu-item\n *ngIf="item.filtered"\n [item]="item"\n [parent]="parent"\n [hasIcon]="hasIcons"\n [hasTooltip]="hasTooltip"\n [isCollapsed]="isCollapsed"\n [hasCollapsedInitials]="hasCollapsedInitials"\n (expandToggle)="onExpandToggle($event)"\n (itemClick)="onClick($event)">\n <!-- if the menu item has children, render the children -->\n <ul euiList *ngIf="item.children && item.expanded" class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label" tabindex="-1">\n <ng-container *ngFor="let child of item.children; let childIndex = index">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex, parent: item }">\n </ng-template>\n </ng-container>\n </ul>\n </eui-menu-item>\n</ng-template>\n', styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:
|
|
1141
|
+
], encapsulation: ViewEncapsulation3.None, template: '@if (hasFilter && !isCollapsed) {\n <div class="eui-menu-filter" (click)="onMenuFilterClick($event)">\n <eui-icon-input>\n <eui-icon-svg icon="eui-search" fillColor="neutral-lighter" aria-label="Search Icon"></eui-icon-svg>\n <input\n euiInputText\n [euiClearable]="true"\n (input)="onFilter($event)"\n [placeholder]="searchFilterLabel"\n [attr.aria-label]="searchFilterLabel"\n [value]="filterValue" />\n </eui-icon-input>\n </div>\n}\n\n<ul euiList class="eui-menu" role="menubar" aria-orientation="vertical" tabindex="0" (keydown)="onKeydown($event)">\n @if (items) {\n <ng-template ngFor let-item let-index [ngForOf]="items">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"> </ng-template>\n </ng-template>\n } @else {\n <span class="eui-menu--no-items">No menu items defined</span>\n }\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item="menuItem" let-parent="parent" let-i="index">\n <!-- render the menu item-->\n <eui-menu-item\n *ngIf="item.filtered"\n [item]="item"\n [parent]="parent"\n [hasIcon]="hasIcons"\n [hasTooltip]="hasTooltip"\n [isCollapsed]="isCollapsed"\n [hasBoldRootLevel]="hasBoldRootLevel"\n [hasCollapsedInitials]="hasCollapsedInitials"\n (expandToggle)="onExpandToggle($event)"\n (itemClick)="onClick($event)">\n <!-- if the menu item has children, render the children -->\n <ul euiList *ngIf="item.children && item.expanded" class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label" tabindex="-1">\n <ng-container *ngFor="let child of item.children; let childIndex = index">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex, parent: item }">\n </ng-template>\n </ng-container>\n </ul>\n </eui-menu-item>\n</ng-template>\n', styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link,.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:var(--eui-bw-xs) solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{cursor:default;border-bottom:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled):not(.eui-menu-item__link-category){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}.eui-menu-item--bold>.eui-menu-item__content>.eui-menu-item__link{font:var(--eui-f-m-bold)}\n'] }]
|
|
1134
1142
|
}], ctorParameters: () => [{ type: i12.Router }, { type: i12.ActivatedRoute }, { type: i22.BaseStatesDirective }, { type: i02.ChangeDetectorRef }], propDecorators: { focusableItems: [{
|
|
1135
1143
|
type: ViewChildren,
|
|
1136
1144
|
args: [EuiMenuItemComponent]
|
|
@@ -1171,6 +1179,9 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", n
|
|
|
1171
1179
|
}], hasScrollToItem: [{
|
|
1172
1180
|
type: Input2,
|
|
1173
1181
|
args: [{ transform: booleanAttribute2 }]
|
|
1182
|
+
}], hasBoldRootLevel: [{
|
|
1183
|
+
type: Input2,
|
|
1184
|
+
args: [{ transform: booleanAttribute2 }]
|
|
1174
1185
|
}], isClick: [{
|
|
1175
1186
|
type: Output2
|
|
1176
1187
|
}], itemClick: [{
|