@eui/components 18.0.0-next.33 → 18.0.0-next.34
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/EuiButtonComponent.html +1 -25
- package/docs/components/EuiIconSvgComponent.html +24 -54
- package/docs/dependencies.html +1 -1
- package/docs/js/menu-wc.js +3 -3
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/modules/EuiButtonModule.html +0 -3
- package/esm2022/eui-alert/eui-alert.component.mjs +1 -1
- package/esm2022/eui-avatar/eui-avatar.component.mjs +2 -2
- package/esm2022/eui-button/eui-button.component.mjs +6 -13
- package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.mjs +1 -1
- package/esm2022/eui-card/components/eui-card-header/eui-card-header.component.mjs +1 -1
- package/esm2022/eui-chip/eui-chip.component.mjs +2 -2
- package/esm2022/eui-chip-list/eui-chip-list.component.mjs +1 -1
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +1 -1
- package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +1 -1
- package/esm2022/eui-datepicker/eui-datepicker.component.mjs +1 -1
- package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +1 -1
- package/esm2022/eui-discussion-thread/eui-discussion-thread-item.component.mjs +1 -1
- package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +1 -1
- package/esm2022/eui-fieldset/eui-fieldset.component.mjs +1 -1
- package/esm2022/eui-file-upload/eui-file-upload.component.mjs +1 -1
- package/esm2022/eui-file-upload/file-preview/file-preview.component.mjs +1 -1
- package/esm2022/eui-growl/eui-growl.component.mjs +1 -1
- package/esm2022/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.mjs +1 -1
- package/esm2022/eui-icon/eui-icon-svg.component.mjs +30 -36
- package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +1 -1
- package/esm2022/eui-language-selector/language-selector.component.mjs +1 -1
- package/esm2022/eui-language-selector/modal-selector/modal-selector.component.mjs +1 -1
- package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +1 -1
- package/esm2022/eui-menu/eui-menu-item.component.mjs +1 -1
- package/esm2022/eui-menu/eui-menu.component.mjs +1 -1
- package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.mjs +1 -1
- package/esm2022/eui-page/components/eui-page-column/eui-page-column.component.mjs +1 -1
- package/esm2022/eui-page/components/eui-page-header/eui-page-header.component.mjs +1 -1
- package/esm2022/eui-paginator/eui-paginator.component.mjs +1 -1
- package/esm2022/eui-popover/eui-popover.component.mjs +1 -1
- package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +1 -1
- package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +1 -1
- package/esm2022/eui-table/filter/eui-table-filter.component.mjs +1 -1
- package/esm2022/eui-table/sortable-col/eui-table-sortable-col.component.mjs +1 -1
- package/esm2022/eui-tabs/eui-tabs.component.mjs +1 -1
- package/esm2022/eui-timebar/eui-timebar.component.mjs +1 -1
- package/esm2022/eui-timepicker/eui-timepicker.component.mjs +1 -1
- package/esm2022/eui-tree/eui-tree.component.mjs +1 -1
- package/esm2022/eui-tree-list/eui-tree-list-item.component.mjs +1 -1
- package/esm2022/eui-tree-list/toolbar/toolbar.component.mjs +1 -1
- package/esm2022/eui-wizard/eui-wizard.component.mjs +1 -1
- package/esm2022/externals/eui-editor/eui-editor.component.mjs +1 -1
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs +1 -1
- package/esm2022/layout/eui-breadcrumb/collapsed-breadcrumb/collapsed-breadcrumb.component.mjs +1 -1
- package/esm2022/layout/eui-breadcrumb/item/breadcrumb-item.component.mjs +1 -1
- package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +1 -1
- package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +1 -1
- package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs +1 -1
- package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +1 -1
- package/esm2022/layout/eui-search/search.component.mjs +1 -1
- package/esm2022/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.mjs +1 -1
- package/esm2022/layout/eui-user-profile/user-profile-card/user-profile-card.component.mjs +1 -1
- package/esm2022/layout/eui-user-profile/user-profile.component.mjs +1 -1
- package/eui-button/eui-button.component.d.ts +3 -6
- package/eui-button/eui-button.component.d.ts.map +1 -1
- package/eui-icon/eui-icon-svg.component.d.ts +5 -6
- package/eui-icon/eui-icon-svg.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +1 -1
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-avatar.mjs +2 -2
- package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +5 -12
- package/fesm2022/eui-components-eui-button.mjs.map +2 -2
- 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-list.mjs +1 -1
- package/fesm2022/eui-components-eui-chip-list.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +2 -2
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-date-range-selector.mjs +1 -1
- package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-discussion-thread.mjs +1 -1
- package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
- package/fesm2022/eui-components-eui-fieldset.mjs +1 -1
- package/fesm2022/eui-components-eui-fieldset.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-growl.mjs +1 -1
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon-toggle.mjs +1 -1
- package/fesm2022/eui-components-eui-icon-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon.mjs +44 -41
- package/fesm2022/eui-components-eui-icon.mjs.map +2 -2
- 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 +1 -1
- package/fesm2022/eui-components-eui-list.mjs.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +2 -2
- package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
- package/fesm2022/eui-components-eui-overlay.mjs +1 -1
- package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
- package/fesm2022/eui-components-eui-page.mjs +2 -2
- package/fesm2022/eui-components-eui-page.mjs.map +1 -1
- package/fesm2022/eui-components-eui-paginator.mjs +1 -1
- package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
- package/fesm2022/eui-components-eui-popover.mjs +1 -1
- package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-bar.mjs +1 -1
- package/fesm2022/eui-components-eui-progress-bar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.mjs +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.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 +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timebar.mjs +1 -1
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timepicker.mjs +1 -1
- package/fesm2022/eui-components-eui-timepicker.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-eui-tree.mjs +1 -1
- package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
- package/fesm2022/eui-components-eui-wizard.mjs +1 -1
- package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
- package/fesm2022/eui-components-externals-eui-editor.mjs +1 -1
- package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +11 -11
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -502,7 +502,7 @@ var EuiToolbarMenuComponent = class _EuiToolbarMenuComponent {
|
|
|
502
502
|
</ng-container>
|
|
503
503
|
</ul>
|
|
504
504
|
</nav>
|
|
505
|
-
`, dependencies: [{ kind: "directive", type: i22.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i22.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i32.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i32.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", "
|
|
505
|
+
`, dependencies: [{ kind: "directive", type: i22.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i22.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i32.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i32.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: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i06.ViewEncapsulation.None });
|
|
506
506
|
}
|
|
507
507
|
};
|
|
508
508
|
i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i06, type: EuiToolbarMenuComponent, decorators: [{
|
|
@@ -1137,7 +1137,7 @@ var EuiUserProfileComponent = class _EuiUserProfileComponent {
|
|
|
1137
1137
|
</eui-avatar>
|
|
1138
1138
|
</button>
|
|
1139
1139
|
</ng-template>
|
|
1140
|
-
`, 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-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-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-c-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-c-branding);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-c-secondary);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-c-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-c-secondary-lightest)}.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-c-secondary-lightest);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-c-focus-visible)!important;transition:none!important}.eui-user-profile-menu-item:hover{background-color:var(--eui-c-hover);cursor:pointer}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-c-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-c-secondary-bg-light);padding:var(--eui-base-spacing-s)}\n'], dependencies: [{ kind: "directive", type: i33.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i33.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i42.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"] }, { kind: "directive", type: i42.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i52.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "
|
|
1140
|
+
`, 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-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-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-c-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-c-branding);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-c-secondary);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-c-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-c-secondary-lightest)}.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-c-secondary-lightest);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-c-focus-visible)!important;transition:none!important}.eui-user-profile-menu-item:hover{background-color:var(--eui-c-hover);cursor:pointer}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-c-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-c-secondary-bg-light);padding:var(--eui-base-spacing-s)}\n'], dependencies: [{ kind: "directive", type: i33.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i33.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i42.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"] }, { kind: "directive", type: i42.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i52.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: 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: i017.ChangeDetectionStrategy.Default, encapsulation: i017.ViewEncapsulation.None });
|
|
1141
1141
|
}
|
|
1142
1142
|
};
|
|
1143
1143
|
i017.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i017, type: EuiUserProfileComponent, decorators: [{
|
|
@@ -1307,7 +1307,7 @@ var EuiUserProfileCardComponent = class _EuiUserProfileCardComponent {
|
|
|
1307
1307
|
this.ɵfac = i018.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i018, type: _EuiUserProfileCardComponent, deps: [{ token: i111.UserService }], target: i018.ɵɵFactoryTarget.Component });
|
|
1308
1308
|
}
|
|
1309
1309
|
static {
|
|
1310
|
-
this.ɵcmp = i018.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiUserProfileCardComponent, selector: "eui-user-profile-card", inputs: { impersonateLabel: "impersonateLabel", showDetailsLabel: "showDetailsLabel", avatarUrl: "avatarUrl", isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute5] }, outputs: { showProfileInfo: "showProfileInfo", closeProfileMenu: "closeProfileMenu" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i018, template: '<div class="eui-user-profile-card__main-wrapper">\n <div class="eui-user-profile-card__avatar-wrapper">\n <eui-avatar euiSizeL euiInfo>\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>\n </div>\n <div class="eui-user-profile-card__userInfos">\n <div class="eui-u-font-xl eui-u-mb-s">{{ userState.fullName }}</div>\n <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n {{ userState.function }}\n </div>\n <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n {{ userState.organisation.code }}\n </div>\n </div>\n <div class="eui-user-profile-card__main-wrapper-right-content">\n <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n <eui-icon-svg icon="eui-info"></eui-icon-svg>\n </button>\n </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n <div class="eui-user-profile-card__impersonateInfos">\n <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n <div class="eui-u-mt-2xs">\n <strong>{{ userState?.fullName }}</strong>\n </div>\n </div>\n</ng-container>\n', dependencies: [{ kind: "directive", type: i25.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i34.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "
|
|
1310
|
+
this.ɵcmp = i018.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiUserProfileCardComponent, selector: "eui-user-profile-card", inputs: { impersonateLabel: "impersonateLabel", showDetailsLabel: "showDetailsLabel", avatarUrl: "avatarUrl", isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute5] }, outputs: { showProfileInfo: "showProfileInfo", closeProfileMenu: "closeProfileMenu" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i018, template: '<div class="eui-user-profile-card__main-wrapper">\n <div class="eui-user-profile-card__avatar-wrapper">\n <eui-avatar euiSizeL euiInfo>\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>\n </div>\n <div class="eui-user-profile-card__userInfos">\n <div class="eui-u-font-xl eui-u-mb-s">{{ userState.fullName }}</div>\n <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n {{ userState.function }}\n </div>\n <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n {{ userState.organisation.code }}\n </div>\n </div>\n <div class="eui-user-profile-card__main-wrapper-right-content">\n <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n <eui-icon-svg icon="eui-info"></eui-icon-svg>\n </button>\n </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n <div class="eui-user-profile-card__impersonateInfos">\n <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n <div class="eui-u-mt-2xs">\n <strong>{{ userState?.fullName }}</strong>\n </div>\n </div>\n</ng-container>\n', dependencies: [{ kind: "directive", type: i25.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i34.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: i43.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i53.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i53.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i53.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i018.ChangeDetectionStrategy.Default, encapsulation: i018.ViewEncapsulation.None });
|
|
1311
1311
|
}
|
|
1312
1312
|
};
|
|
1313
1313
|
i018.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i018, type: EuiUserProfileCardComponent, decorators: [{
|
|
@@ -1451,7 +1451,7 @@ var EuiAppSidebarHeaderUserProfileComponent = class _EuiAppSidebarHeaderUserProf
|
|
|
1451
1451
|
<button *ngIf="hasProfileDrawer" euiButton euiRounded euiIconButton euiBasicButton euiSecondary class="eui-u-ml-auto" aria-label="Toggle user profile details">
|
|
1452
1452
|
<eui-icon-svg [icon]="toggleProfile ? 'eui-chevron-up' : 'eui-chevron-down'"></eui-icon-svg>
|
|
1453
1453
|
</button>
|
|
1454
|
-
`, styles: [".eui-app-sidebar-header-user-profile{border-bottom:1px solid var(--eui-c-secondary-lightest);display:flex;height:var(--eui-app-sidebar-header-user-profile);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);position:relative;width:100%}.eui-app-sidebar-header-user-profile--has-drawer,.eui-app-sidebar-header-user-profile--has-drawer .eui-user-profile-content--no-menu{cursor:pointer}@media screen and (min-width: 996px){.eui-app-sidebar-header-user-profile{display:none}}\n"], dependencies: [{ kind: "directive", type: i112.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i26.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "
|
|
1454
|
+
`, styles: [".eui-app-sidebar-header-user-profile{border-bottom:1px solid var(--eui-c-secondary-lightest);display:flex;height:var(--eui-app-sidebar-header-user-profile);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);position:relative;width:100%}.eui-app-sidebar-header-user-profile--has-drawer,.eui-app-sidebar-header-user-profile--has-drawer .eui-user-profile-content--no-menu{cursor:pointer}@media screen and (min-width: 996px){.eui-app-sidebar-header-user-profile{display:none}}\n"], dependencies: [{ kind: "directive", type: i112.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i26.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i35.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: EuiUserProfileComponent, selector: "eui-user-profile", inputs: ["welcomeLabel", "impersonateLabel", "avatarUrl", "subInfos", "hasMenu", "isShowUserInfos", "hasWelcomeLabel", "isShowAvatarInitials", "hasTabNavigation", "isReverse", "hasToggle", "isHeaderUserProfile"] }], changeDetection: i020.ChangeDetectionStrategy.Default, encapsulation: i020.ViewEncapsulation.None });
|
|
1455
1455
|
}
|
|
1456
1456
|
};
|
|
1457
1457
|
i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i020, type: EuiAppSidebarHeaderUserProfileComponent, decorators: [{
|
|
@@ -2373,7 +2373,7 @@ var EuiSearchComponent = class _EuiSearchComponent {
|
|
|
2373
2373
|
this.ɵfac = i036.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i036, type: _EuiSearchComponent, deps: [], target: i036.ɵɵFactoryTarget.Component });
|
|
2374
2374
|
}
|
|
2375
2375
|
static {
|
|
2376
|
-
this.ɵcmp = i036.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiSearchComponent, selector: "eui-search", inputs: { placeholderLabel: "placeholderLabel", panelWidth: "panelWidth", searchResults: "searchResults", isAutocomplete: ["isAutocomplete", "isAutocomplete", booleanAttribute9], isInputText: ["isInputText", "isInputText", booleanAttribute9], hasSearchButton: ["hasSearchButton", "hasSearchButton", booleanAttribute9], hasExpandAnimation: ["hasExpandAnimation", "hasExpandAnimation", booleanAttribute9] }, outputs: { search: "search", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], ngImport: i036, template: '<div euiInputGroup class="eui-u-mb-none">\n <div class="eui-input-group-addon">\n <eui-autocomplete *ngIf="isAutocomplete" [autocompleteData]="searchResults"\n placeholder="{{placeholderLabel}}"\n panelWidth="{{panelWidth}}"\n (inputBlur)="onInputBlur($event)"\n (inputFocus)="onInputFocus($event)"\n (inputChange)="onSearch($event)">\n <ng-container *ngIf="templates.length !== 0">\n <ng-template let-option euiTemplate="dropdownOption">\n <ng-container\n [ngTemplateOutlet]="resultItemTemplate"\n [ngTemplateOutletContext]="{ $implicit: option }">\n </ng-container>\n </ng-template>\n </ng-container>\n </eui-autocomplete>\n\n <input *ngIf="isInputText"\n class="mywp-search-bar__input" euiInputText [(ngModel)]="searchInput"\n placeholder="{{ placeholderLabel }}"\n (focus)="onInputFocus($event)" (blur)="onInputBlur($event)" (keydown)="onSearchInput($event)"/>\n\n <button *ngIf="hasSearchButton"\n class="eui-search__input-button"\n euiButton\n euiBasicButton\n euiSizeS\n [euiSecondary]="isInputFocus"\n euiIconButton\n (click)="onSearchClick()"\n aria-label="search button">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </button>\n\n <div *ngIf="!hasSearchButton" class="eui-search__icon">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </div>\n </div>\n</div>\n', styles: [".eui-search{display:flex;top:0}.eui-search .eui-button .eui-button__container{justify-content:center}.eui-search .eui-input-text{background-color:var(--eui-c-branding-dark);border-color:var(--eui-c-branding-light);border-radius:var(--eui-base-spacing-m)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-c-branding-dark-contrast);width:200px}.eui-search .eui-input-text--clearable-icon{display:none}.eui-search--focus .eui-input-text{background-color:var(--eui-c-white);border-color:var(--eui-c-secondary-light);color:var(--eui-c-black);width:300px}.eui-search--focus .eui-search__input-button{color:var(--eui-c-black)!important}.eui-search--focus .eui-search__icon{display:none}.eui-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-c-secondary-lightest)!important}.eui-search__input-button .eui-icon-svg{z-index:1}.eui-search__input-button:focus .eui-icon-svg svg{color:var(--eui-c-black)!important;fill:var(--eui-c-black)!important}.eui-search__icon{position:absolute;right:8px;top:10px}.eui-search__icon svg{color:var(--eui-c-secondary-lightest)!important;fill:var(--eui-c-secondary-lightest)!important}.eui-search--no-animation .eui-input-text{transition:none}.eui-search--focus.eui-search--no-animation .eui-input-text{width:200px}@media screen and (max-width: 767px){.eui-search{display:none}}\n"], dependencies: [{ kind: "directive", type: i119.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i119.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i212.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "
|
|
2376
|
+
this.ɵcmp = i036.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiSearchComponent, selector: "eui-search", inputs: { placeholderLabel: "placeholderLabel", panelWidth: "panelWidth", searchResults: "searchResults", isAutocomplete: ["isAutocomplete", "isAutocomplete", booleanAttribute9], isInputText: ["isInputText", "isInputText", booleanAttribute9], hasSearchButton: ["hasSearchButton", "hasSearchButton", booleanAttribute9], hasExpandAnimation: ["hasExpandAnimation", "hasExpandAnimation", booleanAttribute9] }, outputs: { search: "search", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], ngImport: i036, template: '<div euiInputGroup class="eui-u-mb-none">\n <div class="eui-input-group-addon">\n <eui-autocomplete *ngIf="isAutocomplete" [autocompleteData]="searchResults"\n placeholder="{{placeholderLabel}}"\n panelWidth="{{panelWidth}}"\n (inputBlur)="onInputBlur($event)"\n (inputFocus)="onInputFocus($event)"\n (inputChange)="onSearch($event)">\n <ng-container *ngIf="templates.length !== 0">\n <ng-template let-option euiTemplate="dropdownOption">\n <ng-container\n [ngTemplateOutlet]="resultItemTemplate"\n [ngTemplateOutletContext]="{ $implicit: option }">\n </ng-container>\n </ng-template>\n </ng-container>\n </eui-autocomplete>\n\n <input *ngIf="isInputText"\n class="mywp-search-bar__input" euiInputText [(ngModel)]="searchInput"\n placeholder="{{ placeholderLabel }}"\n (focus)="onInputFocus($event)" (blur)="onInputBlur($event)" (keydown)="onSearchInput($event)"/>\n\n <button *ngIf="hasSearchButton"\n class="eui-search__input-button"\n euiButton\n euiBasicButton\n euiSizeS\n [euiSecondary]="isInputFocus"\n euiIconButton\n (click)="onSearchClick()"\n aria-label="search button">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </button>\n\n <div *ngIf="!hasSearchButton" class="eui-search__icon">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </div>\n </div>\n</div>\n', styles: [".eui-search{display:flex;top:0}.eui-search .eui-button .eui-button__container{justify-content:center}.eui-search .eui-input-text{background-color:var(--eui-c-branding-dark);border-color:var(--eui-c-branding-light);border-radius:var(--eui-base-spacing-m)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-c-branding-dark-contrast);width:200px}.eui-search .eui-input-text--clearable-icon{display:none}.eui-search--focus .eui-input-text{background-color:var(--eui-c-white);border-color:var(--eui-c-secondary-light);color:var(--eui-c-black);width:300px}.eui-search--focus .eui-search__input-button{color:var(--eui-c-black)!important}.eui-search--focus .eui-search__icon{display:none}.eui-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-c-secondary-lightest)!important}.eui-search__input-button .eui-icon-svg{z-index:1}.eui-search__input-button:focus .eui-icon-svg svg{color:var(--eui-c-black)!important;fill:var(--eui-c-black)!important}.eui-search__icon{position:absolute;right:8px;top:10px}.eui-search__icon svg{color:var(--eui-c-secondary-lightest)!important;fill:var(--eui-c-secondary-lightest)!important}.eui-search--no-animation .eui-input-text{transition:none}.eui-search--focus.eui-search--no-animation .eui-input-text{width:200px}@media screen and (max-width: 767px){.eui-search{display:none}}\n"], dependencies: [{ kind: "directive", type: i119.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i119.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i212.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: i310.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i47.EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: ["autocompleteData", "visibleOptions", "matching", "placeholder", "autocompleteDataSelected", "chipsSortOrder", "itemsSortOrder", "chipsPosition", "groupBy", "toggleLinkMoreLabel", "toggleLinkLessLabel", "classList", "panelWidth", "dragAndDropSourceName", "dragAndDropConnectedTo", "isFreeValueAllowed", "isReadonly", "isLoading", "hasChips", "isAsync", "isChipsSorted", "isItemsSorted", "isChipsRemovable", "isDuplicateValueAllowed", "isAddOnBlur", "isForceSelection", "maxVisibleChipsCount", "chipsLabelTruncateCount", "isMaxVisibleChipsOpened", "isChipsDragAndDrop"], outputs: ["panelClose", "panelOpen", "inputFocus", "inputBlur", "clear", "selectionChange", "itemAdd", "itemRemove", "inputChange", "chipDragStart", "chipDragRelease", "chipDrop"] }, { kind: "directive", type: i56.EuiTemplateDirective, selector: "[euiTemplate]", inputs: ["type", "euiTemplate"] }, { kind: "component", type: i62.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i72.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i036.ChangeDetectionStrategy.Default, encapsulation: i036.ViewEncapsulation.None });
|
|
2377
2377
|
}
|
|
2378
2378
|
};
|
|
2379
2379
|
i036.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i036, type: EuiSearchComponent, decorators: [{
|
|
@@ -2572,7 +2572,7 @@ var EuiBreadcrumbItemComponent = class _EuiBreadcrumbItemComponent {
|
|
|
2572
2572
|
this.ɵfac = i038.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i038, type: _EuiBreadcrumbItemComponent, deps: [{ token: i038.ElementRef }, { token: i120.Router }, { token: i038.ChangeDetectorRef }, { token: i038.ElementRef }, { token: i213.LogService, optional: true }], target: i038.ɵɵFactoryTarget.Component });
|
|
2573
2573
|
}
|
|
2574
2574
|
static {
|
|
2575
|
-
this.ɵcmp = i038.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiBreadcrumbItemComponent, selector: "eui-breadcrumb-item", inputs: { id: "id", label: "label", link: "link", navigationExtras: "navigationExtras" }, host: { properties: { "class": "this.string" } }, ngImport: i038, template: '<div *ngIf="hasPrevious" class="eui-breadcrumb-item__separator">\n <eui-icon-svg icon="eui-chevron-forward" size="xs" fillColor="grey-100"></eui-icon-svg>\n</div>\n<button type="button" *ngIf="link" euiButton euiBasicButton euiSizeS [euiSecondary]="!hasNext" [euiPrimary]="hasNext" (click)="onClick()">\n {{ label }}\n</button>\n<span *ngIf="!link" euiLabel euiSizeS [euiSecondary]="!hasNext" [euiPrimary]="hasNext">{{ label }}</span>\n', styles: ['.eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-breadcrumb__items{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-breadcrumb+.eui-breadcrumb-item:before{color:var(--eui-c-secondary-lightest);height:1rem;width:1rem;content:">";display:inline-block;padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.cdk-overlay-container .eui-breadcrumb-separator{margin:0 var(--eui-base-spacing-xs) 0 0}@media screen and (max-width: 767px){eui-breadcrumb,.eui-breadcrumb{display:none}}.eui-breadcrumb-item{align-items:center;display:flex;font-size:var(--eui-base-font-size-s);font-weight:700;z-index:9}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:var(--eui-base-font-size-s);font-weight:700;padding:0 var(--eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:var(--eui-c-secondary-light);cursor:none;pointer-events:none}\n'], dependencies: [{ kind: "directive", type: i311.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i48.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "
|
|
2575
|
+
this.ɵcmp = i038.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiBreadcrumbItemComponent, selector: "eui-breadcrumb-item", inputs: { id: "id", label: "label", link: "link", navigationExtras: "navigationExtras" }, host: { properties: { "class": "this.string" } }, ngImport: i038, template: '<div *ngIf="hasPrevious" class="eui-breadcrumb-item__separator">\n <eui-icon-svg icon="eui-chevron-forward" size="xs" fillColor="grey-100"></eui-icon-svg>\n</div>\n<button type="button" *ngIf="link" euiButton euiBasicButton euiSizeS [euiSecondary]="!hasNext" [euiPrimary]="hasNext" (click)="onClick()">\n {{ label }}\n</button>\n<span *ngIf="!link" euiLabel euiSizeS [euiSecondary]="!hasNext" [euiPrimary]="hasNext">{{ label }}</span>\n', styles: ['.eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-breadcrumb__items{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-breadcrumb+.eui-breadcrumb-item:before{color:var(--eui-c-secondary-lightest);height:1rem;width:1rem;content:">";display:inline-block;padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.cdk-overlay-container .eui-breadcrumb-separator{margin:0 var(--eui-base-spacing-xs) 0 0}@media screen and (max-width: 767px){eui-breadcrumb,.eui-breadcrumb{display:none}}.eui-breadcrumb-item{align-items:center;display:flex;font-size:var(--eui-base-font-size-s);font-weight:700;z-index:9}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:var(--eui-base-font-size-s);font-weight:700;padding:0 var(--eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:var(--eui-c-secondary-light);cursor:none;pointer-events:none}\n'], dependencies: [{ kind: "directive", type: i311.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i48.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i57.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: i63.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"] }], changeDetection: i038.ChangeDetectionStrategy.Default, encapsulation: i038.ViewEncapsulation.None });
|
|
2576
2576
|
}
|
|
2577
2577
|
};
|
|
2578
2578
|
i038.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i038, type: EuiBreadcrumbItemComponent, decorators: [{
|
|
@@ -2654,7 +2654,7 @@ var CollapsedBreadcrumbComponent = class _CollapsedBreadcrumbComponent {
|
|
|
2654
2654
|
this.ɵfac = i039.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i039, type: _CollapsedBreadcrumbComponent, deps: [{ token: i039.ElementRef }, { token: i039.Renderer2 }, { token: i039.ViewContainerRef }], target: i039.ɵɵFactoryTarget.Component });
|
|
2655
2655
|
}
|
|
2656
2656
|
static {
|
|
2657
|
-
this.ɵcmp = i039.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _CollapsedBreadcrumbComponent, selector: "eui-collapsed-breadcrumb", queries: [{ propertyName: "customButton", first: true, predicate: i039.forwardRef(() => CollapsedButtonDirective), descendants: true, static: true }, { propertyName: "listItemComponents", predicate: i039.forwardRef(() => EuiListItemComponent) }], viewQueries: [{ propertyName: "list", first: true, predicate: EuiListComponent, descendants: true, read: ElementRef4, static: true }], ngImport: i039, template: '<eui-dropdown>\n <ng-container *ngIf="!hasCustomButton()">\n <button type="button" euiButton euiRounded euiSizeS euiIconButton euiOutline euiAccent>\n <eui-icon-svg icon="eui-ellipsis-horizontal"></eui-icon-svg>\n </button>\n </ng-container>\n <ng-content select="collapsed-button"></ng-content>\n <eui-dropdown-content>\n <ul euiList>\n <ng-content></ng-content>\n </ul>\n </eui-dropdown-content>\n</eui-dropdown>\n', styles: [".eui-breadcrumb-item{align-items:center;display:flex;font-size:v(eui-base-font-size-s);font-weight:700;z-index:9}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 v(eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:v(eui-base-font-size-s);font-weight:700;padding:0 v(eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:v(eui-c-secondary-light);cursor:none;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i121.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i214.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "
|
|
2657
|
+
this.ɵcmp = i039.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _CollapsedBreadcrumbComponent, selector: "eui-collapsed-breadcrumb", queries: [{ propertyName: "customButton", first: true, predicate: i039.forwardRef(() => CollapsedButtonDirective), descendants: true, static: true }, { propertyName: "listItemComponents", predicate: i039.forwardRef(() => EuiListItemComponent) }], viewQueries: [{ propertyName: "list", first: true, predicate: EuiListComponent, descendants: true, read: ElementRef4, static: true }], ngImport: i039, template: '<eui-dropdown>\n <ng-container *ngIf="!hasCustomButton()">\n <button type="button" euiButton euiRounded euiSizeS euiIconButton euiOutline euiAccent>\n <eui-icon-svg icon="eui-ellipsis-horizontal"></eui-icon-svg>\n </button>\n </ng-container>\n <ng-content select="collapsed-button"></ng-content>\n <eui-dropdown-content>\n <ul euiList>\n <ng-content></ng-content>\n </ul>\n </eui-dropdown-content>\n</eui-dropdown>\n', styles: [".eui-breadcrumb-item{align-items:center;display:flex;font-size:v(eui-base-font-size-s);font-weight:700;z-index:9}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 v(eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:v(eui-base-font-size-s);font-weight:700;padding:0 v(eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:v(eui-c-secondary-light);cursor:none;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i121.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i214.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i312.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: i49.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"] }, { kind: "directive", type: i49.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i58.EuiListComponent, selector: "[euiList], eui-list", inputs: ["isCollapsible"] }], changeDetection: i039.ChangeDetectionStrategy.Default, encapsulation: i039.ViewEncapsulation.None });
|
|
2658
2658
|
}
|
|
2659
2659
|
};
|
|
2660
2660
|
i039.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i039, type: CollapsedBreadcrumbComponent, decorators: [{
|
|
@@ -3798,7 +3798,7 @@ var EuiNotificationItemComponent = class _EuiNotificationItemComponent {
|
|
|
3798
3798
|
</a>
|
|
3799
3799
|
</div>
|
|
3800
3800
|
</div>
|
|
3801
|
-
`, dependencies: [{ kind: "directive", type: i130.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i130.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i218.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "
|
|
3801
|
+
`, dependencies: [{ kind: "directive", type: i130.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i130.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i218.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: "pipe", type: i130.DatePipe, name: "date" }, { kind: "pipe", type: i313.TranslatePipe, name: "translate" }, { kind: "pipe", type: i410.EuiTruncatePipe, name: "euiTruncate" }] });
|
|
3802
3802
|
}
|
|
3803
3803
|
};
|
|
3804
3804
|
i056.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i056, type: EuiNotificationItemComponent, decorators: [{
|
|
@@ -4165,7 +4165,7 @@ var EuiNotificationsComponent = class _EuiNotificationsComponent {
|
|
|
4165
4165
|
</ng-template>
|
|
4166
4166
|
</eui-overlay-footer>
|
|
4167
4167
|
</eui-overlay>
|
|
4168
|
-
`, styles: [".eui-overlay-header{background-color:var(--eui-c-secondary-bg-light);border-bottom:1px solid var(--eui-c-secondary-lightest)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-base-spacing-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-c-secondary-bg-light);color:var(--eui-c-text);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-secondary-lightest);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-secondary-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i131.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i131.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i219.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i219.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i219.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i219.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i314.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "
|
|
4168
|
+
`, styles: [".eui-overlay-header{background-color:var(--eui-c-secondary-bg-light);border-bottom:1px solid var(--eui-c-secondary-lightest)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-base-spacing-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-c-secondary-bg-light);color:var(--eui-c-text);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-secondary-lightest);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-secondary-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i131.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i131.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i219.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i219.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i219.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i219.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i314.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i411.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i59.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: i59.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "component", type: EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i73.TranslatePipe, name: "translate" }], changeDetection: i057.ChangeDetectionStrategy.Default, encapsulation: i057.ViewEncapsulation.None });
|
|
4169
4169
|
}
|
|
4170
4170
|
};
|
|
4171
4171
|
i057.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i057, type: EuiNotificationsComponent, decorators: [{
|
|
@@ -4488,7 +4488,7 @@ var EuiNotificationItemV2Component = class _EuiNotificationItemV2Component {
|
|
|
4488
4488
|
</a>
|
|
4489
4489
|
</div>
|
|
4490
4490
|
</div>
|
|
4491
|
-
`, dependencies: [{ kind: "directive", type: i132.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i132.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i220.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "
|
|
4491
|
+
`, dependencies: [{ kind: "directive", type: i132.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i132.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i220.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: "pipe", type: i132.DatePipe, name: "date" }, { kind: "pipe", type: i315.TranslatePipe, name: "translate" }, { kind: "pipe", type: i412.EuiTruncatePipe, name: "euiTruncate" }] });
|
|
4492
4492
|
}
|
|
4493
4493
|
};
|
|
4494
4494
|
i059.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i059, type: EuiNotificationItemV2Component, decorators: [{
|
|
@@ -4850,7 +4850,7 @@ var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
|
|
|
4850
4850
|
</ng-template>
|
|
4851
4851
|
</eui-overlay-footer>
|
|
4852
4852
|
</eui-overlay>
|
|
4853
|
-
`, styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-c-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-c-secondary-bg-light);color:var(--eui-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-secondary-bg-light);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-secondary-lightest);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-secondary-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i133.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i133.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i221.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i221.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i221.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i221.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i316.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i413.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "
|
|
4853
|
+
`, styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-c-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-c-secondary-bg-light);color:var(--eui-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-secondary-bg-light);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-secondary-lightest);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-secondary-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i133.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i133.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i221.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i221.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i221.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i221.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i316.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i413.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: i413.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "component", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i64.TranslatePipe, name: "translate" }], changeDetection: i060.ChangeDetectionStrategy.Default, encapsulation: i060.ViewEncapsulation.None });
|
|
4854
4854
|
}
|
|
4855
4855
|
};
|
|
4856
4856
|
i060.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i060, type: EuiNotificationsV2Component, decorators: [{
|