@eui/components 17.0.0-next.18 → 17.0.0-next.19
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/EuiAccessibleButtonIconComponent.html +141 -53
- package/docs/components/EuiAlertComponent.html +28 -222
- package/docs/components/EuiAppToolbarComponent.html +1 -1
- package/docs/components/EuiAppTopMessageComponent.html +7 -64
- package/docs/components/EuiAvatarImageComponent.html +1 -1
- package/docs/components/EuiChipComponent.html +1 -1
- package/docs/components/EuiDashboardButtonComponent.html +33 -1
- package/docs/components/EuiDashboardCardComponent.html +1 -1
- package/docs/components/EuiDialogContainerComponent.html +1 -1
- package/docs/components/EuiGrowlComponent.html +1 -1
- package/docs/components/EuiPaginatorComponent.html +1 -1
- package/docs/components/EuiSidebarToggleComponent.html +110 -707
- package/docs/dependencies.html +2 -2
- package/docs/js/menu-wc.js +24 -24
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/modules/EuiAlertModule.html +3 -0
- package/docs/modules/EuiAppTopMessageModule.html +10 -0
- package/docs/modules/EuiChipModule.html +3 -0
- package/docs/modules/EuiGrowlModule.html +3 -0
- package/docs/modules/EuiSidebarToggleModule.html +1 -4
- package/esm2022/directives/eui-resizable/eui-resizable.component.mjs +2 -2
- package/esm2022/eui-alert/eui-alert.component.mjs +26 -33
- package/esm2022/eui-avatar/avatar-image/avatar-image.component.mjs +3 -3
- package/esm2022/eui-badge/eui-badge.component.mjs +2 -2
- package/esm2022/eui-button/eui-button.component.mjs +2 -2
- package/esm2022/eui-card/eui-card.component.mjs +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +4 -4
- package/esm2022/eui-chip/eui-chip.module.mjs +5 -4
- package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +10 -8
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +3 -3
- package/esm2022/eui-datepicker/eui-datepicker.component.mjs +2 -2
- package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +3 -3
- package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs +2 -2
- package/esm2022/eui-growl/eui-growl.component.mjs +5 -4
- package/esm2022/eui-growl/eui-growl.module.mjs +5 -4
- package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +2 -2
- package/esm2022/eui-label/eui-label.component.mjs +2 -2
- package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +2 -2
- package/esm2022/eui-list/eui-list.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu-item.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu.component.mjs +2 -2
- package/esm2022/eui-paginator/eui-paginator.component.mjs +3 -3
- package/esm2022/externals/charts/chart/chart.component.mjs +2 -2
- package/esm2022/externals/eui-editor/eui-editor.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +10 -12
- package/esm2022/layout/eui-app/eui-app-top-message/top-message.module.mjs +5 -4
- package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +8 -13
- package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.module.mjs +5 -6
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +2 -2
- package/esm2022/layout/eui-user-profile/user-profile.component.mjs +2 -2
- package/esm2022/shared/eui-accessible-button-icon/eui-accessible-button-icon.component.mjs +35 -6
- package/eui-alert/eui-alert.component.d.ts +6 -11
- package/eui-alert/eui-alert.component.d.ts.map +1 -1
- package/eui-chip/eui-chip.module.d.ts +2 -1
- package/eui-chip/eui-chip.module.d.ts.map +1 -1
- package/eui-dashboard-button/eui-dashboard-button.component.d.ts +3 -2
- package/eui-dashboard-button/eui-dashboard-button.component.d.ts.map +1 -1
- package/eui-growl/eui-growl.module.d.ts +2 -1
- package/eui-growl/eui-growl.module.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +2 -2
- package/fesm2022/eui-components-eui-alert.mjs +25 -32
- 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-badge.mjs +2 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +7 -7
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-button.mjs +9 -7
- 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-datepicker.mjs +2 -2
- package/fesm2022/eui-components-eui-dialog.mjs +2 -2
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-feedback-message.mjs +2 -2
- package/fesm2022/eui-components-eui-growl.mjs +8 -6
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
- package/fesm2022/eui-components-eui-label.mjs +2 -2
- package/fesm2022/eui-components-eui-list.mjs +4 -4
- package/fesm2022/eui-components-eui-menu.mjs +4 -4
- package/fesm2022/eui-components-eui-paginator.mjs +2 -2
- package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
- package/fesm2022/eui-components-externals-charts.mjs +2 -2
- package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
- package/fesm2022/eui-components-layout.mjs +26 -32
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/fesm2022/eui-components-shared.mjs +33 -4
- package/fesm2022/eui-components-shared.mjs.map +1 -1
- package/layout/eui-app/eui-app-top-message/top-message.component.d.ts +1 -3
- package/layout/eui-app/eui-app-top-message/top-message.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-top-message/top-message.module.d.ts +2 -1
- package/layout/eui-app/eui-app-top-message/top-message.module.d.ts.map +1 -1
- package/layout/eui-sidebar-toggle/sidebar-toggle.component.d.ts +2 -3
- package/layout/eui-sidebar-toggle/sidebar-toggle.component.d.ts.map +1 -1
- package/layout/eui-sidebar-toggle/sidebar-toggle.module.d.ts +2 -3
- package/layout/eui-sidebar-toggle/sidebar-toggle.module.d.ts.map +1 -1
- package/package.json +13 -13
- package/shared/eui-accessible-button-icon/eui-accessible-button-icon.component.d.ts +8 -2
- package/shared/eui-accessible-button-icon/eui-accessible-button-icon.component.d.ts.map +1 -1
|
@@ -79,6 +79,9 @@
|
|
|
79
79
|
title="Official documentation about module imports"><span
|
|
80
80
|
class="icon ion-ios-information-circle-outline"></a></h3>
|
|
81
81
|
<ul class="list-group">
|
|
82
|
+
<li class="list-group-item">
|
|
83
|
+
<a href="../modules/EuiAccessibleButtonIconModule.html">EuiAccessibleButtonIconModule</a>
|
|
84
|
+
</li>
|
|
82
85
|
<li class="list-group-item">
|
|
83
86
|
<a href="../modules/EuiIconModule.html">EuiIconModule</a>
|
|
84
87
|
</li>
|
|
@@ -74,6 +74,16 @@
|
|
|
74
74
|
</li>
|
|
75
75
|
</ul>
|
|
76
76
|
</div>
|
|
77
|
+
<div class="col-sm-3">
|
|
78
|
+
<h3>Imports<a href="https://angular.io/api/core/NgModule#imports" target="_blank" rel="noopener noreferrer"
|
|
79
|
+
title="Official documentation about module imports"><span
|
|
80
|
+
class="icon ion-ios-information-circle-outline"></a></h3>
|
|
81
|
+
<ul class="list-group">
|
|
82
|
+
<li class="list-group-item">
|
|
83
|
+
<a href="../modules/EuiAccessibleButtonIconModule.html">EuiAccessibleButtonIconModule</a>
|
|
84
|
+
</li>
|
|
85
|
+
</ul>
|
|
86
|
+
</div>
|
|
77
87
|
<div class="col-sm-3">
|
|
78
88
|
<h3>Exports<a href="https://angular.io/api/core/NgModule#exports" target="_blank" rel="noopener noreferrer"
|
|
79
89
|
title="Official documentation about module exports"><span
|
|
@@ -79,6 +79,9 @@
|
|
|
79
79
|
title="Official documentation about module imports"><span
|
|
80
80
|
class="icon ion-ios-information-circle-outline"></a></h3>
|
|
81
81
|
<ul class="list-group">
|
|
82
|
+
<li class="list-group-item">
|
|
83
|
+
<a href="../modules/EuiAccessibleButtonIconModule.html">EuiAccessibleButtonIconModule</a>
|
|
84
|
+
</li>
|
|
82
85
|
<li class="list-group-item">
|
|
83
86
|
<a href="../modules/EuiIconModule.html">EuiIconModule</a>
|
|
84
87
|
</li>
|
|
@@ -79,6 +79,9 @@
|
|
|
79
79
|
title="Official documentation about module imports"><span
|
|
80
80
|
class="icon ion-ios-information-circle-outline"></a></h3>
|
|
81
81
|
<ul class="list-group">
|
|
82
|
+
<li class="list-group-item">
|
|
83
|
+
<a href="../modules/EuiAccessibleButtonIconModule.html">EuiAccessibleButtonIconModule</a>
|
|
84
|
+
</li>
|
|
82
85
|
<li class="list-group-item">
|
|
83
86
|
<a href="../modules/EuiIconModule.html">EuiIconModule</a>
|
|
84
87
|
</li>
|
|
@@ -80,10 +80,7 @@
|
|
|
80
80
|
class="icon ion-ios-information-circle-outline"></a></h3>
|
|
81
81
|
<ul class="list-group">
|
|
82
82
|
<li class="list-group-item">
|
|
83
|
-
<a href="../modules/
|
|
84
|
-
</li>
|
|
85
|
-
<li class="list-group-item">
|
|
86
|
-
<a href="../modules/EuiIconModule.html">EuiIconModule</a>
|
|
83
|
+
<a href="../modules/EuiAccessibleButtonIconModule.html">EuiAccessibleButtonIconModule</a>
|
|
87
84
|
</li>
|
|
88
85
|
</ul>
|
|
89
86
|
</div>
|
|
@@ -6,11 +6,11 @@ export class EuiResizableComponent {
|
|
|
6
6
|
this.e2e = 'eui-resizable';
|
|
7
7
|
}
|
|
8
8
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiResizableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiResizableComponent, selector: "eui-resizable", host: { properties: { "class": "this.classes", "attr.data-e2e": "this.e2e" } }, ngImport: i0, template: "<div class=\"eui-resizable-bar\" aria-describedby=\"Resizable handle\"></div>\n<span class=\"eui-resizable-icon__container\">\n <svg aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"eui-resizable-icon\">\n <use href=\"assets/icons/sprites/sharp.svg#code-working-sharp\"></use>\n </svg>\n</span>\n", styles: [".eui-resizable{--eui-resizable-bar-color: blueviolet;display:flex;justify-content:flex-end;vertical-align:middle}.eui-resizable .eui-resizable-bar{background:var(--eui-resizable-bar-color);background-clip:content-box;bottom:0;border-left:var(--eui-base-spacing-2xs) solid transparent;border-right:var(--eui-base-spacing-2xs) solid transparent;cursor:ew-resize;margin:0 calc(-1.1 * var(--eui-base-spacing-m));opacity:0;position:absolute;top:0;transition:opacity .3s;width:var(--eui-base-spacing-s)}.eui-resizable .eui-resizable-bar:hover,.eui-resizable .eui-resizable-bar:active{opacity:1}.eui-resizable .eui-resizable-icon__container{height:var(--eui-base-spacing-m);margin-right:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));position:absolute;top:0;transform:translateY(calc(var(--eui-base-spacing-m) + 2px))}.eui-resizable .eui-resizable-icon__container .eui-resizable-icon{color:var(--eui-base-color-grey-
|
|
9
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiResizableComponent, selector: "eui-resizable", host: { properties: { "class": "this.classes", "attr.data-e2e": "this.e2e" } }, ngImport: i0, template: "<div class=\"eui-resizable-bar\" aria-describedby=\"Resizable handle\"></div>\n<span class=\"eui-resizable-icon__container\">\n <svg aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"eui-resizable-icon\">\n <use href=\"assets/icons/sprites/sharp.svg#code-working-sharp\"></use>\n </svg>\n</span>\n", styles: [".eui-resizable{--eui-resizable-bar-color: blueviolet;display:flex;justify-content:flex-end;vertical-align:middle}.eui-resizable .eui-resizable-bar{background:var(--eui-resizable-bar-color);background-clip:content-box;bottom:0;border-left:var(--eui-base-spacing-2xs) solid transparent;border-right:var(--eui-base-spacing-2xs) solid transparent;cursor:ew-resize;margin:0 calc(-1.1 * var(--eui-base-spacing-m));opacity:0;position:absolute;top:0;transition:opacity .3s;width:var(--eui-base-spacing-s)}.eui-resizable .eui-resizable-bar:hover,.eui-resizable .eui-resizable-bar:active{opacity:1}.eui-resizable .eui-resizable-icon__container{height:var(--eui-base-spacing-m);margin-right:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));position:absolute;top:0;transform:translateY(calc(var(--eui-base-spacing-m) + 2px))}.eui-resizable .eui-resizable-icon__container .eui-resizable-icon{color:var(--eui-base-color-grey-50);fill:var(--eui-base-color-grey-50);height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}*:not(th)[euiresizable]{position:relative}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10
10
|
}
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiResizableComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ selector: 'eui-resizable', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-resizable-bar\" aria-describedby=\"Resizable handle\"></div>\n<span class=\"eui-resizable-icon__container\">\n <svg aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"eui-resizable-icon\">\n <use href=\"assets/icons/sprites/sharp.svg#code-working-sharp\"></use>\n </svg>\n</span>\n", styles: [".eui-resizable{--eui-resizable-bar-color: blueviolet;display:flex;justify-content:flex-end;vertical-align:middle}.eui-resizable .eui-resizable-bar{background:var(--eui-resizable-bar-color);background-clip:content-box;bottom:0;border-left:var(--eui-base-spacing-2xs) solid transparent;border-right:var(--eui-base-spacing-2xs) solid transparent;cursor:ew-resize;margin:0 calc(-1.1 * var(--eui-base-spacing-m));opacity:0;position:absolute;top:0;transition:opacity .3s;width:var(--eui-base-spacing-s)}.eui-resizable .eui-resizable-bar:hover,.eui-resizable .eui-resizable-bar:active{opacity:1}.eui-resizable .eui-resizable-icon__container{height:var(--eui-base-spacing-m);margin-right:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));position:absolute;top:0;transform:translateY(calc(var(--eui-base-spacing-m) + 2px))}.eui-resizable .eui-resizable-icon__container .eui-resizable-icon{color:var(--eui-base-color-grey-
|
|
13
|
+
args: [{ selector: 'eui-resizable', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-resizable-bar\" aria-describedby=\"Resizable handle\"></div>\n<span class=\"eui-resizable-icon__container\">\n <svg aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"eui-resizable-icon\">\n <use href=\"assets/icons/sprites/sharp.svg#code-working-sharp\"></use>\n </svg>\n</span>\n", styles: [".eui-resizable{--eui-resizable-bar-color: blueviolet;display:flex;justify-content:flex-end;vertical-align:middle}.eui-resizable .eui-resizable-bar{background:var(--eui-resizable-bar-color);background-clip:content-box;bottom:0;border-left:var(--eui-base-spacing-2xs) solid transparent;border-right:var(--eui-base-spacing-2xs) solid transparent;cursor:ew-resize;margin:0 calc(-1.1 * var(--eui-base-spacing-m));opacity:0;position:absolute;top:0;transition:opacity .3s;width:var(--eui-base-spacing-s)}.eui-resizable .eui-resizable-bar:hover,.eui-resizable .eui-resizable-bar:active{opacity:1}.eui-resizable .eui-resizable-icon__container{height:var(--eui-base-spacing-m);margin-right:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));position:absolute;top:0;transform:translateY(calc(var(--eui-base-spacing-m) + 2px))}.eui-resizable .eui-resizable-icon__container .eui-resizable-icon{color:var(--eui-base-color-grey-50);fill:var(--eui-base-color-grey-50);height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}*:not(th)[euiresizable]{position:relative}\n"] }]
|
|
14
14
|
}], propDecorators: { classes: [{
|
|
15
15
|
type: HostBinding,
|
|
16
16
|
args: ['class']
|
|
@@ -1,44 +1,28 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
1
2
|
import { NgModule, Component, HostBinding, EventEmitter, Input, ChangeDetectionStrategy, ViewEncapsulation, Output, } from '@angular/core';
|
|
2
3
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
4
4
|
import { EuiIconModule } from '@eui/components/eui-icon';
|
|
5
|
-
import { BaseDirective } from '@eui/components/shared';
|
|
5
|
+
import { BaseDirective, EuiAccessibleButtonIconModule } from '@eui/components/shared';
|
|
6
6
|
import { EuiLabelModule } from '@eui/components/eui-label';
|
|
7
|
+
import { coerceBoolean } from '@eui/base';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
import * as i1 from "@angular/common";
|
|
9
10
|
import * as i2 from "@eui/components/eui-icon";
|
|
11
|
+
import * as i3 from "@eui/components/shared";
|
|
10
12
|
export class EuiAlertComponent extends BaseDirective {
|
|
11
|
-
get euiAlertMuted() {
|
|
12
|
-
return this._euiAlertMuted;
|
|
13
|
-
}
|
|
14
|
-
set euiAlertMuted(value) {
|
|
15
|
-
this._euiAlertMuted = coerceBooleanProperty(value);
|
|
16
|
-
}
|
|
17
|
-
get isCloseable() {
|
|
18
|
-
return this._isCloseable;
|
|
19
|
-
}
|
|
20
|
-
set isCloseable(value) {
|
|
21
|
-
this._isCloseable = coerceBooleanProperty(value);
|
|
22
|
-
}
|
|
23
|
-
get isFocusable() {
|
|
24
|
-
return this._isFocusable;
|
|
25
|
-
}
|
|
26
|
-
set isFocusable(value) {
|
|
27
|
-
this._isFocusable = coerceBooleanProperty(value);
|
|
28
|
-
}
|
|
29
13
|
get cssClasses() {
|
|
30
|
-
return [this.
|
|
14
|
+
return [this.isMuted ? 'eui-alert--muted' : '', !this.isVisible ? 'eui-alert--hidden' : '', super.getCssClasses('eui-alert')]
|
|
31
15
|
.join(' ')
|
|
32
16
|
.trim();
|
|
33
17
|
}
|
|
34
18
|
constructor() {
|
|
35
19
|
super();
|
|
36
|
-
this.
|
|
20
|
+
this.isMuted = false;
|
|
21
|
+
this.isCloseable = false;
|
|
22
|
+
this.isFocusable = false;
|
|
37
23
|
this.closeAlert = new EventEmitter();
|
|
38
24
|
this.isVisible = true;
|
|
39
25
|
this.alertIconType = 'eui-info';
|
|
40
|
-
this._isCloseable = false;
|
|
41
|
-
this._isFocusable = false;
|
|
42
26
|
}
|
|
43
27
|
ngOnChanges() {
|
|
44
28
|
this.setIcon();
|
|
@@ -68,34 +52,43 @@ export class EuiAlertComponent extends BaseDirective {
|
|
|
68
52
|
}
|
|
69
53
|
}
|
|
70
54
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
71
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: {
|
|
55
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { isMuted: "isMuted", isCloseable: "isCloseable", isFocusable: "isFocusable" }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-alert__content-wrapper\" role=\"alert\" [tabindex]=\"isFocusable ? '0' : '-1'\" aria-describedby=\"alertContent\">\n <div class=\"eui-alert__type-container\" *ngIf=\"!isMuted\">\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{ alertIconType }}\" fillColor=\"white\" size=\"l\"></eui-icon-svg>\n </div>\n <div class=\"eui-alert__content\" id=\"alertContent\">\n <ng-content></ng-content>\n </div>\n <eui-accessible-button-icon\n *ngIf=\"isCloseable\"\n iconSvgName=\"eui-close\"\n hasFocusBorder\n ariaLabel=\"Close alert icon button\"\n (click)=\"onCloseClick()\"\n class=\"eui-alert__close-icon\">\n </eui-accessible-button-icon>\n</div>\n", styles: [".eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-base-color-info-50));--_type-container-bg-color: var(--eui-alert-type-container-bg-color, var(--eui-base-color-info-75))}.eui-alert{border:1px solid;display:flex;background-color:transparent;background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;border-color:var(--_border-color);color:var(--eui-base-color-text);position:relative}.eui-alert__type-container{background-color:var(--_type-container-bg-color);display:flex;width:var(--eui-base-spacing-3xl);padding:var(--eui-base-spacing-xs)}.eui-alert__content{padding:var(--eui-base-spacing-m)}.eui-alert__content-wrapper{display:flex;flex-basis:auto;flex-shrink:1;overflow:auto;width:100%}.eui-alert__content-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-alert__content-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-alert__content-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-35)}.eui-alert__content-wrapper::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-alert__content-wrapper:focus:active:not([readonly]),.eui-alert__content-wrapper:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-alert__content-wrapper:focus [tabindex=\"0\"]:active:not([readonly]),.eui-alert__content-wrapper:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-alert__close-icon{align-items:flex-start;margin-top:var(--eui-base-spacing-2xs);margin-left:auto}@media screen and (max-width: 767px){.eui-alert__content-wrapper{display:block;width:100%}.eui-alert__close{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);margin-left:auto;position:absolute;right:0;top:0}}.eui-alert--success{--_border-color: var(--eui-base-color-success-50);--_type-container-bg-color: var(--eui-base-color-success-75)}.eui-alert--danger{--_border-color: var(--eui-base-color-danger-50);--_type-container-bg-color: var(--eui-base-color-danger-75)}.eui-alert--warning{--_border-color: var(--eui-base-color-warning-50);--_type-container-bg-color: var(--eui-base-color-warning-75)}.eui-alert--secondary{--_border-color: var(--eui-base-color-grey-50);--_type-container-bg-color: var(--eui-base-color-grey-75)}.eui-alert--hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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: i3.EuiAccessibleButtonIconComponent, selector: "eui-accessible-button-icon", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
72
56
|
}
|
|
57
|
+
__decorate([
|
|
58
|
+
coerceBoolean
|
|
59
|
+
], EuiAlertComponent.prototype, "isMuted", void 0);
|
|
60
|
+
__decorate([
|
|
61
|
+
coerceBoolean
|
|
62
|
+
], EuiAlertComponent.prototype, "isCloseable", void 0);
|
|
63
|
+
__decorate([
|
|
64
|
+
coerceBoolean
|
|
65
|
+
], EuiAlertComponent.prototype, "isFocusable", void 0);
|
|
73
66
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertComponent, decorators: [{
|
|
74
67
|
type: Component,
|
|
75
|
-
args: [{ selector: 'div[euiAlert], eui-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-alert__content-wrapper\" role=\"alert\" [tabindex]=\"isFocusable? '0': '-1'\" aria-describedby=\"alertContent\">\n <div class=\"eui-alert__type-container\" *ngIf=\"!
|
|
76
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
68
|
+
args: [{ selector: 'div[euiAlert], eui-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-alert__content-wrapper\" role=\"alert\" [tabindex]=\"isFocusable ? '0' : '-1'\" aria-describedby=\"alertContent\">\n <div class=\"eui-alert__type-container\" *ngIf=\"!isMuted\">\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{ alertIconType }}\" fillColor=\"white\" size=\"l\"></eui-icon-svg>\n </div>\n <div class=\"eui-alert__content\" id=\"alertContent\">\n <ng-content></ng-content>\n </div>\n <eui-accessible-button-icon\n *ngIf=\"isCloseable\"\n iconSvgName=\"eui-close\"\n hasFocusBorder\n ariaLabel=\"Close alert icon button\"\n (click)=\"onCloseClick()\"\n class=\"eui-alert__close-icon\">\n </eui-accessible-button-icon>\n</div>\n", styles: [".eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-base-color-info-50));--_type-container-bg-color: var(--eui-alert-type-container-bg-color, var(--eui-base-color-info-75))}.eui-alert{border:1px solid;display:flex;background-color:transparent;background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;border-color:var(--_border-color);color:var(--eui-base-color-text);position:relative}.eui-alert__type-container{background-color:var(--_type-container-bg-color);display:flex;width:var(--eui-base-spacing-3xl);padding:var(--eui-base-spacing-xs)}.eui-alert__content{padding:var(--eui-base-spacing-m)}.eui-alert__content-wrapper{display:flex;flex-basis:auto;flex-shrink:1;overflow:auto;width:100%}.eui-alert__content-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-alert__content-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-alert__content-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-35)}.eui-alert__content-wrapper::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-alert__content-wrapper:focus:active:not([readonly]),.eui-alert__content-wrapper:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-alert__content-wrapper:focus [tabindex=\"0\"]:active:not([readonly]),.eui-alert__content-wrapper:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-alert__close-icon{align-items:flex-start;margin-top:var(--eui-base-spacing-2xs);margin-left:auto}@media screen and (max-width: 767px){.eui-alert__content-wrapper{display:block;width:100%}.eui-alert__close{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);margin-left:auto;position:absolute;right:0;top:0}}.eui-alert--success{--_border-color: var(--eui-base-color-success-50);--_type-container-bg-color: var(--eui-base-color-success-75)}.eui-alert--danger{--_border-color: var(--eui-base-color-danger-50);--_type-container-bg-color: var(--eui-base-color-danger-75)}.eui-alert--warning{--_border-color: var(--eui-base-color-warning-50);--_type-container-bg-color: var(--eui-base-color-warning-75)}.eui-alert--secondary{--_border-color: var(--eui-base-color-grey-50);--_type-container-bg-color: var(--eui-base-color-grey-75)}.eui-alert--hidden{display:none}\n"] }]
|
|
69
|
+
}], ctorParameters: () => [], propDecorators: { isMuted: [{
|
|
77
70
|
type: Input
|
|
78
71
|
}], isCloseable: [{
|
|
79
72
|
type: Input
|
|
80
|
-
}], closeAlert: [{
|
|
81
|
-
type: Output
|
|
82
73
|
}], isFocusable: [{
|
|
83
74
|
type: Input
|
|
75
|
+
}], closeAlert: [{
|
|
76
|
+
type: Output
|
|
84
77
|
}], cssClasses: [{
|
|
85
78
|
type: HostBinding,
|
|
86
79
|
args: ['class']
|
|
87
80
|
}] } });
|
|
88
81
|
export class EuiAlertModule {
|
|
89
82
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
90
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertModule, declarations: [EuiAlertComponent], imports: [CommonModule, EuiIconModule, EuiLabelModule], exports: [EuiAlertComponent] }); }
|
|
91
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertModule, imports: [CommonModule, EuiIconModule, EuiLabelModule] }); }
|
|
83
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertModule, declarations: [EuiAlertComponent], imports: [CommonModule, EuiIconModule, EuiLabelModule, EuiAccessibleButtonIconModule], exports: [EuiAlertComponent] }); }
|
|
84
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertModule, imports: [CommonModule, EuiIconModule, EuiLabelModule, EuiAccessibleButtonIconModule] }); }
|
|
92
85
|
}
|
|
93
86
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAlertModule, decorators: [{
|
|
94
87
|
type: NgModule,
|
|
95
88
|
args: [{
|
|
96
|
-
imports: [CommonModule, EuiIconModule, EuiLabelModule],
|
|
89
|
+
imports: [CommonModule, EuiIconModule, EuiLabelModule, EuiAccessibleButtonIconModule],
|
|
97
90
|
declarations: [EuiAlertComponent],
|
|
98
91
|
exports: [EuiAlertComponent],
|
|
99
92
|
}]
|
|
100
93
|
}] });
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWFsZXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1hbGVydC9ldWktYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWFsZXJ0L2V1aS1hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNILFFBQVEsRUFDUixTQUFTLEVBQ1QsV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUVqQixNQUFNLEdBRVQsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLDZCQUE2QixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUM7Ozs7O0FBUzFDLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxhQUFhO0lBZ0JoRCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUMsQ0FBQzthQUN4SCxJQUFJLENBQUMsR0FBRyxDQUFDO2FBQ1QsSUFBSSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQUVEO1FBQ0ksS0FBSyxFQUFFLENBQUM7UUFyQlosWUFBTyxHQUFpQixLQUFLLENBQUM7UUFHOUIsZ0JBQVcsR0FBaUIsS0FBSyxDQUFDO1FBR2xDLGdCQUFXLEdBQWlCLEtBQUssQ0FBQztRQUV4QixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVoRCxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLGtCQUFhLEdBQUcsVUFBVSxDQUFDO0lBVzNCLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFRCxrQkFBa0I7UUFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNmLElBQUksQ0FBQyxPQUFPLEdBQUcsV0FBVyxDQUFDO1NBQzlCO0lBQ0wsQ0FBQztJQUVELFlBQVk7UUFDUixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFTyxPQUFPO1FBQ1gsSUFBSSxDQUFDLGFBQWEsR0FBRyxVQUFVLENBQUM7UUFDaEMsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxhQUFhLEdBQUcsaUJBQWlCLENBQUM7U0FDMUM7UUFDRCxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDaEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxlQUFlLENBQUM7U0FDeEM7UUFDRCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDakIsSUFBSSxDQUFDLGFBQWEsR0FBRyxXQUFXLENBQUM7U0FDcEM7UUFDRCxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDbkIsSUFBSSxDQUFDLGFBQWEsR0FBRyxjQUFjLENBQUM7U0FDdkM7SUFDTCxDQUFDO3NJQXhEUSxpQkFBaUI7MEhBQWpCLGlCQUFpQixpU0MzQjlCLHF1QkFnQkE7O0FEY0k7SUFEQyxhQUFhO2tEQUNnQjtBQUc5QjtJQURDLGFBQWE7c0RBQ29CO0FBR2xDO0lBREMsYUFBYTtzREFDb0I7Z0dBVHpCLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFFSSwwQkFBMEIsbUJBRW5CLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7d0RBS3JDLE9BQU87c0JBRk4sS0FBSztnQkFLTixXQUFXO3NCQUZWLEtBQUs7Z0JBS04sV0FBVztzQkFGVixLQUFLO2dCQUlJLFVBQVU7c0JBQW5CLE1BQU07Z0JBTUgsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU87O0FBZ0R4QixNQUFNLE9BQU8sY0FBYztzSUFBZCxjQUFjO3VJQUFkLGNBQWMsaUJBaEVkLGlCQUFpQixhQTREaEIsWUFBWSxFQUFFLGFBQWEsRUFBRSxjQUFjLEVBQUUsNkJBQTZCLGFBNUQzRSxpQkFBaUI7dUlBZ0VqQixjQUFjLFlBSmIsWUFBWSxFQUFFLGFBQWEsRUFBRSxjQUFjLEVBQUUsNkJBQTZCOztnR0FJM0UsY0FBYztrQkFMMUIsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGNBQWMsRUFBRSw2QkFBNkIsQ0FBQztvQkFDckYsWUFBWSxFQUFFLENBQUMsaUJBQWlCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLGlCQUFpQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgTmdNb2R1bGUsXG4gICAgQ29tcG9uZW50LFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgICBBZnRlckNvbnRlbnRJbml0LFxuICAgIE91dHB1dCxcbiAgICBPbkNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbmltcG9ydCB7IEV1aUljb25Nb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWljb24nO1xuaW1wb3J0IHsgQmFzZURpcmVjdGl2ZSwgRXVpQWNjZXNzaWJsZUJ1dHRvbkljb25Nb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcbmltcG9ydCB7IEV1aUxhYmVsTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1sYWJlbCc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuIH0gZnJvbSAnQGV1aS9iYXNlJztcblxuQENvbXBvbmVudCh7XG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1hbGVydC5jb21wb25lbnQuaHRtbCcsXG4gICAgc2VsZWN0b3I6ICdkaXZbZXVpQWxlcnRdLCBldWktYWxlcnQnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aUFsZXJ0Q29tcG9uZW50IGV4dGVuZHMgQmFzZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgQWZ0ZXJDb250ZW50SW5pdCB7XG4gICAgQElucHV0KClcbiAgICBAY29lcmNlQm9vbGVhblxuICAgIGlzTXV0ZWQ6IEJvb2xlYW5JbnB1dCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpXG4gICAgQGNvZXJjZUJvb2xlYW5cbiAgICBpc0Nsb3NlYWJsZTogQm9vbGVhbklucHV0ID0gZmFsc2U7XG4gICAgQElucHV0KClcbiAgICBAY29lcmNlQm9vbGVhblxuICAgIGlzRm9jdXNhYmxlOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKSBjbG9zZUFsZXJ0ID0gbmV3IEV2ZW50RW1pdHRlcjxudWxsPigpO1xuXG4gICAgaXNWaXNpYmxlID0gdHJ1ZTtcbiAgICBhbGVydEljb25UeXBlID0gJ2V1aS1pbmZvJztcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbdGhpcy5pc011dGVkID8gJ2V1aS1hbGVydC0tbXV0ZWQnIDogJycsICF0aGlzLmlzVmlzaWJsZSA/ICdldWktYWxlcnQtLWhpZGRlbicgOiAnJywgc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZXVpLWFsZXJ0JyldXG4gICAgICAgICAgICAuam9pbignICcpXG4gICAgICAgICAgICAudHJpbSgpO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnNldEljb24oKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICghdGhpcy5lMmVBdHRyKSB7XG4gICAgICAgICAgICB0aGlzLmUyZUF0dHIgPSAnZXVpLWFsZXJ0JztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uQ2xvc2VDbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc1Zpc2libGUgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5jbG9zZUFsZXJ0LmVtaXQoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHNldEljb24oKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYWxlcnRJY29uVHlwZSA9ICdldWktaW5mbyc7XG4gICAgICAgIGlmICh0aGlzLmV1aVdhcm5pbmcpIHtcbiAgICAgICAgICAgIHRoaXMuYWxlcnRJY29uVHlwZSA9ICdldWktZWNsLXdhcm5pbmcnO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLmV1aURhbmdlcikge1xuICAgICAgICAgICAgdGhpcy5hbGVydEljb25UeXBlID0gJ2V1aS1lY2wtZXJyb3InO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLmV1aVN1Y2Nlc3MpIHtcbiAgICAgICAgICAgIHRoaXMuYWxlcnRJY29uVHlwZSA9ICdldWktY2hlY2snO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLmV1aVNlY29uZGFyeSkge1xuICAgICAgICAgICAgdGhpcy5hbGVydEljb25UeXBlID0gJ2V1aS1xdWVzdGlvbic7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRXVpSWNvbk1vZHVsZSwgRXVpTGFiZWxNb2R1bGUsIEV1aUFjY2Vzc2libGVCdXR0b25JY29uTW9kdWxlXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtFdWlBbGVydENvbXBvbmVudF0sXG4gICAgZXhwb3J0czogW0V1aUFsZXJ0Q29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpQWxlcnRNb2R1bGUge31cbiIsIjxkaXYgY2xhc3M9XCJldWktYWxlcnRfX2NvbnRlbnQtd3JhcHBlclwiIHJvbGU9XCJhbGVydFwiIFt0YWJpbmRleF09XCJpc0ZvY3VzYWJsZSA/ICcwJyA6ICctMSdcIiBhcmlhLWRlc2NyaWJlZGJ5PVwiYWxlcnRDb250ZW50XCI+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1hbGVydF9fdHlwZS1jb250YWluZXJcIiAqbmdJZj1cIiFpc011dGVkXCI+XG4gICAgICAgIDxldWktaWNvbi1zdmcgY2xhc3M9XCJldWktYWxlcnRfX2ljb24tdHlwZVwiIGljb249XCJ7eyBhbGVydEljb25UeXBlIH19XCIgZmlsbENvbG9yPVwid2hpdGVcIiBzaXplPVwibFwiPjwvZXVpLWljb24tc3ZnPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJldWktYWxlcnRfX2NvbnRlbnRcIiBpZD1cImFsZXJ0Q29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGV1aS1hY2Nlc3NpYmxlLWJ1dHRvbi1pY29uXG4gICAgICAgICpuZ0lmPVwiaXNDbG9zZWFibGVcIlxuICAgICAgICBpY29uU3ZnTmFtZT1cImV1aS1jbG9zZVwiXG4gICAgICAgIGhhc0ZvY3VzQm9yZGVyXG4gICAgICAgIGFyaWFMYWJlbD1cIkNsb3NlIGFsZXJ0IGljb24gYnV0dG9uXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xvc2VDbGljaygpXCJcbiAgICAgICAgY2xhc3M9XCJldWktYWxlcnRfX2Nsb3NlLWljb25cIj5cbiAgICA8L2V1aS1hY2Nlc3NpYmxlLWJ1dHRvbi1pY29uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -6,15 +6,15 @@ export class EuiAvatarImageComponent {
|
|
|
6
6
|
this.string = 'eui-avatar-image';
|
|
7
7
|
}
|
|
8
8
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-container *ngIf=\"imageUrl; else noImage\">\n <img [src]=\"imageUrl\"/>\n</ng-container>\n<ng-template #noImage>\n <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
9
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-container *ngIf=\"imageUrl; else noImage\">\n <img [src]=\"imageUrl\" alt=\"Avatar image\"/>\n</ng-container>\n<ng-template #noImage>\n <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
10
10
|
}
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAvatarImageComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ selector: 'eui-avatar-image', template: "<ng-container *ngIf=\"imageUrl; else noImage\">\n <img [src]=\"imageUrl\"/>\n</ng-container>\n<ng-template #noImage>\n <ng-content></ng-content>\n</ng-template>\n" }]
|
|
13
|
+
args: [{ selector: 'eui-avatar-image', template: "<ng-container *ngIf=\"imageUrl; else noImage\">\n <img [src]=\"imageUrl\" alt=\"Avatar image\"/>\n</ng-container>\n<ng-template #noImage>\n <ng-content></ng-content>\n</ng-template>\n" }]
|
|
14
14
|
}], propDecorators: { string: [{
|
|
15
15
|
type: HostBinding,
|
|
16
16
|
args: ['class']
|
|
17
17
|
}], imageUrl: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}] } });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWltYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2V1aS1hdmF0YXIvYXZhdGFyLWltYWdlL2F2YXRhci1pbWFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9ldWktYXZhdGFyL2F2YXRhci1pbWFnZS9hdmF0YXItaW1hZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFNOUQsTUFBTSxPQUFPLHVCQUF1QjtJQUpwQztRQUswQixXQUFNLEdBQUcsa0JBQWtCLENBQUM7S0FHckQ7c0lBSlksdUJBQXVCOzBIQUF2Qix1QkFBdUIsNElDTnBDLCtMQU1BOztnR0RBYSx1QkFBdUI7a0JBSm5DLFNBQVM7K0JBQ0ksa0JBQWtCOzhCQUlOLE1BQU07c0JBQTNCLFdBQVc7dUJBQUMsT0FBTztnQkFFWCxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktYXZhdGFyLWltYWdlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYXZhdGFyLWltYWdlLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgRXVpQXZhdGFySW1hZ2VDb21wb25lbnQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBzdHJpbmcgPSAnZXVpLWF2YXRhci1pbWFnZSc7XG5cbiAgICBASW5wdXQoKSBpbWFnZVVybDogc3RyaW5nO1xufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImltYWdlVXJsOyBlbHNlIG5vSW1hZ2VcIj5cbiAgICA8aW1nIFtzcmNdPVwiaW1hZ2VVcmxcIiBhbHQ9XCJBdmF0YXIgaW1hZ2VcIi8+XG48L25nLWNvbnRhaW5lcj5cbjxuZy10ZW1wbGF0ZSAjbm9JbWFnZT5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -21,11 +21,11 @@ export class EuiBadgeComponent extends BaseDirective {
|
|
|
21
21
|
return [super.getCssClasses('eui-badge')].join(' ').trim();
|
|
22
22
|
}
|
|
23
23
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-icon-svg+.eui-badge{position:relative;right:var(--eui-base-spacing-s);top:calc(-1 * var(--eui-base-spacing-s));transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge
|
|
24
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-icon-svg+.eui-badge{position:relative;right:var(--eui-base-spacing-s);top:calc(-1 * var(--eui-base-spacing-s));transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--secondary{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75);color:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-75-contrast);fill:var(--eui-base-color-grey-75-contrast)}.eui-badge--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-badge--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-badge--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-badge--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-badge--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-badge--outline.eui-badge--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-badge--outline.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-badge--size-m{height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-badge--size-l{height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-xl{height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-xs);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-2xl{height:var(--eui-base-spacing-2xl);min-width:var(--eui-base-spacing-2xl);padding:0 var(--eui-base-spacing-s);font:normal normal 400 1.5rem/1.75rem var(--eui-base-font-family)}.eui-icon--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl{right:-30%;top:-15%}.eui-icon--size-2xl .eui-badge{right:10%;top:10%}.eui-icon--size-2xl .eui-badge--size-s{right:15%;top:5%}.eui-icon--size-2xl .eui-badge--size-m{right:5%;top:0%}.eui-icon--size-2xl .eui-badge--size-l{right:0%;top:0%}.eui-icon--size-2xl .eui-badge--size-xl{right:-20%;top:-5%}.eui-icon--size-2xl .eui-badge--size-2xl{right:-40%;top:-15%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiBadgeComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'div[euiBadge], span[euiBadge], eui-badge', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-icon-svg+.eui-badge{position:relative;right:var(--eui-base-spacing-s);top:calc(-1 * var(--eui-base-spacing-s));transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge
|
|
28
|
+
args: [{ selector: 'div[euiBadge], span[euiBadge], eui-badge', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-icon-svg+.eui-badge{position:relative;right:var(--eui-base-spacing-s);top:calc(-1 * var(--eui-base-spacing-s));transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--secondary{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75);color:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-75-contrast);fill:var(--eui-base-color-grey-75-contrast)}.eui-badge--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-badge--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-badge--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-badge--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-badge--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-badge--outline.eui-badge--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-badge--outline.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-badge--size-m{height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-badge--size-l{height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-xl{height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-xs);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-2xl{height:var(--eui-base-spacing-2xl);min-width:var(--eui-base-spacing-2xl);padding:0 var(--eui-base-spacing-s);font:normal normal 400 1.5rem/1.75rem var(--eui-base-font-family)}.eui-icon--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl{right:-30%;top:-15%}.eui-icon--size-2xl .eui-badge{right:10%;top:10%}.eui-icon--size-2xl .eui-badge--size-s{right:15%;top:5%}.eui-icon--size-2xl .eui-badge--size-m{right:5%;top:0%}.eui-icon--size-2xl .eui-badge--size-l{right:0%;top:0%}.eui-icon--size-2xl .eui-badge--size-xl{right:-20%;top:-5%}.eui-icon--size-2xl .eui-badge--size-2xl{right:-40%;top:-15%}\n"] }]
|
|
29
29
|
}], ctorParameters: () => [], propDecorators: { cssClasses: [{
|
|
30
30
|
type: HostBinding,
|
|
31
31
|
args: ['class']
|