@eui/components 17.0.0-next.19 → 17.0.0-next.20
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/EuiAvatarComponent.html +48 -0
- package/docs/components/EuiDashboardCardComponent.html +173 -426
- package/docs/components/EuiPaginatorComponent.html +1 -1
- package/docs/dependencies.html +2 -2
- 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/EuiDashboardCardModule.html +16 -0
- package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +3 -3
- package/esm2022/eui-avatar/eui-avatar.component.mjs +17 -3
- package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +2 -2
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +96 -82
- package/esm2022/eui-label/eui-label.component.mjs +2 -2
- package/esm2022/eui-paginator/eui-paginator.component.mjs +3 -3
- 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-avatar/eui-avatar.component.d.ts +3 -1
- package/eui-avatar/eui-avatar.component.d.ts.map +1 -1
- package/eui-dashboard-card/eui-dashboard-card.component.d.ts +25 -34
- package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +2 -2
- package/fesm2022/eui-components-directives.mjs.map +1 -1
- package/fesm2022/eui-components-eui-avatar.mjs +16 -2
- package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +95 -81
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-label.mjs +2 -2
- package/fesm2022/eui-components-eui-label.mjs.map +1 -1
- package/fesm2022/eui-components-eui-paginator.mjs +2 -2
- package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +2 -2
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/package.json +7 -7
|
@@ -74,6 +74,22 @@
|
|
|
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/EuiAvatarModule.html">EuiAvatarModule</a>
|
|
84
|
+
</li>
|
|
85
|
+
<li class="list-group-item">
|
|
86
|
+
<a href="../modules/EuiIconModule.html">EuiIconModule</a>
|
|
87
|
+
</li>
|
|
88
|
+
<li class="list-group-item">
|
|
89
|
+
<a href="../modules/EuiLabelModule.html">EuiLabelModule</a>
|
|
90
|
+
</li>
|
|
91
|
+
</ul>
|
|
92
|
+
</div>
|
|
77
93
|
<div class="col-sm-3">
|
|
78
94
|
<h3>Exports<a href="https://angular.io/api/core/NgModule#exports" target="_blank" rel="noopener noreferrer"
|
|
79
95
|
title="Official documentation about module exports"><span
|
|
@@ -17,11 +17,11 @@ export class EuiTooltipContainerComponent {
|
|
|
17
17
|
this.e2e = 'eui-tooltip';
|
|
18
18
|
}
|
|
19
19
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiTooltipContainerComponent, deps: [{ token: TOOLTIP_CONTAINER_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiTooltipContainerComponent, selector: "eui-tooltip-container.component", host: { properties: { "attr.data-e2e": "this.e2e", "class": "this.cssClasses", "@showHide": "this.showHide" } }, ngImport: i0, template: "<div [innerHTML]=\"config.tooltipContent\"></div>\n", styles: [".eui-tooltip__container{background-color:transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip{margin-bottom:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip:before{border-color:var(--eui-base-color-grey-100) transparent transparent transparent;left:calc(50% - 8px);transform:translateY(16px)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary:before{border-color:var(--eui-base-color-primary-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info:before{border-color:var(--eui-base-color-info-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success:before{border-color:var(--eui-base-color-success-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning:before{border-color:var(--eui-base-color-warning-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger:before{border-color:var(--eui-base-color-danger-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent:before{border-color:var(--eui-base-color-accent-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip{margin-top:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip:before{border-color:transparent transparent var(--eui-base-color-grey-100) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary:before{border-color:transparent transparent var(--eui-base-color-primary-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info:before{border-color:transparent transparent var(--eui-base-color-info-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success:before{border-color:transparent transparent var(--eui-base-color-success-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning:before{border-color:transparent transparent var(--eui-base-color-warning-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger:before{border-color:transparent transparent var(--eui-base-color-danger-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent:before{border-color:transparent transparent var(--eui-base-color-accent-100) transparent}.eui-tooltip__container.eui-tooltip--left .eui-tooltip,.eui-tooltip__container.eui-tooltip--before .eui-tooltip{margin-right:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip:before{border-color:transparent transparent transparent var(--eui-base-color-grey-100);right:-8px;top:50%;transform:translate(8px,-8px)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary:before{border-color:transparent transparent transparent var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info:before{border-color:transparent transparent transparent var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success:before{border-color:transparent transparent transparent var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning:before{border-color:transparent transparent transparent var(--eui-base-color-warning-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger:before{border-color:transparent transparent transparent var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent:before{border-color:transparent transparent transparent var(--eui-base-color-accent-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip,.eui-tooltip__container.eui-tooltip--after .eui-tooltip{margin-left:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip:before{border-color:transparent var(--eui-base-color-grey-100) transparent transparent;left:-8px;top:50%;transform:translate(-8px,-8px)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary:before{border-color:transparent var(--eui-base-color-primary-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info:before{border-color:transparent var(--eui-base-color-info-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success:before{border-color:transparent var(--eui-base-color-success-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning:before{border-color:transparent var(--eui-base-color-warning-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger:before{border-color:transparent var(--eui-base-color-danger-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent:before{border-color:transparent var(--eui-base-color-accent-100) transparent transparent}.eui-tooltip__container .eui-tooltip{background-color:var(--eui-base-color-grey-100);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-4);color:var(--eui-base-color-white);letter-spacing:.05em;max-width:50vw;opacity:.9;padding:var(--eui-base-spacing-xs);white-space:pre-line;font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-tooltip__container .eui-tooltip:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:\"\";display:block;height:0;position:absolute;width:0}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-left{text-align:left}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-right{text-align:right}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-center{text-align:center}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-justify{text-align:justify}\n"], animations: [showHide], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
20
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiTooltipContainerComponent, selector: "eui-tooltip-container.component", host: { properties: { "attr.data-e2e": "this.e2e", "class": "this.cssClasses", "@showHide": "this.showHide" } }, ngImport: i0, template: "<div [innerHTML]=\"config.tooltipContent\"></div>\n", styles: [".eui-tooltip__container{background-color:transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip{margin-bottom:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip:before{border-color:var(--eui-base-color-grey-100) transparent transparent transparent;left:calc(50% - 8px);transform:translateY(16px)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary:before{border-color:var(--eui-base-color-primary-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info:before{border-color:var(--eui-base-color-info-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success:before{border-color:var(--eui-base-color-success-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning:before{border-color:var(--eui-base-color-warning-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger:before{border-color:var(--eui-base-color-danger-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent:before{border-color:var(--eui-base-color-accent-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip{margin-top:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip:before{border-color:transparent transparent var(--eui-base-color-grey-100) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary:before{border-color:transparent transparent var(--eui-base-color-primary-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info:before{border-color:transparent transparent var(--eui-base-color-info-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success:before{border-color:transparent transparent var(--eui-base-color-success-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning:before{border-color:transparent transparent var(--eui-base-color-warning-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger:before{border-color:transparent transparent var(--eui-base-color-danger-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent:before{border-color:transparent transparent var(--eui-base-color-accent-100) transparent}.eui-tooltip__container.eui-tooltip--left .eui-tooltip,.eui-tooltip__container.eui-tooltip--before .eui-tooltip{margin-right:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip:before{border-color:transparent transparent transparent var(--eui-base-color-grey-100);right:-8px;top:50%;transform:translate(8px,-8px)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary:before{border-color:transparent transparent transparent var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info:before{border-color:transparent transparent transparent var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success:before{border-color:transparent transparent transparent var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning:before{border-color:transparent transparent transparent var(--eui-base-color-warning-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger:before{border-color:transparent transparent transparent var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent:before{border-color:transparent transparent transparent var(--eui-base-color-accent-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip,.eui-tooltip__container.eui-tooltip--after .eui-tooltip{margin-left:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip:before{border-color:transparent var(--eui-base-color-grey-100) transparent transparent;left:-8px;top:50%;transform:translate(-8px,-8px)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary:before{border-color:transparent var(--eui-base-color-primary-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info:before{border-color:transparent var(--eui-base-color-info-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success:before{border-color:transparent var(--eui-base-color-success-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning:before{border-color:transparent var(--eui-base-color-warning-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger:before{border-color:transparent var(--eui-base-color-danger-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent:before{border-color:transparent var(--eui-base-color-accent-100) transparent transparent}.eui-tooltip__container .eui-tooltip{background-color:var(--eui-base-color-grey-100);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-4);color:var(--eui-base-color-white);letter-spacing:.05em;max-width:50vw;padding:var(--eui-base-spacing-xs);white-space:pre-line;font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-tooltip__container .eui-tooltip:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:\"\";display:block;height:0;position:absolute;width:0}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-left{text-align:left}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-right{text-align:right}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-center{text-align:center}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-justify{text-align:justify}.eui-tooltip__container .eui-tooltip--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-tooltip__container .eui-tooltip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-tooltip__container .eui-tooltip--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-tooltip__container .eui-tooltip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-tooltip__container .eui-tooltip--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-tooltip__container .eui-tooltip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-tooltip__container .eui-tooltip--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-tooltip__container .eui-tooltip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-tooltip__container .eui-tooltip--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-tooltip__container .eui-tooltip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-tooltip__container .eui-tooltip--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-tooltip__container .eui-tooltip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}\n"], animations: [showHide], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
21
21
|
}
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiTooltipContainerComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
|
-
args: [{ selector: 'eui-tooltip-container.component', animations: [showHide], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div [innerHTML]=\"config.tooltipContent\"></div>\n", styles: [".eui-tooltip__container{background-color:transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip{margin-bottom:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip:before{border-color:var(--eui-base-color-grey-100) transparent transparent transparent;left:calc(50% - 8px);transform:translateY(16px)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary:before{border-color:var(--eui-base-color-primary-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info:before{border-color:var(--eui-base-color-info-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success:before{border-color:var(--eui-base-color-success-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning:before{border-color:var(--eui-base-color-warning-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger:before{border-color:var(--eui-base-color-danger-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent:before{border-color:var(--eui-base-color-accent-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip{margin-top:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip:before{border-color:transparent transparent var(--eui-base-color-grey-100) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary:before{border-color:transparent transparent var(--eui-base-color-primary-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info:before{border-color:transparent transparent var(--eui-base-color-info-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success:before{border-color:transparent transparent var(--eui-base-color-success-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning:before{border-color:transparent transparent var(--eui-base-color-warning-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger:before{border-color:transparent transparent var(--eui-base-color-danger-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent:before{border-color:transparent transparent var(--eui-base-color-accent-100) transparent}.eui-tooltip__container.eui-tooltip--left .eui-tooltip,.eui-tooltip__container.eui-tooltip--before .eui-tooltip{margin-right:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip:before{border-color:transparent transparent transparent var(--eui-base-color-grey-100);right:-8px;top:50%;transform:translate(8px,-8px)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary:before{border-color:transparent transparent transparent var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info:before{border-color:transparent transparent transparent var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success:before{border-color:transparent transparent transparent var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning:before{border-color:transparent transparent transparent var(--eui-base-color-warning-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger:before{border-color:transparent transparent transparent var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent:before{border-color:transparent transparent transparent var(--eui-base-color-accent-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip,.eui-tooltip__container.eui-tooltip--after .eui-tooltip{margin-left:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip:before{border-color:transparent var(--eui-base-color-grey-100) transparent transparent;left:-8px;top:50%;transform:translate(-8px,-8px)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary:before{border-color:transparent var(--eui-base-color-primary-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info:before{border-color:transparent var(--eui-base-color-info-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success:before{border-color:transparent var(--eui-base-color-success-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning:before{border-color:transparent var(--eui-base-color-warning-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger:before{border-color:transparent var(--eui-base-color-danger-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent:before{border-color:transparent var(--eui-base-color-accent-100) transparent transparent}.eui-tooltip__container .eui-tooltip{background-color:var(--eui-base-color-grey-100);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-4);color:var(--eui-base-color-white);letter-spacing:.05em;max-width:50vw;opacity:.9;padding:var(--eui-base-spacing-xs);white-space:pre-line;font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-tooltip__container .eui-tooltip:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:\"\";display:block;height:0;position:absolute;width:0}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-left{text-align:left}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-right{text-align:right}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-center{text-align:center}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-justify{text-align:justify}\n"] }]
|
|
24
|
+
args: [{ selector: 'eui-tooltip-container.component', animations: [showHide], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div [innerHTML]=\"config.tooltipContent\"></div>\n", styles: [".eui-tooltip__container{background-color:transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip{margin-bottom:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip:before{border-color:var(--eui-base-color-grey-100) transparent transparent transparent;left:calc(50% - 8px);transform:translateY(16px)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary:before{border-color:var(--eui-base-color-primary-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info:before{border-color:var(--eui-base-color-info-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success:before{border-color:var(--eui-base-color-success-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning:before{border-color:var(--eui-base-color-warning-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger:before{border-color:var(--eui-base-color-danger-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent:before{border-color:var(--eui-base-color-accent-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip{margin-top:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip:before{border-color:transparent transparent var(--eui-base-color-grey-100) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary:before{border-color:transparent transparent var(--eui-base-color-primary-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info:before{border-color:transparent transparent var(--eui-base-color-info-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success:before{border-color:transparent transparent var(--eui-base-color-success-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning:before{border-color:transparent transparent var(--eui-base-color-warning-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger:before{border-color:transparent transparent var(--eui-base-color-danger-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent:before{border-color:transparent transparent var(--eui-base-color-accent-100) transparent}.eui-tooltip__container.eui-tooltip--left .eui-tooltip,.eui-tooltip__container.eui-tooltip--before .eui-tooltip{margin-right:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip:before{border-color:transparent transparent transparent var(--eui-base-color-grey-100);right:-8px;top:50%;transform:translate(8px,-8px)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary:before{border-color:transparent transparent transparent var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info:before{border-color:transparent transparent transparent var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success:before{border-color:transparent transparent transparent var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning:before{border-color:transparent transparent transparent var(--eui-base-color-warning-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger:before{border-color:transparent transparent transparent var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent:before{border-color:transparent transparent transparent var(--eui-base-color-accent-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip,.eui-tooltip__container.eui-tooltip--after .eui-tooltip{margin-left:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip:before{border-color:transparent var(--eui-base-color-grey-100) transparent transparent;left:-8px;top:50%;transform:translate(-8px,-8px)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary:before{border-color:transparent var(--eui-base-color-primary-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info:before{border-color:transparent var(--eui-base-color-info-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success:before{border-color:transparent var(--eui-base-color-success-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning:before{border-color:transparent var(--eui-base-color-warning-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger:before{border-color:transparent var(--eui-base-color-danger-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent:before{border-color:transparent var(--eui-base-color-accent-100) transparent transparent}.eui-tooltip__container .eui-tooltip{background-color:var(--eui-base-color-grey-100);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-4);color:var(--eui-base-color-white);letter-spacing:.05em;max-width:50vw;padding:var(--eui-base-spacing-xs);white-space:pre-line;font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-tooltip__container .eui-tooltip:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:\"\";display:block;height:0;position:absolute;width:0}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-left{text-align:left}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-right{text-align:right}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-center{text-align:center}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-justify{text-align:justify}.eui-tooltip__container .eui-tooltip--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-tooltip__container .eui-tooltip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-tooltip__container .eui-tooltip--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-tooltip__container .eui-tooltip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-tooltip__container .eui-tooltip--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-tooltip__container .eui-tooltip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-tooltip__container .eui-tooltip--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-tooltip__container .eui-tooltip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-tooltip__container .eui-tooltip--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-tooltip__container .eui-tooltip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-tooltip__container .eui-tooltip--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-tooltip__container .eui-tooltip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}\n"] }]
|
|
25
25
|
}], ctorParameters: () => [{ type: i1.EuiTooltipConfig, decorators: [{
|
|
26
26
|
type: Inject,
|
|
27
27
|
args: [TOOLTIP_CONTAINER_CONFIG]
|
|
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
35
35
|
type: HostBinding,
|
|
36
36
|
args: ['@showHide']
|
|
37
37
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLXRvb2x0aXAtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2RpcmVjdGl2ZXMvZXVpLXRvb2x0aXAvY29udGFpbmVyL2V1aS10b29sdGlwLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9kaXJlY3RpdmVzL2V1aS10b29sdGlwL2NvbnRhaW5lci9ldWktdG9vbHRpcC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNHLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVuRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7O0FBVXRFLE1BQU0sT0FBTyw0QkFBNEI7SUFFckMsSUFDSSxVQUFVO1FBQ1YsT0FBTyxDQUFDLGFBQWEsRUFBRSx1QkFBdUIsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFlBQVksRUFBRSxlQUFlLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUM7YUFDL0csSUFBSSxDQUFDLEdBQUcsQ0FBQzthQUNULElBQUksRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFDRCxJQUE4QixRQUFRO1FBQ2xDLE9BQU8sU0FBUyxDQUFDO0lBQ3JCLENBQUM7SUFFRCxZQUFxRCxNQUF3QjtRQUF4QixXQUFNLEdBQU4sTUFBTSxDQUFrQjtRQVgvQyxRQUFHLEdBQUcsYUFBYSxDQUFDO0lBVzhCLENBQUM7c0lBWnhFLDRCQUE0QixrQkFZakIsd0JBQXdCOzBIQVpuQyw0QkFBNEIsd0xDZHpDLHFEQUNBLHl2UkRTZ0IsQ0FBQyxRQUFRLENBQUM7O2dHQUliLDRCQUE0QjtrQkFSeEMsU0FBUzsrQkFDSSxpQ0FBaUMsY0FHL0IsQ0FBQyxRQUFRLENBQUMsbUJBQ0wsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs7MEJBY3hCLE1BQU07MkJBQUMsd0JBQXdCO3lDQVhkLEdBQUc7c0JBQWhDLFdBQVc7dUJBQUMsZUFBZTtnQkFFeEIsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU87Z0JBTVUsUUFBUTtzQkFBckMsV0FBVzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0LCBWaWV3RW5jYXBzdWxhdGlvbiwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgc2hvd0hpZGUgfSBmcm9tICcuLi9hbmltYXRpb25zL3Nob3ctaGlkZSc7XG5pbXBvcnQgeyBFdWlUb29sdGlwQ29uZmlnIH0gZnJvbSAnLi4vbW9kZWxzL2V1aS10b29sdGlwLmNvbmZpZyc7XG5pbXBvcnQgeyBUT09MVElQX0NPTlRBSU5FUl9DT05GSUcgfSBmcm9tICcuLi90b2tlbi9ldWktdG9vbHRpcC50b2tlbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLXRvb2x0aXAtY29udGFpbmVyLmNvbXBvbmVudCcsXG4gICAgdGVtcGxhdGVVcmw6ICdldWktdG9vbHRpcC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBhbmltYXRpb25zOiBbc2hvd0hpZGVdLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aVRvb2x0aXBDb250YWluZXJDb21wb25lbnQge1xuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWUyZScpIGUyZSA9ICdldWktdG9vbHRpcCc7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFsnZXVpLXRvb2x0aXAnLCAnZXVpLXRvb2x0aXAtLWNvbnRlbnQtJyArIHRoaXMuY29uZmlnLmNvbnRlbnRBbGlnbiwgJ2V1aS10b29sdGlwLS0nICsgdGhpcy5jb25maWcuY29sb3JDbGFzc11cbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgICAgIC50cmltKCk7XG4gICAgfVxuICAgIEBIb3N0QmluZGluZygnQHNob3dIaWRlJykgZ2V0IHNob3dIaWRlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiAndmlzaWJsZSc7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoQEluamVjdChUT09MVElQX0NPTlRBSU5FUl9DT05GSUcpIHB1YmxpYyBjb25maWc6IEV1aVRvb2x0aXBDb25maWcpIHt9XG59XG4iLCI8ZGl2IFtpbm5lckhUTUxdPVwiY29uZmlnLnRvb2x0aXBDb250ZW50XCI+PC9kaXY+XG4iXX0=
|
|
@@ -22,15 +22,19 @@ export class EuiAvatarComponent {
|
|
|
22
22
|
this._ariaLabel = 'eUI Avatar';
|
|
23
23
|
this.hasShadow = false;
|
|
24
24
|
this.isShapeSquare = false;
|
|
25
|
+
this.isFlat = false;
|
|
26
|
+
this.hasNoBackground = false;
|
|
25
27
|
}
|
|
26
28
|
getCssClasses() {
|
|
27
29
|
return [
|
|
28
30
|
this.baseStatesDirective.getCssClasses('eui-avatar'),
|
|
29
31
|
this.isShapeSquare ? 'eui-avatar--shape-square' : '',
|
|
32
|
+
this.isFlat ? 'eui-avatar--flat' : '',
|
|
33
|
+
this.hasNoBackground ? 'eui-avatar--no-background' : '',
|
|
30
34
|
].join(' ').trim();
|
|
31
35
|
}
|
|
32
36
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAvatarComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: "hasShadow", isShapeSquare: "isShapeSquare" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiVariant", "euiVariant", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n <ng-content select=\"eui-avatar-icon\"></ng-content>\n <ng-content select=\"eui-avatar-text\"></ng-content>\n <ng-content select=\"eui-avatar-image\"></ng-content>\n <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-base-font-size-xl));--_badge-font-size: var(--eui-avatar-badge-font-size, var(--eui-base-font-size-s));--_badge-size: var(--eui-avatar-badge-size, var(--eui-base-spacing-m));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-100));--_color: var(--eui-avatar-color, var(--eui-base-color-white))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--_bg-color);box-shadow:var(--eui-base-shadow-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:.25rem}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-base-color-primary-25);border-radius:50%;bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon{font-size:calc(1.5 * var(--_font-size))}.eui-avatar-icon .eui-icon-svg{margin-right:0!important;margin-left:0!important}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size);width:var(--_icon-size);fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:50%;height:100%;width:100%}.eui-avatar-badge{position:absolute;right:-.5rem}.eui-avatar-badge--top{top:-.5rem}.eui-avatar-badge--bottom{bottom:-.5rem}.eui-avatar-badge .eui-badge{font-size:var(--_badge-font-size);height:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));min-width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-
|
|
37
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: "hasShadow", isShapeSquare: "isShapeSquare", isFlat: "isFlat", hasNoBackground: "hasNoBackground" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiVariant", "euiVariant", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n <ng-content select=\"eui-avatar-icon\"></ng-content>\n <ng-content select=\"eui-avatar-text\"></ng-content>\n <ng-content select=\"eui-avatar-image\"></ng-content>\n <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-base-font-size-xl));--_badge-font-size: var(--eui-avatar-badge-font-size, var(--eui-base-font-size-s));--_badge-size: var(--eui-avatar-badge-size, var(--eui-base-spacing-m));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-100));--_color: var(--eui-avatar-color, var(--eui-base-color-white))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--_bg-color);box-shadow:var(--eui-base-shadow-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:.25rem}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-base-color-primary-25);border-radius:50%;bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon{font-size:calc(1.5 * var(--_font-size))}.eui-avatar-icon .eui-icon-svg{margin-right:0!important;margin-left:0!important}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size);width:var(--_icon-size);fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:50%;height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-base-color-white)}.eui-avatar-badge{position:absolute;right:-.5rem}.eui-avatar-badge--top{top:-.5rem}.eui-avatar-badge--bottom{bottom:-.5rem}.eui-avatar-badge .eui-badge{font-size:var(--_badge-font-size);height:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));min-width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-15);--_color: var(--eui-base-color-grey-15-contrast)}.eui-avatar--info{--_bg-color: var(--eui-base-color-info-100)}.eui-avatar--success{--_bg-color: var(--eui-base-color-success-100)}.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-100);--_color: var(--eui-base-color-warning-100-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-100)}.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-100);--_color: var(--eui-base-color-accent-120-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-base-color-primary-10);--_color: var(--eui-base-color-primary-100)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-base-shadow-none)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-5);--_color: var(--eui-base-color-grey-100)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-100)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-100)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-100)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-100)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-10);--_color: var(--eui-base-color-accent-120)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-base-color-primary-100)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-base-shadow-none);border-radius:none}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-base-color-grey-100)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-base-color-info-100)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-base-color-success-100)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-base-color-warning-100)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-base-color-danger-100)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-base-color-accent-120)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-base-font-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s)}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-base-font-size-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s)}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-base-font-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-base-font-size-m);--_badge-size: var(--eui-base-spacing-m)}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-base-font-size-3xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-base-font-size-l);--_badge-size: var(--eui-base-spacing-l)}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-base-font-size-4xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-base-font-size-xl);--_badge-size: var(--eui-base-spacing-xl)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
34
38
|
}
|
|
35
39
|
__decorate([
|
|
36
40
|
coerceBoolean
|
|
@@ -38,6 +42,12 @@ __decorate([
|
|
|
38
42
|
__decorate([
|
|
39
43
|
coerceBoolean
|
|
40
44
|
], EuiAvatarComponent.prototype, "isShapeSquare", void 0);
|
|
45
|
+
__decorate([
|
|
46
|
+
coerceBoolean
|
|
47
|
+
], EuiAvatarComponent.prototype, "isFlat", void 0);
|
|
48
|
+
__decorate([
|
|
49
|
+
coerceBoolean
|
|
50
|
+
], EuiAvatarComponent.prototype, "hasNoBackground", void 0);
|
|
41
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiAvatarComponent, decorators: [{
|
|
42
52
|
type: Component,
|
|
43
53
|
args: [{ selector: 'div[euiAvatar], span[euiAvatar], eui-avatar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
@@ -59,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
59
69
|
'euiSizeVariant',
|
|
60
70
|
],
|
|
61
71
|
},
|
|
62
|
-
], template: "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n <ng-content select=\"eui-avatar-icon\"></ng-content>\n <ng-content select=\"eui-avatar-text\"></ng-content>\n <ng-content select=\"eui-avatar-image\"></ng-content>\n <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-base-font-size-xl));--_badge-font-size: var(--eui-avatar-badge-font-size, var(--eui-base-font-size-s));--_badge-size: var(--eui-avatar-badge-size, var(--eui-base-spacing-m));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-100));--_color: var(--eui-avatar-color, var(--eui-base-color-white))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--_bg-color);box-shadow:var(--eui-base-shadow-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:.25rem}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-base-color-primary-25);border-radius:50%;bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon{font-size:calc(1.5 * var(--_font-size))}.eui-avatar-icon .eui-icon-svg{margin-right:0!important;margin-left:0!important}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size);width:var(--_icon-size);fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:50%;height:100%;width:100%}.eui-avatar-badge{position:absolute;right:-.5rem}.eui-avatar-badge--top{top:-.5rem}.eui-avatar-badge--bottom{bottom:-.5rem}.eui-avatar-badge .eui-badge{font-size:var(--_badge-font-size);height:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));min-width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-
|
|
72
|
+
], template: "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n <ng-content select=\"eui-avatar-icon\"></ng-content>\n <ng-content select=\"eui-avatar-text\"></ng-content>\n <ng-content select=\"eui-avatar-image\"></ng-content>\n <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-base-font-size-xl));--_badge-font-size: var(--eui-avatar-badge-font-size, var(--eui-base-font-size-s));--_badge-size: var(--eui-avatar-badge-size, var(--eui-base-spacing-m));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-100));--_color: var(--eui-avatar-color, var(--eui-base-color-white))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--_bg-color);box-shadow:var(--eui-base-shadow-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:.25rem}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-base-color-primary-25);border-radius:50%;bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon{font-size:calc(1.5 * var(--_font-size))}.eui-avatar-icon .eui-icon-svg{margin-right:0!important;margin-left:0!important}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size);width:var(--_icon-size);fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:50%;height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-base-color-white)}.eui-avatar-badge{position:absolute;right:-.5rem}.eui-avatar-badge--top{top:-.5rem}.eui-avatar-badge--bottom{bottom:-.5rem}.eui-avatar-badge .eui-badge{font-size:var(--_badge-font-size);height:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));min-width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-15);--_color: var(--eui-base-color-grey-15-contrast)}.eui-avatar--info{--_bg-color: var(--eui-base-color-info-100)}.eui-avatar--success{--_bg-color: var(--eui-base-color-success-100)}.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-100);--_color: var(--eui-base-color-warning-100-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-100)}.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-100);--_color: var(--eui-base-color-accent-120-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-base-color-primary-10);--_color: var(--eui-base-color-primary-100)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-base-shadow-none)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-5);--_color: var(--eui-base-color-grey-100)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-100)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-100)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-100)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-100)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-10);--_color: var(--eui-base-color-accent-120)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-base-color-primary-100)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-base-shadow-none);border-radius:none}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-base-color-grey-100)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-base-color-info-100)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-base-color-success-100)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-base-color-warning-100)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-base-color-danger-100)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-base-color-accent-120)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-base-font-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s)}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-base-font-size-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s)}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-base-font-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-base-font-size-m);--_badge-size: var(--eui-base-spacing-m)}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-base-font-size-3xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-base-font-size-l);--_badge-size: var(--eui-base-spacing-l)}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-base-font-size-4xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-base-font-size-xl);--_badge-size: var(--eui-base-spacing-xl)}\n"] }]
|
|
63
73
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
64
74
|
type: HostBinding,
|
|
65
75
|
args: ['class']
|
|
@@ -81,5 +91,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
81
91
|
type: Input
|
|
82
92
|
}], isShapeSquare: [{
|
|
83
93
|
type: Input
|
|
94
|
+
}], isFlat: [{
|
|
95
|
+
type: Input
|
|
96
|
+
}], hasNoBackground: [{
|
|
97
|
+
type: Input
|
|
84
98
|
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWF2YXRhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9ldWktYXZhdGFyL2V1aS1hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWF2YXRhci9ldWktYXZhdGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUMxQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7OztBQTZCN0QsTUFBTSxPQUFPLGtCQUFrQjtJQUMzQixJQUNXLFVBQVU7UUFDakIsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQU9ELElBRVcsU0FBUztRQUNoQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDM0IsQ0FBQztJQUNELElBQVcsU0FBUyxDQUFDLEtBQW9CO1FBQ3JDLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQzVCLENBQUM7SUFtQkQsWUFBbUIsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUE3QjNELFlBQU8sR0FBRyxZQUFZLENBQUM7UUFFRyxTQUFJLEdBQUcsUUFBUSxDQUFDO1FBU2hDLGVBQVUsR0FBRyxZQUFZLENBQUM7UUFJcEMsY0FBUyxHQUFpQixLQUFLLENBQUM7UUFJaEMsa0JBQWEsR0FBaUIsS0FBSyxDQUFDO1FBSXBDLFdBQU0sR0FBaUIsS0FBSyxDQUFDO1FBSTdCLG9CQUFlLEdBQWlCLEtBQUssQ0FBQztJQUV3QixDQUFDO0lBRXZELGFBQWE7UUFDakIsT0FBTztZQUNILElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDO1lBQ3BELElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLDBCQUEwQixDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3BELElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3JDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLDJCQUEyQixDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQzFELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7c0lBOUNRLGtCQUFrQjswSEFBbEIsa0JBQWtCLG8wQkNoQy9CLHVWQVFBOztBRCtDSTtJQURDLGFBQWE7cURBQ2tCO0FBSWhDO0lBREMsYUFBYTt5REFDc0I7QUFJcEM7SUFEQyxhQUFhO2tEQUNlO0FBSTdCO0lBREMsYUFBYTsyREFDd0I7Z0dBbkM3QixrQkFBa0I7a0JBM0I5QixTQUFTOytCQUNJLDZDQUE2QyxtQkFHdEMsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxrQkFDckI7d0JBQ1o7NEJBQ0ksU0FBUyxFQUFFLG1CQUFtQjs0QkFDOUIsTUFBTSxFQUFFO2dDQUNKLGNBQWM7Z0NBQ2QsWUFBWTtnQ0FDWixTQUFTO2dDQUNULFlBQVk7Z0NBQ1osV0FBVztnQ0FDWCxXQUFXO2dDQUNYLFdBQVc7Z0NBQ1gsVUFBVTtnQ0FDVixVQUFVO2dDQUNWLFdBQVc7Z0NBQ1gsWUFBWTtnQ0FDWixZQUFZO2dDQUNaLGdCQUFnQjs2QkFDbkI7eUJBQ0o7cUJBQ0o7d0ZBSVUsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPO2dCQU9wQixPQUFPO3NCQUZOLFdBQVc7dUJBQUMsZUFBZTs7c0JBQzNCLEtBQUs7Z0JBR29CLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFHYixTQUFTO3NCQUZuQixXQUFXO3VCQUFDLGlCQUFpQjs7c0JBQzdCLEtBQUs7dUJBQUMsWUFBWTtnQkFXbkIsU0FBUztzQkFGUixLQUFLO2dCQU1OLGFBQWE7c0JBRlosS0FBSztnQkFNTixNQUFNO3NCQUZMLEtBQUs7Z0JBTU4sZUFBZTtzQkFGZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW4gfSBmcm9tICdAZXVpL2Jhc2UnO1xuaW1wb3J0IHsgQmFzZVN0YXRlc0RpcmVjdGl2ZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9zaGFyZWQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2RpdltldWlBdmF0YXJdLCBzcGFuW2V1aUF2YXRhcl0sIGV1aS1hdmF0YXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktYXZhdGFyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdldWlTZWNvbmRhcnknLFxuICAgICAgICAgICAgICAgICdldWlTdWNjZXNzJyxcbiAgICAgICAgICAgICAgICAnZXVpSW5mbycsXG4gICAgICAgICAgICAgICAgJ2V1aVdhcm5pbmcnLFxuICAgICAgICAgICAgICAgICdldWlEYW5nZXInLFxuICAgICAgICAgICAgICAgICdldWlBY2NlbnQnLFxuICAgICAgICAgICAgICAgICdldWlTaXplWFMnLFxuICAgICAgICAgICAgICAgICdldWlTaXplUycsXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVMJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZVhMJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZTJYTCcsXG4gICAgICAgICAgICAgICAgJ2V1aVZhcmlhbnQnLFxuICAgICAgICAgICAgICAgICdldWlTaXplVmFyaWFudCcsXG4gICAgICAgICAgICBdLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aUF2YXRhckNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHVibGljIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldENzc0NsYXNzZXMoKTtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1lMmUnKVxuICAgIEBJbnB1dCgpXG4gICAgZTJlQXR0ciA9ICdldWktYXZhdGFyJztcblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZSA9ICdzdGF0dXMnO1xuICAgIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxhYmVsJylcbiAgICBASW5wdXQoJ2FyaWEtbGFiZWwnKVxuICAgIHB1YmxpYyBnZXQgYXJpYUxhYmVsKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9hcmlhTGFiZWw7XG4gICAgfVxuICAgIHB1YmxpYyBzZXQgYXJpYUxhYmVsKHZhbHVlOiBzdHJpbmcgfCBudWxsKSB7XG4gICAgICAgIHRoaXMuX2FyaWFMYWJlbCA9IHZhbHVlO1xuICAgIH1cbiAgICBwcm90ZWN0ZWQgX2FyaWFMYWJlbCA9ICdlVUkgQXZhdGFyJztcblxuICAgIEBJbnB1dCgpXG4gICAgQGNvZXJjZUJvb2xlYW5cbiAgICBoYXNTaGFkb3c6IEJvb2xlYW5JbnB1dCA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBAY29lcmNlQm9vbGVhblxuICAgIGlzU2hhcGVTcXVhcmU6IEJvb2xlYW5JbnB1dCA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBAY29lcmNlQm9vbGVhblxuICAgIGlzRmxhdDogQm9vbGVhbklucHV0ID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIEBjb2VyY2VCb29sZWFuXG4gICAgaGFzTm9CYWNrZ3JvdW5kOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBiYXNlU3RhdGVzRGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlKSB7fVxuXG4gICAgcHJpdmF0ZSBnZXRDc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICB0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZ2V0Q3NzQ2xhc3NlcygnZXVpLWF2YXRhcicpLFxuICAgICAgICAgICAgdGhpcy5pc1NoYXBlU3F1YXJlID8gJ2V1aS1hdmF0YXItLXNoYXBlLXNxdWFyZScgOiAnJyxcbiAgICAgICAgICAgIHRoaXMuaXNGbGF0ID8gJ2V1aS1hdmF0YXItLWZsYXQnIDogJycsXG4gICAgICAgICAgICB0aGlzLmhhc05vQmFja2dyb3VuZCA/ICdldWktYXZhdGFyLS1uby1iYWNrZ3JvdW5kJyA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImhhc1NoYWRvd1wiIGNsYXNzPVwiZXVpLWF2YXRhci1zaGFkb3dcIj48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImV1aS1hdmF0YXItY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1hdmF0YXItaWNvblwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktYXZhdGFyLXRleHRcIj48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLWF2YXRhci1pbWFnZVwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktYXZhdGFyLWJhZGdlXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -44,7 +44,7 @@ export class EuiDashboardButtonComponent {
|
|
|
44
44
|
].join(' ').trim();
|
|
45
45
|
}
|
|
46
46
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiDashboardButtonComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiDashboardButtonComponent, selector: "eui-dashboard-button", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDashboardButtonIcon", first: true, predicate: EuiDashboardButtonIconDirective, descendants: true }, { propertyName: "euiDashboardButtonLabel", first: true, predicate: EuiDashboardButtonLabelDirective, descendants: true }, { propertyName: "euiLabelContent", first: true, predicate: EuiLabelComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiVariant", "euiVariant", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<button class=\"eui-dashboard-button-content\">\n <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n <eui-avatar-icon>\n <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{imageUrl}}\"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf=\"euiLabelContent\">\n <div class=\"eui-dashboard-button-content__title\">\n <ng-content select=\"eui-label\"></ng-content>\n <ng-content select=\"[euiLabel]\"></ng-content>\n </div>\n <div class=\"eui-dashboard-button-content__sub-title\">\n <ng-content select=\"eui-sublabel\"></ng-content>\n <ng-content select=\"[euiSublabel]\"></ng-content>\n </div>\n </ng-container>\n</button>\n", styles: [".eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;border:none;background:none;padding:var(--eui-base-spacing-m)}.eui-dashboard-button-content:active:not([readonly]),.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-button-content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-button-content:hover,.eui-dashboard-button-content:focus{background-color:var(--eui-base-color-grey-
|
|
47
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiDashboardButtonComponent, selector: "eui-dashboard-button", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDashboardButtonIcon", first: true, predicate: EuiDashboardButtonIconDirective, descendants: true }, { propertyName: "euiDashboardButtonLabel", first: true, predicate: EuiDashboardButtonLabelDirective, descendants: true }, { propertyName: "euiLabelContent", first: true, predicate: EuiLabelComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiVariant", "euiVariant", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<button class=\"eui-dashboard-button-content\">\n <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n <eui-avatar-icon>\n <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{imageUrl}}\"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf=\"euiLabelContent\">\n <div class=\"eui-dashboard-button-content__title\">\n <ng-content select=\"eui-label\"></ng-content>\n <ng-content select=\"[euiLabel]\"></ng-content>\n </div>\n <div class=\"eui-dashboard-button-content__sub-title\">\n <ng-content select=\"eui-sublabel\"></ng-content>\n <ng-content select=\"[euiSublabel]\"></ng-content>\n </div>\n </ng-container>\n</button>\n", styles: [".eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;border:none;background:none;padding:var(--eui-base-spacing-m);border:1px solid var(--eui-base-color-grey-10);box-shadow:var(--eui-base-shadow-1);border-radius:var(--eui-base-border-radius);background-color:var(--eui-base-color-white)}.eui-dashboard-button-content:active:not([readonly]),.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-button-content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-button-content:active,.eui-dashboard-button-content:hover,.eui-dashboard-button-content:focus{background-color:var(--eui-base-color-grey-5);cursor:pointer;box-shadow:var(--eui-base-shadow-4)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i3.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i3.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i3.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
48
48
|
}
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiDashboardButtonComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
69
69
|
'euiSizeVariant',
|
|
70
70
|
],
|
|
71
71
|
},
|
|
72
|
-
], template: "<button class=\"eui-dashboard-button-content\">\n <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n <eui-avatar-icon>\n <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{imageUrl}}\"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf=\"euiLabelContent\">\n <div class=\"eui-dashboard-button-content__title\">\n <ng-content select=\"eui-label\"></ng-content>\n <ng-content select=\"[euiLabel]\"></ng-content>\n </div>\n <div class=\"eui-dashboard-button-content__sub-title\">\n <ng-content select=\"eui-sublabel\"></ng-content>\n <ng-content select=\"[euiSublabel]\"></ng-content>\n </div>\n </ng-container>\n</button>\n", styles: [".eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;border:none;background:none;padding:var(--eui-base-spacing-m)}.eui-dashboard-button-content:active:not([readonly]),.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-button-content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-button-content:hover,.eui-dashboard-button-content:focus{background-color:var(--eui-base-color-grey-
|
|
72
|
+
], template: "<button class=\"eui-dashboard-button-content\">\n <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n <eui-avatar-icon>\n <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{imageUrl}}\"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf=\"euiLabelContent\">\n <div class=\"eui-dashboard-button-content__title\">\n <ng-content select=\"eui-label\"></ng-content>\n <ng-content select=\"[euiLabel]\"></ng-content>\n </div>\n <div class=\"eui-dashboard-button-content__sub-title\">\n <ng-content select=\"eui-sublabel\"></ng-content>\n <ng-content select=\"[euiSublabel]\"></ng-content>\n </div>\n </ng-container>\n</button>\n", styles: [".eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;border:none;background:none;padding:var(--eui-base-spacing-m);border:1px solid var(--eui-base-color-grey-10);box-shadow:var(--eui-base-shadow-1);border-radius:var(--eui-base-border-radius);background-color:var(--eui-base-color-white)}.eui-dashboard-button-content:active:not([readonly]),.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-button-content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-button-content:active,.eui-dashboard-button-content:hover,.eui-dashboard-button-content:focus{background-color:var(--eui-base-color-grey-5);cursor:pointer;box-shadow:var(--eui-base-shadow-4)}\n"] }]
|
|
73
73
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
74
74
|
type: HostBinding,
|
|
75
75
|
args: ['class']
|