@eui/components 18.0.0-next.21 → 18.0.0-next.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuiAppTopMessageComponent.html +1 -1
- package/docs/components/EuiBadgeComponent.html +1 -1
- package/docs/components/EuiIconSvgButtonComponent.html +23 -23
- package/docs/components/EuiListComponent.html +115 -817
- package/docs/components/EuiListItemComponent.html +69 -821
- package/docs/components/EuiMenuComponent.html +154 -2
- package/docs/components/EuiMenuItemComponent.html +432 -4
- package/docs/components/EuiNotificationsComponent.html +1 -1
- package/docs/components/EuiNotificationsV2Component.html +1 -1
- package/docs/components/EuiSidebarToggleComponent.html +1 -1
- package/docs/components/EuiTabsComponent.html +1 -1
- package/docs/dependencies.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-alert/eui-alert.component.mjs +2 -2
- package/esm2022/eui-badge/eui-badge.component.mjs +4 -3
- package/esm2022/eui-button/eui-button.component.mjs +2 -2
- package/esm2022/eui-button-group/eui-button-group.component.mjs +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +1 -1
- package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +2 -2
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +2 -2
- package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +2 -2
- package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
- package/esm2022/eui-fieldset/eui-fieldset.component.mjs +2 -2
- package/esm2022/eui-growl/eui-growl.component.mjs +1 -1
- package/esm2022/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.mjs +7 -7
- package/esm2022/eui-icon/eui-icon-svg.component.mjs +1 -1
- package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +3 -3
- package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +2 -2
- package/esm2022/eui-input-number/eui-input-number.component.mjs +2 -2
- package/esm2022/eui-input-radio/eui-input-radio.component.mjs +2 -2
- package/esm2022/eui-input-text/eui-input-text.component.mjs +2 -2
- package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +50 -44
- package/esm2022/eui-list/eui-list.component.mjs +9 -17
- package/esm2022/eui-menu/eui-menu-item.component.mjs +56 -8
- package/esm2022/eui-menu/eui-menu.component.mjs +164 -8
- package/esm2022/eui-page/eui-page.component.mjs +2 -2
- package/esm2022/eui-select/eui-select.component.mjs +2 -2
- package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
- package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tabs.component.mjs +3 -3
- package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
- package/esm2022/eui-tree-list/eui-tree-list.component.mjs +2 -2
- package/esm2022/externals/eui-editor/eui-editor.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +3 -3
- package/esm2022/layout/eui-language-selector/language-selector.component.mjs +2 -2
- package/esm2022/layout/eui-language-selector/modal-selector/modal-selector.component.mjs +2 -2
- package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +3 -3
- package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +3 -3
- package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +3 -3
- package/esm2022/layout/eui-user-profile/user-profile.component.mjs +2 -2
- package/eui-badge/eui-badge.component.d.ts +1 -1
- package/eui-badge/eui-badge.component.d.ts.map +1 -1
- package/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.d.ts +4 -4
- package/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.d.ts.map +1 -1
- package/eui-icon/eui-icon-svg.component.d.ts.map +1 -1
- package/eui-icon-toggle/eui-icon-toggle.component.d.ts.map +1 -1
- package/eui-list/eui-list-item/eui-list-item.component.d.ts +14 -17
- package/eui-list/eui-list-item/eui-list-item.component.d.ts.map +1 -1
- package/eui-list/eui-list.component.d.ts +3 -6
- package/eui-list/eui-list.component.d.ts.map +1 -1
- package/eui-menu/eui-menu-item.component.d.ts +17 -5
- package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
- package/eui-menu/eui-menu.component.d.ts +36 -3
- package/eui-menu/eui-menu.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +2 -2
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +3 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +2 -2
- package/fesm2022/eui-components-eui-button-group.mjs +2 -2
- package/fesm2022/eui-components-eui-button-group.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +1 -1
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
- package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
- package/fesm2022/eui-components-eui-fieldset.mjs +2 -2
- package/fesm2022/eui-components-eui-fieldset.mjs.map +1 -1
- package/fesm2022/eui-components-eui-growl.mjs +1 -1
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-icon-toggle.mjs.map +2 -2
- package/fesm2022/eui-components-eui-icon.mjs +6 -6
- package/fesm2022/eui-components-eui-icon.mjs.map +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-number.mjs +2 -2
- package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
- package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-text.mjs +2 -2
- package/fesm2022/eui-components-eui-input-text.mjs.map +1 -1
- package/fesm2022/eui-components-eui-list.mjs +58 -57
- package/fesm2022/eui-components-eui-list.mjs.map +3 -3
- package/fesm2022/eui-components-eui-menu.mjs +227 -40
- package/fesm2022/eui-components-eui-menu.mjs.map +3 -3
- package/fesm2022/eui-components-eui-page.mjs +2 -2
- package/fesm2022/eui-components-eui-page.mjs.map +1 -1
- package/fesm2022/eui-components-eui-select.mjs +2 -2
- package/fesm2022/eui-components-eui-select.mjs.map +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-tabs.mjs.map +2 -2
- package/fesm2022/eui-components-eui-textarea.mjs +2 -2
- package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
- package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
- package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
- package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +27 -27
- package/fesm2022/eui-components-layout.mjs.map +2 -2
- package/package.json +9 -9
|
@@ -69,7 +69,7 @@ export class EuiUserProfileComponent {
|
|
|
69
69
|
].join(' ').trim();
|
|
70
70
|
}
|
|
71
71
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiUserProfileComponent, deps: [{ token: forwardRef(() => EuiToolbarItemComponent), host: true, optional: true }, { token: i1.UserService }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
72
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", subInfos: "subInfos", hasMenu: ["hasMenu", "hasMenu", booleanAttribute], isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute], isReverse: ["isReverse", "isReverse", booleanAttribute], hasToggle: ["hasToggle", "hasToggle", booleanAttribute], isHeaderUserProfile: ["isHeaderUserProfile", "isHeaderUserProfile", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasMenuContent", predicate: i0.forwardRef(() => EuiUserProfileMenuComponent), descendants: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiInverted", "euiInverted"] }], ngImport: i0, template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\" #dropdown>\n <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n <eui-dropdown-content>\n <ng-content></ng-content>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-template #noMenuContent>\n <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n</ng-template>\n\n<ng-template #userProfileContent>\n <button [tabindex]=\"hasMenu ? '0' : '-1'\" class=\"eui-user-profile-content\" [class.eui-user-profile-content--no-menu]=\"!hasMenu\">\n <div *ngIf=\"isShowUserInfos\"\n class=\"eui-user-profile__infos\"\n [class.eui-user-profile__infos--no-subinfos]=\"subInfos && !hasWelcomeLabel\">\n <ng-container *ngIf=\"userState?.impersonatingUser; else notImpersonated\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n <strong>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName}}</strong>\n <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n </div>\n <div class=\"eui-user-profile__infos-name\">\n {{ userState?.fullName }}\n </div>\n <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ subInfos }}\n </div>\n </ng-container>\n\n <ng-template #notImpersonated>\n <div *ngIf=\"hasWelcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n <div class=\"eui-user-profile__infos-name\">{{ userState?.fullName }}</div>\n <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ subInfos }}\n </div>\n </ng-template>\n </div>\n\n <eui-avatar [euiSizeS]=\"baseStatesDirective.euiSizeS\" euiInfo\n [hasShadow]=\"userState?.impersonatingUser\">\n <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n </ng-template>\n <eui-avatar-badge position=\"bottom\" *ngIf=\"hasMenu || hasToggle\">\n <eui-badge euiSecondaryLight euiSizeXS>\n <eui-icon-svg icon=\"eui-chevron-down\" size=\"2xs\"></eui-icon-svg>\n </eui-badge>\n </eui-avatar-badge>\n </eui-avatar>\n </button>\n</ng-template>\n", styles: [".eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:
|
|
72
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", subInfos: "subInfos", hasMenu: ["hasMenu", "hasMenu", booleanAttribute], isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute], isReverse: ["isReverse", "isReverse", booleanAttribute], hasToggle: ["hasToggle", "hasToggle", booleanAttribute], isHeaderUserProfile: ["isHeaderUserProfile", "isHeaderUserProfile", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasMenuContent", predicate: i0.forwardRef(() => EuiUserProfileMenuComponent), descendants: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiInverted", "euiInverted"] }], ngImport: i0, template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\" #dropdown>\n <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n <eui-dropdown-content>\n <ng-content></ng-content>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-template #noMenuContent>\n <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n</ng-template>\n\n<ng-template #userProfileContent>\n <button [tabindex]=\"hasMenu ? '0' : '-1'\" class=\"eui-user-profile-content\" [class.eui-user-profile-content--no-menu]=\"!hasMenu\">\n <div *ngIf=\"isShowUserInfos\"\n class=\"eui-user-profile__infos\"\n [class.eui-user-profile__infos--no-subinfos]=\"subInfos && !hasWelcomeLabel\">\n <ng-container *ngIf=\"userState?.impersonatingUser; else notImpersonated\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n <strong>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName}}</strong>\n <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n </div>\n <div class=\"eui-user-profile__infos-name\">\n {{ userState?.fullName }}\n </div>\n <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ subInfos }}\n </div>\n </ng-container>\n\n <ng-template #notImpersonated>\n <div *ngIf=\"hasWelcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n <div class=\"eui-user-profile__infos-name\">{{ userState?.fullName }}</div>\n <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ subInfos }}\n </div>\n </ng-template>\n </div>\n\n <eui-avatar [euiSizeS]=\"baseStatesDirective.euiSizeS\" euiInfo\n [hasShadow]=\"userState?.impersonatingUser\">\n <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n </ng-template>\n <eui-avatar-badge position=\"bottom\" *ngIf=\"hasMenu || hasToggle\">\n <eui-badge euiSecondaryLight euiSizeXS>\n <eui-icon-svg icon=\"eui-chevron-down\" size=\"2xs\"></eui-icon-svg>\n </eui-badge>\n </eui-avatar-badge>\n </eui-avatar>\n </button>\n</ng-template>\n", styles: [".eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-base-spacing-s);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{text-align:right}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);text-align:right;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-90);text-align:right}.eui-user-profile__infos--no-subinfos{display:flex}@media screen and (max-width: 767px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:flex}.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}@media screen and (min-width: 768px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:none}.is-header-shrink .eui-user-profile{display:flex}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}.eui-user-profile--inverted .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15)}.eui-user-profile--reverse .eui-user-profile-content{flex-direction:row-reverse}.eui-user-profile--reverse .eui-user-profile__infos{margin-left:var(--eui-base-spacing-m)}.eui-user-profile-menu{height:auto;min-width:340px;position:relative}.eui-user-profile-menu-item{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);cursor:pointer;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);border-left:var(--eui-base-spacing-2xs) solid transparent}.eui-user-profile-menu-item:focus:not([readonly]){border:var(--eui-base-spacing-2xs) solid var(--eui-ctx-color-focus-visible)!important;transition:none!important}.eui-user-profile-menu-item:hover{background-color:var(--eui-ctx-color-hover);cursor:pointer}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-base-color-text);text-decoration:none}.eui-user-profile-menu-item.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}.eui-user-profile-card{width:100%}.eui-user-profile-card__main-wrapper{display:flex;flex-direction:row;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0}.eui-user-profile-card__main-wrapper-right-content{display:flex;flex-direction:column;margin-left:auto}.eui-user-profile-card__avatar-wrapper{display:flex}.eui-user-profile-card__userInfos{display:flex;flex-direction:column;padding-left:var(--eui-base-spacing-s)}.eui-user-profile-card__userInfos-item{padding-bottom:var(--eui-base-spacing-xs)}.eui-user-profile-card__impersonateInfos{background-color:var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-s)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "isClosedOnClickInside", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "directive", type: i4.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i6.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i6.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i6.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i6.EuiAvatarBadgeComponent, selector: "eui-avatar-badge", inputs: ["position"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
73
73
|
}
|
|
74
74
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiUserProfileComponent, decorators: [{
|
|
75
75
|
type: Component,
|
|
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
81
81
|
'euiInverted',
|
|
82
82
|
],
|
|
83
83
|
},
|
|
84
|
-
], template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\" #dropdown>\n <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n <eui-dropdown-content>\n <ng-content></ng-content>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-template #noMenuContent>\n <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n</ng-template>\n\n<ng-template #userProfileContent>\n <button [tabindex]=\"hasMenu ? '0' : '-1'\" class=\"eui-user-profile-content\" [class.eui-user-profile-content--no-menu]=\"!hasMenu\">\n <div *ngIf=\"isShowUserInfos\"\n class=\"eui-user-profile__infos\"\n [class.eui-user-profile__infos--no-subinfos]=\"subInfos && !hasWelcomeLabel\">\n <ng-container *ngIf=\"userState?.impersonatingUser; else notImpersonated\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n <strong>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName}}</strong>\n <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n </div>\n <div class=\"eui-user-profile__infos-name\">\n {{ userState?.fullName }}\n </div>\n <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ subInfos }}\n </div>\n </ng-container>\n\n <ng-template #notImpersonated>\n <div *ngIf=\"hasWelcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n <div class=\"eui-user-profile__infos-name\">{{ userState?.fullName }}</div>\n <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ subInfos }}\n </div>\n </ng-template>\n </div>\n\n <eui-avatar [euiSizeS]=\"baseStatesDirective.euiSizeS\" euiInfo\n [hasShadow]=\"userState?.impersonatingUser\">\n <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n </ng-template>\n <eui-avatar-badge position=\"bottom\" *ngIf=\"hasMenu || hasToggle\">\n <eui-badge euiSecondaryLight euiSizeXS>\n <eui-icon-svg icon=\"eui-chevron-down\" size=\"2xs\"></eui-icon-svg>\n </eui-badge>\n </eui-avatar-badge>\n </eui-avatar>\n </button>\n</ng-template>\n", styles: [".eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:
|
|
84
|
+
], template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\" #dropdown>\n <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n <eui-dropdown-content>\n <ng-content></ng-content>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-template #noMenuContent>\n <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n</ng-template>\n\n<ng-template #userProfileContent>\n <button [tabindex]=\"hasMenu ? '0' : '-1'\" class=\"eui-user-profile-content\" [class.eui-user-profile-content--no-menu]=\"!hasMenu\">\n <div *ngIf=\"isShowUserInfos\"\n class=\"eui-user-profile__infos\"\n [class.eui-user-profile__infos--no-subinfos]=\"subInfos && !hasWelcomeLabel\">\n <ng-container *ngIf=\"userState?.impersonatingUser; else notImpersonated\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n <strong>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName}}</strong>\n <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n </div>\n <div class=\"eui-user-profile__infos-name\">\n {{ userState?.fullName }}\n </div>\n <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ subInfos }}\n </div>\n </ng-container>\n\n <ng-template #notImpersonated>\n <div *ngIf=\"hasWelcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n <div class=\"eui-user-profile__infos-name\">{{ userState?.fullName }}</div>\n <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ subInfos }}\n </div>\n </ng-template>\n </div>\n\n <eui-avatar [euiSizeS]=\"baseStatesDirective.euiSizeS\" euiInfo\n [hasShadow]=\"userState?.impersonatingUser\">\n <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n </ng-template>\n <eui-avatar-badge position=\"bottom\" *ngIf=\"hasMenu || hasToggle\">\n <eui-badge euiSecondaryLight euiSizeXS>\n <eui-icon-svg icon=\"eui-chevron-down\" size=\"2xs\"></eui-icon-svg>\n </eui-badge>\n </eui-avatar-badge>\n </eui-avatar>\n </button>\n</ng-template>\n", styles: [".eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-base-spacing-s);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{text-align:right}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);text-align:right;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-90);text-align:right}.eui-user-profile__infos--no-subinfos{display:flex}@media screen and (max-width: 767px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:flex}.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}@media screen and (min-width: 768px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:none}.is-header-shrink .eui-user-profile{display:flex}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}.eui-user-profile--inverted .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15)}.eui-user-profile--reverse .eui-user-profile-content{flex-direction:row-reverse}.eui-user-profile--reverse .eui-user-profile__infos{margin-left:var(--eui-base-spacing-m)}.eui-user-profile-menu{height:auto;min-width:340px;position:relative}.eui-user-profile-menu-item{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);cursor:pointer;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);border-left:var(--eui-base-spacing-2xs) solid transparent}.eui-user-profile-menu-item:focus:not([readonly]){border:var(--eui-base-spacing-2xs) solid var(--eui-ctx-color-focus-visible)!important;transition:none!important}.eui-user-profile-menu-item:hover{background-color:var(--eui-ctx-color-hover);cursor:pointer}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-base-color-text);text-decoration:none}.eui-user-profile-menu-item.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}.eui-user-profile-card{width:100%}.eui-user-profile-card__main-wrapper{display:flex;flex-direction:row;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0}.eui-user-profile-card__main-wrapper-right-content{display:flex;flex-direction:column;margin-left:auto}.eui-user-profile-card__avatar-wrapper{display:flex}.eui-user-profile-card__userInfos{display:flex;flex-direction:column;padding-left:var(--eui-base-spacing-s)}.eui-user-profile-card__userInfos-item{padding-bottom:var(--eui-base-spacing-xs)}.eui-user-profile-card__impersonateInfos{background-color:var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-s)}\n"] }]
|
|
85
85
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
86
86
|
type: Host
|
|
87
87
|
}, {
|
|
@@ -9,6 +9,6 @@ export declare class EuiBadgeComponent {
|
|
|
9
9
|
ariaLabel: string | null;
|
|
10
10
|
constructor(baseStatesDirective: BaseStatesDirective);
|
|
11
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiBadgeComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EuiBadgeComponent, "div[euiBadge], span[euiBadge], eui-badge", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; }, {}, never, ["*"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiPrimary": "euiPrimary"; "euiSecondary": "euiSecondary"; "euiSuccess": "euiSuccess"; "euiInfo": "euiInfo"; "euiWarning": "euiWarning"; "euiDanger": "euiDanger"; "euiAccent": "euiAccent"; "euiVariant": "euiVariant"; "euiSizeS": "euiSizeS"; "euiSizeM": "euiSizeM"; "euiSizeL": "euiSizeL"; "euiSizeXL": "euiSizeXL"; "euiSizeVariant": "euiSizeVariant"; "euiOutline": "euiOutline"; }; outputs: {}; }]>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EuiBadgeComponent, "div[euiBadge], span[euiBadge], eui-badge", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; }, {}, never, ["*"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiPrimary": "euiPrimary"; "euiSecondary": "euiSecondary"; "euiSecondaryLight": "euiSecondaryLight"; "euiSuccess": "euiSuccess"; "euiInfo": "euiInfo"; "euiWarning": "euiWarning"; "euiDanger": "euiDanger"; "euiAccent": "euiAccent"; "euiVariant": "euiVariant"; "euiSizeS": "euiSizeS"; "euiSizeM": "euiSizeM"; "euiSizeL": "euiSizeL"; "euiSizeXL": "euiSizeXL"; "euiSizeVariant": "euiSizeVariant"; "euiOutline": "euiOutline"; }; outputs: {}; }]>;
|
|
13
13
|
}
|
|
14
14
|
//# sourceMappingURL=eui-badge.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-badge.component.d.ts","sourceRoot":"","sources":["../../eui-badge/eui-badge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,
|
|
1
|
+
{"version":3,"file":"eui-badge.component.d.ts","sourceRoot":"","sources":["../../eui-badge/eui-badge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,qBA+Ba,iBAAiB;IAiBf,mBAAmB,EAAE,mBAAmB;IAhBnD,IACW,UAAU,IAAI,MAAM,CAI9B;IAMsC,OAAO,SAAe;IACnC,IAAI,SAAY;IACW,SAAS,EAAE,MAAM,GAAG,IAAI,CAAW;gBAG7E,mBAAmB,EAAE,mBAAmB;yCAjB1C,iBAAiB;2CAAjB,iBAAiB;CAoB7B"}
|
|
@@ -3,16 +3,16 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export declare class EuiIconSvgButtonComponent {
|
|
4
4
|
get cssClasses(): string;
|
|
5
5
|
tabindex: number;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
icon: string;
|
|
7
|
+
fillColor: string;
|
|
8
|
+
size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
|
|
9
9
|
ariaLabel: string;
|
|
10
10
|
hasFocusBorder: boolean;
|
|
11
11
|
hasNoPadding: boolean;
|
|
12
12
|
buttonClick: EventEmitter<Event>;
|
|
13
13
|
onClick(event: Event): void;
|
|
14
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiIconSvgButtonComponent, never>;
|
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EuiIconSvgButtonComponent, "eui-icon-svg-button", never, { "
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EuiIconSvgButtonComponent, "eui-icon-svg-button", never, { "icon": { "alias": "icon"; "required": false; }; "fillColor": { "alias": "fillColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "hasFocusBorder": { "alias": "hasFocusBorder"; "required": false; }; "hasNoPadding": { "alias": "hasNoPadding"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, ["eui-badge"], false, never>;
|
|
16
16
|
static ngAcceptInputType_hasFocusBorder: unknown;
|
|
17
17
|
static ngAcceptInputType_hasNoPadding: unknown;
|
|
18
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-icon-svg-button.component.d.ts","sourceRoot":"","sources":["../../../eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,YAAY,EAAuC,MAAM,eAAe,CAAC;;AAEzH,qBAMa,yBAAyB;IAClC,IACI,UAAU,IAAI,MAAM,CAQvB;IAC6B,QAAQ,SAAM;IAEnC,
|
|
1
|
+
{"version":3,"file":"eui-icon-svg-button.component.d.ts","sourceRoot":"","sources":["../../../eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,YAAY,EAAuC,MAAM,eAAe,CAAC;;AAEzH,qBAMa,yBAAyB;IAClC,IACI,UAAU,IAAI,MAAM,CAQvB;IAC6B,QAAQ,SAAM;IAEnC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAO;IAC1E,SAAS,EAAE,MAAM,CAAC;IAEa,cAAc,UAAS;IACvB,YAAY,UAAS;IAEnD,WAAW,sBAA6B;IAElD,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCAvBlB,yBAAyB;2CAAzB,yBAAyB;6CA2Bw01B,OAAQ;2CAAR,OAAQ;CADr31B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-icon-svg.component.d.ts","sourceRoot":"","sources":["../../eui-icon/eui-icon-svg.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,SAAS,EACT,aAAa,EACb,gBAAgB,EAInB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;;AAEtC,qBAOa,mBAAoB,SAAQ,aAAc,YAAW,gBAAgB,EAAE,SAAS,EAAE,MAAM;IAqC/C,OAAO,CAAC,MAAM;IApCtC,QAAQ,SAAS;IAElC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAO;IACnF,SAAS,SAAc;IACvB,GAAG,SAAS;IACrB,8EAA8E;IACrE,cAAc,EAAE,MAAM,CAAC;IAChC,mFAAmF;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,SAAM;IACX,OAAO,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"eui-icon-svg.component.d.ts","sourceRoot":"","sources":["../../eui-icon/eui-icon-svg.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,SAAS,EACT,aAAa,EACb,gBAAgB,EAInB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;;AAEtC,qBAOa,mBAAoB,SAAQ,aAAc,YAAW,gBAAgB,EAAE,SAAS,EAAE,MAAM;IAqC/C,OAAO,CAAC,MAAM;IApCtC,QAAQ,SAAS;IAElC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAO;IACnF,SAAS,SAAc;IACvB,GAAG,SAAS;IACrB,8EAA8E;IACrE,cAAc,EAAE,MAAM,CAAC;IAChC,mFAAmF;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,SAAM;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,SAAM;IAExB,IACW,UAAU,IAAI,MAAM,CAE9B;IAED,IAEW,SAAS,IAAI,MAAM,CAE7B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAExC;IACD,SAAS,CAAC,UAAU,SAAc;IAE3B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,SAAY;IAEQ,UAAU,UAAQ;IAClB,SAAS,UAAS;IAClB,SAAS,UAAS;gBAEA,MAAM,EAAE,SAAS;IAI3E,QAAQ,IAAI,IAAI;IAYhB,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAcnC,kBAAkB,IAAI,IAAI;IAI1B,aAAa,IAAI,MAAM;IAYvB,OAAO,CAAC,cAAc;yCAnFb,mBAAmB;2CAAnB,mBAAmB;yCAqGqowB,OAAQ;wCAAR,OAAQ;wCAAR,OAAQ;CAD5qwB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-icon-toggle.component.d.ts","sourceRoot":"","sources":["../../eui-icon-toggle/eui-icon-toggle.component.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"eui-icon-toggle.component.d.ts","sourceRoot":"","sources":["../../eui-icon-toggle/eui-icon-toggle.component.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EACH,gBAAgB,EAGhB,YAAY,EAMf,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;;AAE5E,qBAOa,sBAAuB,YAAW,gBAAgB;IAClD,EAAE,SAAmC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,SAAgB;IAClC,mBAAmB,SAAc;IACjC,QAAQ,SAAK;IACb,SAAS,SAAiB;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAEI,OAAO,SAAqB;IAEzD,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,CAAsB;IAElC,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAC9D,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IAEnB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IAE1B,IACI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,YAAY,EAEhC;IACD,OAAO,CAAC,UAAU,CAAS;IAC3B,IACI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,YAAY,EAEjC;IACD,OAAO,CAAC,WAAW,CAAS;IAE5B,kBAAkB,IAAI,IAAI;IAO1B,QAAQ,IAAI,IAAI;IAShB,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAWrC,OAAO,CAAC,YAAY;yCAvEX,sBAAsB;2CAAtB,sBAAsB;CAoFlC"}
|
|
@@ -1,35 +1,28 @@
|
|
|
1
1
|
import { QueryList, OnInit, ElementRef } from '@angular/core';
|
|
2
|
-
import { BooleanInput } from '@angular/cdk/coercion';
|
|
3
2
|
import { Highlightable, FocusableOption } from '@angular/cdk/a11y';
|
|
4
|
-
import {
|
|
3
|
+
import { BaseStatesDirective } from '@eui/components/shared';
|
|
5
4
|
import { EuiListComponent } from '../eui-list.component';
|
|
6
5
|
import { EuiListService } from '../services/eui-list.service';
|
|
7
6
|
import { EuiIconSvgComponent } from '@eui/components/eui-icon';
|
|
8
7
|
import { EuiLabelComponent } from '@eui/components/eui-label';
|
|
9
8
|
import * as i0 from "@angular/core";
|
|
10
|
-
|
|
9
|
+
import * as i1 from "@eui/components/shared";
|
|
10
|
+
export declare class EuiListItemComponent implements OnInit, FocusableOption, Highlightable {
|
|
11
|
+
baseStatesDirective: BaseStatesDirective;
|
|
11
12
|
private euiListService;
|
|
12
13
|
private elementRef;
|
|
13
14
|
get cssClasses(): string;
|
|
14
15
|
role: string;
|
|
16
|
+
e2eAttr: string;
|
|
15
17
|
tabindex: string;
|
|
16
18
|
euiListComponent: QueryList<EuiListComponent>;
|
|
17
19
|
euiIconSvgComponent: QueryList<EuiIconSvgComponent>;
|
|
18
20
|
euiLabelComponent: QueryList<EuiLabelComponent>;
|
|
19
|
-
/**
|
|
20
|
-
* Angular CDK ListKeyManagerOption used for skipping items during navigation: More info here: https://netbasal.com/accessibility-made-easy-with-angular-cdk-1caaf3d98de2
|
|
21
|
-
*/
|
|
22
21
|
disabled: boolean;
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
set isCollapsed(value: BooleanInput);
|
|
28
|
-
private _isCollapsed;
|
|
29
|
-
get isActive(): boolean;
|
|
30
|
-
set isActive(value: BooleanInput);
|
|
31
|
-
private _isActive;
|
|
32
|
-
constructor(euiListService: EuiListService, elementRef: ElementRef);
|
|
22
|
+
isCollapsible: boolean;
|
|
23
|
+
isCollapsed: boolean;
|
|
24
|
+
isActive: boolean;
|
|
25
|
+
constructor(baseStatesDirective: BaseStatesDirective, euiListService: EuiListService, elementRef: ElementRef);
|
|
33
26
|
ngOnInit(): void;
|
|
34
27
|
toggleCollapse(event: MouseEvent): void;
|
|
35
28
|
focus(): void;
|
|
@@ -37,6 +30,10 @@ export declare class EuiListItemComponent extends BaseDirective implements OnIni
|
|
|
37
30
|
setActiveStyles(): void;
|
|
38
31
|
setInactiveStyles(): void;
|
|
39
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiListItemComponent, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EuiListItemComponent, "[euiListItem], eui-list-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; }, {}, ["euiListComponent", "euiIconSvgComponent", "euiLabelComponent"], ["eui-icon-svg", "[eui-label], [euiLabel]", "[eui-list], [euiList]", "*"], false,
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EuiListItemComponent, "[euiListItem], eui-list-item", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; }, {}, ["euiListComponent", "euiIconSvgComponent", "euiLabelComponent"], ["eui-icon-svg", "[eui-label], [euiLabel]", "[eui-list], [euiList]", "*"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiPrimary": "euiPrimary"; "euiSecondary": "euiSecondary"; "euiSuccess": "euiSuccess"; "euiInfo": "euiInfo"; "euiWarning": "euiWarning"; "euiDanger": "euiDanger"; "euiAccent": "euiAccent"; "euiVariant": "euiVariant"; }; outputs: {}; }]>;
|
|
34
|
+
static ngAcceptInputType_disabled: unknown;
|
|
35
|
+
static ngAcceptInputType_isCollapsible: unknown;
|
|
36
|
+
static ngAcceptInputType_isCollapsed: unknown;
|
|
37
|
+
static ngAcceptInputType_isActive: unknown;
|
|
41
38
|
}
|
|
42
39
|
//# sourceMappingURL=eui-list-item.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-list-item.component.d.ts","sourceRoot":"","sources":["../../../eui-list/eui-list-item/eui-list-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAOH,SAAS,EAET,MAAM,EACN,UAAU,
|
|
1
|
+
{"version":3,"file":"eui-list-item.component.d.ts","sourceRoot":"","sources":["../../../eui-list/eui-list-item/eui-list-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAOH,SAAS,EAET,MAAM,EACN,UAAU,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,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;;;AAE9D,qBAsBa,oBAAqB,YAAW,MAAM,EAAE,eAAe,EAAE,aAAa;IAuBpE,mBAAmB,EAAE,mBAAmB;IAC/C,OAAO,CAAC,cAAc;IACtB,OAAO,CAAC,UAAU;IAxBtB,IACI,UAAU,IAAI,MAAM,CAKvB;IAEyB,IAAI,SAAc;IACL,OAAO,SAAmB;IACnC,QAAQ,SAAQ;IAEO,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC3C,mBAAmB,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC;IACtD,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAE9D,QAAQ,UAAS;IACjB,aAAa,UAAS;IACtB,WAAW,UAAQ;IACnB,QAAQ,UAAS;gBAG9C,mBAAmB,EAAE,mBAAmB,EACvC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU;IAIlC,QAAQ,IAAI,IAAI;IAIT,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAUvC,KAAK,IAAI,IAAI;IAIb,KAAK,IAAI,IAAI;IAIb,eAAe,IAAI,IAAI;IAIvB,iBAAiB,IAAI,IAAI;yCAvDvB,oBAAoB;2CAApB,oBAAoB;uCA2D26xB,OAAQ;4CAAR,OAAQ;0CAAR,OAAQ;uCAAR,OAAQ;CADn9xB"}
|
|
@@ -1,25 +1,22 @@
|
|
|
1
1
|
import { OnInit, AfterContentInit, QueryList } from '@angular/core';
|
|
2
|
-
import { BooleanInput } from '@angular/cdk/coercion';
|
|
3
|
-
import { BaseDirective } from '@eui/components/shared';
|
|
4
2
|
import { EuiListService } from './services/eui-list.service';
|
|
5
3
|
import { EuiListItemComponent } from './eui-list-item/eui-list-item.component';
|
|
6
4
|
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class EuiListComponent
|
|
5
|
+
export declare class EuiListComponent implements OnInit, AfterContentInit {
|
|
8
6
|
private euiListService;
|
|
9
|
-
|
|
10
|
-
set isCollapsible(value: BooleanInput);
|
|
7
|
+
isCollapsible: boolean;
|
|
11
8
|
get cssClasses(): string;
|
|
12
9
|
role: string;
|
|
13
10
|
tabIndex: string;
|
|
14
11
|
items: QueryList<EuiListItemComponent>;
|
|
15
12
|
nestedItems: QueryList<EuiListItemComponent>;
|
|
16
13
|
private focusKeyManager;
|
|
17
|
-
private _isCollapsible;
|
|
18
14
|
constructor(euiListService: EuiListService);
|
|
19
15
|
onKeydown(event: KeyboardEvent): void;
|
|
20
16
|
ngOnInit(): void;
|
|
21
17
|
ngAfterContentInit(): void;
|
|
22
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiListComponent, never>;
|
|
23
19
|
static ɵcmp: i0.ɵɵComponentDeclaration<EuiListComponent, "[euiList], eui-list", never, { "isCollapsible": { "alias": "isCollapsible"; "required": false; }; }, {}, ["items"], ["*"], false, never>;
|
|
20
|
+
static ngAcceptInputType_isCollapsible: unknown;
|
|
24
21
|
}
|
|
25
22
|
//# sourceMappingURL=eui-list.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-list.component.d.ts","sourceRoot":"","sources":["../../eui-list/eui-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,MAAM,EACN,gBAAgB,EAGhB,SAAS,
|
|
1
|
+
{"version":3,"file":"eui-list.component.d.ts","sourceRoot":"","sources":["../../eui-list/eui-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,MAAM,EACN,gBAAgB,EAGhB,SAAS,EAGZ,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;;AAE/E,qBAOa,gBAAiB,YAAW,MAAM,EAAE,gBAAgB;IAcjD,OAAO,CAAC,cAAc;IAbM,aAAa,UAAS;IAE9D,IACI,UAAU,IAAI,MAAM,CAEvB;IAEyB,IAAI,SAAU;IACV,QAAQ,EAAE,MAAM,CAAC;IACiC,KAAK,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAChH,WAAW,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;IACpD,OAAO,CAAC,eAAe,CAAwC;gBAE3C,cAAc,EAAE,cAAc;IAIlD,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAmDrC,QAAQ,IAAI,IAAI;IAMhB,kBAAkB,IAAI,IAAI;yCA3EjB,gBAAgB;2CAAhB,gBAAgB;4CAyFs+vB,OAAQ;CAD1gwB"}
|
|
@@ -1,14 +1,21 @@
|
|
|
1
|
-
import { EventEmitter, OnInit } from '@angular/core';
|
|
1
|
+
import { EventEmitter, OnInit, ElementRef } from '@angular/core';
|
|
2
|
+
import { FocusableOption } from '@angular/cdk/a11y';
|
|
2
3
|
import { BaseStatesDirective } from '@eui/components/shared';
|
|
3
4
|
import { EuiMenuItem } from '@eui/base';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
import * as i1 from "@eui/components/shared";
|
|
6
|
-
export declare class EuiMenuItemComponent implements OnInit {
|
|
7
|
+
export declare class EuiMenuItemComponent implements OnInit, FocusableOption {
|
|
7
8
|
baseStatesDirective: BaseStatesDirective;
|
|
9
|
+
private elementRef;
|
|
8
10
|
role: string;
|
|
9
11
|
ariaLabel: string;
|
|
10
12
|
get cssClasses(): string;
|
|
13
|
+
tabindex: string;
|
|
14
|
+
get ariaHasPopup(): boolean;
|
|
15
|
+
get ariaExpanded(): boolean;
|
|
16
|
+
get ariaDisabled(): boolean;
|
|
11
17
|
item: EuiMenuItem;
|
|
18
|
+
parent: EuiMenuItem;
|
|
12
19
|
expandToggle: EventEmitter<EuiMenuItem>;
|
|
13
20
|
itemClick: EventEmitter<EuiMenuItem>;
|
|
14
21
|
expandMenuLabel: string;
|
|
@@ -17,18 +24,23 @@ export declare class EuiMenuItemComponent implements OnInit {
|
|
|
17
24
|
isLinkItem: boolean;
|
|
18
25
|
isLabelItem: boolean;
|
|
19
26
|
isCategoryItem: boolean;
|
|
27
|
+
isActionIconFocused: boolean;
|
|
20
28
|
hasIcon: boolean;
|
|
21
29
|
hasTooltip: boolean;
|
|
22
30
|
isCollapsed: boolean;
|
|
23
31
|
hasCollapsedInitials: boolean;
|
|
24
32
|
isLabelLowercase: boolean;
|
|
25
|
-
constructor(baseStatesDirective: BaseStatesDirective);
|
|
33
|
+
constructor(baseStatesDirective: BaseStatesDirective, elementRef: ElementRef);
|
|
26
34
|
ngOnInit(): void;
|
|
27
35
|
stopPropagation(event: Event): void;
|
|
28
36
|
get menuItemTooltip(): string;
|
|
29
37
|
onClick(event: Event): void;
|
|
30
38
|
onExpandToggle(event: Event): void;
|
|
31
|
-
onActionIconClick(
|
|
39
|
+
onActionIconClick(event: MouseEvent): void;
|
|
40
|
+
onActionIconKeyDown(event: KeyboardEvent): void;
|
|
41
|
+
focusActionIcon(): void;
|
|
42
|
+
onActionIconFocusOut(): void;
|
|
43
|
+
focus(): void;
|
|
32
44
|
private getTooltipFromItem;
|
|
33
45
|
private getAriaLabel;
|
|
34
46
|
/**
|
|
@@ -37,7 +49,7 @@ export declare class EuiMenuItemComponent implements OnInit {
|
|
|
37
49
|
*/
|
|
38
50
|
private getCssClasses;
|
|
39
51
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiMenuItemComponent, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EuiMenuItemComponent, "eui-menu-item", never, { "item": { "alias": "item"; "required": false; }; "hasIcon": { "alias": "hasIcon"; "required": false; }; "hasTooltip": { "alias": "hasTooltip"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "hasCollapsedInitials": { "alias": "hasCollapsedInitials"; "required": false; }; "isLabelLowercase": { "alias": "isLabelLowercase"; "required": false; }; }, { "expandToggle": "expandToggle"; "itemClick": "itemClick"; }, never, ["*"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: {}; outputs: {}; }]>;
|
|
52
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EuiMenuItemComponent, "eui-menu-item", never, { "item": { "alias": "item"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "hasIcon": { "alias": "hasIcon"; "required": false; }; "hasTooltip": { "alias": "hasTooltip"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "hasCollapsedInitials": { "alias": "hasCollapsedInitials"; "required": false; }; "isLabelLowercase": { "alias": "isLabelLowercase"; "required": false; }; }, { "expandToggle": "expandToggle"; "itemClick": "itemClick"; }, never, ["*"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: {}; outputs: {}; }]>;
|
|
41
53
|
static ngAcceptInputType_hasIcon: unknown;
|
|
42
54
|
static ngAcceptInputType_hasTooltip: unknown;
|
|
43
55
|
static ngAcceptInputType_isCollapsed: unknown;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-menu-item.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,YAAY,EAEZ,MAAM,
|
|
1
|
+
{"version":3,"file":"eui-menu-item.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,YAAY,EAEZ,MAAM,EAEN,UAAU,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;;;AAExC,qBAWa,oBAAqB,YAAW,MAAM,EAAE,eAAe;IA+C7C,mBAAmB,EAAE,mBAAmB;IAAE,OAAO,CAAC,UAAU;IA7CrD,IAAI,SAAc;IACZ,SAAS,SAAM;IAE/C,IACW,UAAU,IAAI,MAAM,CAE9B;IAC6B,QAAQ,SAAQ;IAC9C,IACI,YAAY,IAAI,OAAO,CAE1B;IACD,IACI,YAAY,IAAI,OAAO,CAM1B;IACD,IACI,YAAY,IAAI,OAAO,CAE1B;IAEQ,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACnB,YAAY,4BAAmC;IAC/C,SAAS,4BAAmC;IAEtD,eAAe,SAAY;IAC3B,iBAAiB,SAAc;IAE/B,SAAS,UAAS;IAClB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,cAAc,UAAS;IACvB,mBAAmB,UAAS;IAEY,OAAO,UAAS;IAChB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,oBAAoB,UAAS;IAC7B,gBAAgB,UAAS;gBAE9C,mBAAmB,EAAE,mBAAmB,EAAU,UAAU,EAAE,UAAU;IAE3F,QAAQ,IAAI,IAAI;IAWT,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK1C,IAAI,eAAe,IAAI,MAAM,CAU5B;IAEM,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAM3B,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKlC,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAKjD,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAOxC,eAAe,IAAI,IAAI;IAK9B,oBAAoB,IAAI,IAAI;IAIrB,KAAK,IAAI,IAAI;IAIpB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,YAAY;IAapB;;;OAGG;IACH,OAAO,CAAC,aAAa;yCA7IZ,oBAAoB;2CAApB,oBAAoB;sCAoJ6utB,OAAQ;yCAAR,OAAQ;0CAAR,OAAQ;mDAAR,OAAQ;+CAAR,OAAQ;CADrxtB"}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import { OnInit, EventEmitter, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';
|
|
1
|
+
import { OnInit, EventEmitter, OnChanges, SimpleChanges, OnDestroy, AfterViewInit, QueryList, ChangeDetectorRef } from '@angular/core';
|
|
2
2
|
import { Router, ActivatedRoute } from '@angular/router';
|
|
3
3
|
import { BaseStatesDirective } from '@eui/components/shared';
|
|
4
|
+
import { EuiMenuItemComponent } from './eui-menu-item.component';
|
|
4
5
|
import { EuiMenuItem } from '@eui/base';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
import * as i1 from "@eui/components/shared";
|
|
7
|
-
export declare class EuiMenuComponent implements OnInit, OnChanges, OnDestroy {
|
|
8
|
+
export declare class EuiMenuComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {
|
|
8
9
|
private router;
|
|
9
10
|
private route;
|
|
10
11
|
baseStatesDirective: BaseStatesDirective;
|
|
12
|
+
private cd;
|
|
13
|
+
focusableItems: QueryList<EuiMenuItemComponent>;
|
|
11
14
|
get cssClasses(): string;
|
|
12
15
|
items: EuiMenuItem[];
|
|
13
16
|
searchFilterLabel: string;
|
|
@@ -27,10 +30,13 @@ export declare class EuiMenuComponent implements OnInit, OnChanges, OnDestroy {
|
|
|
27
30
|
itemClick: EventEmitter<EuiMenuItem>;
|
|
28
31
|
itemsState: any[];
|
|
29
32
|
private subscription;
|
|
30
|
-
|
|
33
|
+
private focusKeyManager;
|
|
34
|
+
constructor(router: Router, route: ActivatedRoute, baseStatesDirective: BaseStatesDirective, cd: ChangeDetectorRef);
|
|
31
35
|
stopPropagation(event: Event): void;
|
|
36
|
+
onKeydown(event: KeyboardEvent): void;
|
|
32
37
|
ngOnChanges(changes: SimpleChanges): void;
|
|
33
38
|
ngOnInit(): void;
|
|
39
|
+
ngAfterViewInit(): void;
|
|
34
40
|
ngOnDestroy(): void;
|
|
35
41
|
onClick(item: EuiMenuItem): void;
|
|
36
42
|
onExpandToggle(item: EuiMenuItem): void;
|
|
@@ -38,6 +44,33 @@ export declare class EuiMenuComponent implements OnInit, OnChanges, OnDestroy {
|
|
|
38
44
|
onFilter(event: Event): any;
|
|
39
45
|
onFilter(value: string): any;
|
|
40
46
|
private _onToggleExpandAllItems;
|
|
47
|
+
/**
|
|
48
|
+
* finds the EuiMenuItemComponent in the queried focusableItems[] that matches the passed EuiMenuItem object
|
|
49
|
+
*
|
|
50
|
+
* @param menuItem an EuiMenuItem
|
|
51
|
+
* @private
|
|
52
|
+
*/
|
|
53
|
+
private findFocusableItem;
|
|
54
|
+
/**
|
|
55
|
+
* finds the first item that is filtered
|
|
56
|
+
*
|
|
57
|
+
* @param menuItems an array of EuiMenuItem
|
|
58
|
+
* @private
|
|
59
|
+
*/
|
|
60
|
+
private findFirstFilteredItem;
|
|
61
|
+
/**
|
|
62
|
+
* finds all filtered menu items
|
|
63
|
+
*
|
|
64
|
+
* @param menuItems an array of EuiMenuItem
|
|
65
|
+
* @private
|
|
66
|
+
*/
|
|
67
|
+
private findFilteredItems;
|
|
68
|
+
/**
|
|
69
|
+
* checks the focus state of the action icon
|
|
70
|
+
*
|
|
71
|
+
* @private
|
|
72
|
+
*/
|
|
73
|
+
private checkActionIconFocusState;
|
|
41
74
|
/**
|
|
42
75
|
* filter all menu items given a value
|
|
43
76
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-menu.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,YAAY,EACZ,SAAS,EACT,aAAa,EAGb,SAAS,
|
|
1
|
+
{"version":3,"file":"eui-menu.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -137,7 +137,7 @@ var EuiAlertComponent = class _EuiAlertComponent {
|
|
|
137
137
|
<ng-content></ng-content>
|
|
138
138
|
</div>
|
|
139
139
|
</ng-template>
|
|
140
|
-
`, styles: [':host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-base-color-info-100));--_color: var(--eui-alert-color, var(--eui-base-color-info-130));--_bg-color: var(--eui-alert-bg-color, var(--eui-base-color-info-10))}:host.eui-alert{display:flex;background-color:var(--_bg-color);background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;position:relative;border-left:var(--eui-base-spacing-2xs) solid var(--_border-color);border-radius:var(--eui-base-border-radius);flex-basis:auto;flex-shrink:1;overflow:auto;padding:var(--eui-base-spacing-m);width:100%}:host.eui-alert::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}:host.eui-alert::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}:host.eui-alert::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}:host.eui-alert::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-alert__type-container{align-items:center;display:flex;margin-right:var(--eui-base-spacing-s);height:var(--eui-base-spacing-l)}.eui-alert__content{display:flex;flex-direction:column;width:100%}.eui-alert__content-header{align-items:center;display:flex;flex:1 1 100%;justify-content:space-between;width:100%}.eui-alert__content-header--with-title{min-height:var(--eui-base-spacing-l)}.eui-alert__content--with-title{margin-top:var(--eui-base-spacing-xs)}.eui-alert__close{align-self:flex-start;display:flex;margin-left:auto}.eui-alert__close:hover{text-decoration:underline}.eui-alert__close-button{margin-left:var(--eui-base-spacing-s)}:host.eui-alert--info{--_border-color: var(--eui-base-color-info-100);--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-130)}:host.eui-alert--success{--_border-color: var(--eui-base-color-success-100);--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-130)}:host.eui-alert--danger{--_border-color: var(--eui-base-color-danger-100);--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-130)}:host.eui-alert--warning{--_border-color: var(--eui-base-color-warning-100);--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-140)}:host.eui-alert--hidden{display:none}:host.eui-alert--focusable:
|
|
140
|
+
`, styles: [':host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-base-color-info-100));--_color: var(--eui-alert-color, var(--eui-base-color-info-130));--_bg-color: var(--eui-alert-bg-color, var(--eui-base-color-info-10))}:host.eui-alert{display:flex;background-color:var(--_bg-color);background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;position:relative;border-left:var(--eui-base-spacing-2xs) solid var(--_border-color);border-radius:var(--eui-base-border-radius);flex-basis:auto;flex-shrink:1;overflow:auto;padding:var(--eui-base-spacing-m);width:100%}:host.eui-alert::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}:host.eui-alert::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}:host.eui-alert::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}:host.eui-alert::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-alert__type-container{align-items:center;display:flex;margin-right:var(--eui-base-spacing-s);height:var(--eui-base-spacing-l)}.eui-alert__content{display:flex;flex-direction:column;width:100%}.eui-alert__content-header{align-items:center;display:flex;flex:1 1 100%;justify-content:space-between;width:100%}.eui-alert__content-header--with-title{min-height:var(--eui-base-spacing-l)}.eui-alert__content--with-title{margin-top:var(--eui-base-spacing-xs)}.eui-alert__close{align-self:flex-start;display:flex;margin-left:auto}.eui-alert__close:hover{text-decoration:underline}.eui-alert__close-button{margin-left:var(--eui-base-spacing-s)}:host.eui-alert--info{--_border-color: var(--eui-base-color-info-100);--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-130)}:host.eui-alert--success{--_border-color: var(--eui-base-color-success-100);--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-130)}:host.eui-alert--danger{--_border-color: var(--eui-base-color-danger-100);--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-130)}:host.eui-alert--warning{--_border-color: var(--eui-base-color-warning-100);--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-140)}:host.eui-alert--hidden{display:none}:host.eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--focusable [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}@media screen and (max-width: 995px){.eui-alert__close-label{display:none}}\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: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i4.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i02.ChangeDetectionStrategy.OnPush });
|
|
141
141
|
}
|
|
142
142
|
};
|
|
143
143
|
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i02, type: EuiAlertComponent, decorators: [{
|
|
@@ -215,7 +215,7 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
215
215
|
<ng-content></ng-content>
|
|
216
216
|
</div>
|
|
217
217
|
</ng-template>
|
|
218
|
-
`, styles: [':host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-base-color-info-100));--_color: var(--eui-alert-color, var(--eui-base-color-info-130));--_bg-color: var(--eui-alert-bg-color, var(--eui-base-color-info-10))}:host.eui-alert{display:flex;background-color:var(--_bg-color);background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;position:relative;border-left:var(--eui-base-spacing-2xs) solid var(--_border-color);border-radius:var(--eui-base-border-radius);flex-basis:auto;flex-shrink:1;overflow:auto;padding:var(--eui-base-spacing-m);width:100%}:host.eui-alert::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}:host.eui-alert::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}:host.eui-alert::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}:host.eui-alert::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-alert__type-container{align-items:center;display:flex;margin-right:var(--eui-base-spacing-s);height:var(--eui-base-spacing-l)}.eui-alert__content{display:flex;flex-direction:column;width:100%}.eui-alert__content-header{align-items:center;display:flex;flex:1 1 100%;justify-content:space-between;width:100%}.eui-alert__content-header--with-title{min-height:var(--eui-base-spacing-l)}.eui-alert__content--with-title{margin-top:var(--eui-base-spacing-xs)}.eui-alert__close{align-self:flex-start;display:flex;margin-left:auto}.eui-alert__close:hover{text-decoration:underline}.eui-alert__close-button{margin-left:var(--eui-base-spacing-s)}:host.eui-alert--info{--_border-color: var(--eui-base-color-info-100);--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-130)}:host.eui-alert--success{--_border-color: var(--eui-base-color-success-100);--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-130)}:host.eui-alert--danger{--_border-color: var(--eui-base-color-danger-100);--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-130)}:host.eui-alert--warning{--_border-color: var(--eui-base-color-warning-100);--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-140)}:host.eui-alert--hidden{display:none}:host.eui-alert--focusable:
|
|
218
|
+
`, styles: [':host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-base-color-info-100));--_color: var(--eui-alert-color, var(--eui-base-color-info-130));--_bg-color: var(--eui-alert-bg-color, var(--eui-base-color-info-10))}:host.eui-alert{display:flex;background-color:var(--_bg-color);background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;position:relative;border-left:var(--eui-base-spacing-2xs) solid var(--_border-color);border-radius:var(--eui-base-border-radius);flex-basis:auto;flex-shrink:1;overflow:auto;padding:var(--eui-base-spacing-m);width:100%}:host.eui-alert::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}:host.eui-alert::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}:host.eui-alert::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}:host.eui-alert::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-alert__type-container{align-items:center;display:flex;margin-right:var(--eui-base-spacing-s);height:var(--eui-base-spacing-l)}.eui-alert__content{display:flex;flex-direction:column;width:100%}.eui-alert__content-header{align-items:center;display:flex;flex:1 1 100%;justify-content:space-between;width:100%}.eui-alert__content-header--with-title{min-height:var(--eui-base-spacing-l)}.eui-alert__content--with-title{margin-top:var(--eui-base-spacing-xs)}.eui-alert__close{align-self:flex-start;display:flex;margin-left:auto}.eui-alert__close:hover{text-decoration:underline}.eui-alert__close-button{margin-left:var(--eui-base-spacing-s)}:host.eui-alert--info{--_border-color: var(--eui-base-color-info-100);--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-130)}:host.eui-alert--success{--_border-color: var(--eui-base-color-success-100);--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-130)}:host.eui-alert--danger{--_border-color: var(--eui-base-color-danger-100);--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-130)}:host.eui-alert--warning{--_border-color: var(--eui-base-color-warning-100);--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-140)}:host.eui-alert--hidden{display:none}:host.eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--focusable [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}@media screen and (max-width: 995px){.eui-alert__close-label{display:none}}\n'] }]
|
|
219
219
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
220
220
|
type: HostBinding2,
|
|
221
221
|
args: ["class"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-alert/components/eui-alert-title.component.ts", "../../eui-alert/eui-alert.component.ts", "../../eui-alert/eui-alert.component.html", "../../eui-alert/eui-alert.module.ts"],
|
|
4
4
|
"sourcesContent": ["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-alert-title',\n template: '<ng-content></ng-content>',\n styleUrl: './eui-alert-title.component.scss',\n})\nexport class EuiAlertTitleComponent {\n // host binding class assignment for the content directive, avoiding extra DOM templates wrapper\n @HostBinding('class') class = 'eui-alert-title';\n}\n", "// -------\n// IMPORTS\n// -------\n\n// Angular\nimport {\n Component,\n HostBinding,\n EventEmitter,\n Input,\n ChangeDetectionStrategy,\n Output,\n OnInit,\n ContentChild,\n forwardRef,\n QueryList,\n booleanAttribute,\n} from '@angular/core';\n\n// 3rd party\nimport * as uuid from 'uuid';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n// --------------\n// MAIN COMPONENT\n// --------------\n@Component({\n templateUrl: './eui-alert.component.html', // respect component name convention\n selector: 'div[euiAlert], eui-alert', // if needed multi selectors\n styleUrl: './styles/_index.scss', // respect styles/_index.scss only import\n changeDetection: ChangeDetectionStrategy.OnPush, // OnPush by default for all\n\n // use of baseStatesDirective : defined here what the component needs as base props => reflected in styles / states.scss\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n // important to add the variant per type : euiVariant for colors / euiSizeVariant for sizes\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiAlertComponent implements OnInit {\n // class binding ALWAYS first (for binding against the baseStateDiretive)\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n // Always refer to the baseStatesDirective\n this.baseStatesDirective.getCssClasses('eui-alert'),\n\n // own cmp state => reflected with the scss states\n this.isMuted ? 'eui-alert--muted' : '',\n this.isFocusable ? 'eui-alert--focusable' : '',\n !this.isVisible ? 'eui-alert--hidden' : '',\n ]\n .join(' ')\n .trim();\n }\n\n // a11y bindings, ideally always on the host side / never in the sub wrapper within the HTML,\n // cleaner and also attacking the host DOM element rather than its children\n @HostBinding('attr.role') role = 'alert';\n @HostBinding('attr.aria-describedby')\n @Input()\n get ariaDescribedBy(): string {\n return `alertContent-${this.uniqueId}`;\n }\n @HostBinding('attr.tabindex')\n get tabindex(): string {\n return this.isFocusable ? '0' : '-1';\n }\n\n // for e2e unique attr to be defined / pass as input\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-alert';\n\n // component own states\n // conventions if boolean : is / has prefix\n // new v17 usage of transform / act like coerce and included in Angular natively now\n @Input({ transform: booleanAttribute }) isMuted = false;\n @Input({ transform: booleanAttribute }) isCloseable = false;\n @Input({ transform: booleanAttribute }) isFocusable = false;\n\n // Output event definition\n // convention : verb(present)Component\n @Output() closeAlert = new EventEmitter<null>();\n\n // contentChild def / viewChild defs if needed\n @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n // public variables used in the template\n isVisible = true;\n alertIconType: string;\n alertIconFillColor: string;\n\n private uniqueId: string;\n\n // CONSTRUCTOR\n // -----------\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n // HOOKS\n // -----\n ngOnInit(): void {\n this.uniqueId = uuid.v4();\n }\n\n // PUBLIC FUNCTIONS FROM TEMPLATE\n // ------------------------------\n onCloseClick(): void {\n this.isVisible = false;\n this.closeAlert.emit();\n }\n\n // PRIVATES\n // --------\n\n}\n", "@if (!isMuted) {\n <div class=\"eui-alert__type-container\">\n @if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-check-filled\" fillColor=\"success-100\"></eui-icon-svg>\n }\n @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-warning\" fillColor=\"warning-100\"></eui-icon-svg>\n }\n @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-error\" fillColor=\"danger-100\"></eui-icon-svg>\n }\n @else {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-information\" fillColor=\"info-100\"></eui-icon-svg>\n }\n </div>\n}\n\n<div id=\"{{ ariaDescribedBy }}\" class=\"eui-alert__content\">\n @if (alertTitle) {\n <ng-template *ngTemplateOutlet=\"contentWithTitle\"></ng-template>\n } @else {\n <ng-template *ngTemplateOutlet=\"contentNoTitle\"></ng-template>\n }\n</div>\n\n<ng-template #contentWithTitle>\n <div class=\"eui-alert__content-header eui-alert__content-header--with-title\">\n <ng-content select=\"eui-alert-title\"></ng-content>\n <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n </div>\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</ng-template>\n\n<ng-template #contentNoTitle>\n <div class=\"eui-alert__content-header\">\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n </div>\n</ng-template>\n\n<ng-template #closeButton>\n <div class=\"eui-alert__close\">\n <button *ngIf=\"isCloseable\"\n euiButton\n euiBasicButton\n euiPrimary\n euiSizeS\n aria-label=\"Close alert button\"\n class=\"eui-alert__close-button\"\n (click)=\"onCloseClick()\">\n <span euiLabel class=\"eui-alert__close-label\">{{ 'eui.CLOSE' | translate }}</span>\n <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-ecl-close\"></eui-icon-svg>\n </button>\n </div>\n</ng-template>\n\n<ng-template #content>\n <div [class.eui-alert__content--with-title]=\"alertTitle\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", "// Angular\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// 3rd party\nimport { TranslateModule } from '@ngx-translate/core';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\nconst EUI_MODULES = [\n EuiIconModule, EuiLabelModule, EuiButtonModule,\n];\n\n// component internals\nimport { EuiAlertComponent } from './eui-alert.component';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\nconst COMPONENTS = [\n EuiAlertComponent, EuiAlertTitleComponent,\n];\n\n// component main module\n@NgModule({\n imports: [\n // Angular and 3rd party\n CommonModule, TranslateModule,\n // eUI internals\n BaseStatesDirective,\n ...EUI_MODULES,\n ],\n declarations: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\n// Always same naming convention for all : Eui[CMP_NAME]Module\nexport class EuiAlertModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,mBAAmB;;AAOjC,IAAO,yBAAP,MAAO,wBAAsB;EALnC,cAAA;AAO0B,SAAA,QAAQ;;;4GAFrB,yBAAsB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAtB,yBAAsB,UAAA,mBAAA,MAAA,EAAA,YAAA,EAAA,SAAA,aAAA,EAAA,GAAA,UAAA,IAAA,UAHrB,6BAA2B,UAAA,MAAA,QAAA,CAAA,8HAAA,EAAA,CAAA;EAAA;;kGAG5B,wBAAsB,YAAA,CAAA;QALlC;qBACa,mBAAiB,UACjB,6BAA2B,QAAA,CAAA,8HAAA,EAAA,CAAA;sBAKf,OAAK,CAAA;QAA1B;SAAY,OAAO;;;;ACJxB,SACI,aAAAA,YACA,eAAAC,cACA,cACA,OACA,yBACA,QAEA,cACA,YAEA,wBACG;AAGP,YAAY,UAAU;AAGtB,SAAS,2BAA2B;;;;;;;;AA2B9B,IAAO,oBAAP,MAAO,mBAAiB;;EAE1B,IACW,aAAU;AACjB,WAAO;;MAEH,KAAK,oBAAoB,cAAc,WAAW;;MAGlD,KAAK,UAAU,qBAAqB;MACpC,KAAK,cAAc,yBAAyB;MAC5C,CAAC,KAAK,YAAY,sBAAsB;MAEvC,KAAK,GAAG,EACR,KAAI;EACb;EAKA,IAEI,kBAAe;AACf,WAAO,gBAAgB,KAAK,QAAQ;EACxC;EACA,IACI,WAAQ;AACR,WAAO,KAAK,cAAc,MAAM;EACpC;;;EA8BA,YAAmB,qBAAwC;AAAxC,SAAA,sBAAA;AAvCO,SAAA,OAAO;AAcjC,SAAA,UAAU;AAK8B,SAAA,UAAU;AACV,SAAA,cAAc;AACd,SAAA,cAAc;AAI5C,SAAA,aAAa,IAAI,aAAY;AAMvC,SAAA,YAAY;EAQkD;;;EAI9D,WAAQ;AACJ,SAAK,WAAgB,QAAE;EAC3B;;;EAIA,eAAY;AACR,SAAK,YAAY;AACjB,SAAK,WAAW,KAAI;EACxB;;8GAvES,oBAAiB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAAjB,oBAAiB,UAAA,4BAAA,QAAA,EAAA,iBAAA,mBAAA,SAAA,WAAA,SAAA,CAAA,WAAA,WAsCN,gBAAgB,GAAA,aAAA,CAAA,eAAA,eAChB,gBAAgB,GAAA,aAAA,CAAA,eAAA,eAChB,gBAAgB,EAAA,GAAA,SAAA,EAAA,YAAA,aAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,yBAAA,wBAAA,iBAAA,iBAAA,iBAAA,eAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,cAAA,OAAA,MAAA,WAAA,eAAA,MAOL,sBAAsB,GAAA,aAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,cAAA,YAAA,EAAA,CAAA,GAAA,UAAAC,KAAA,UCjGzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DA,QAAA,CAAA,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["Component", "HostBinding", "i0", "BaseStatesDirective"]
|
|
7
7
|
}
|