@eui/components 14.0.7 → 14.0.8-snapshot-1666987829816
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/EuiCardComponent.html +43 -24
- package/docs/dependencies.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2020/eui-button/eui-button.component.mjs +2 -2
- package/esm2020/eui-card/components/eui-card-header/eui-card-header.component.mjs +8 -8
- package/esm2020/eui-card/eui-card.component.mjs +54 -46
- package/esm2020/eui-card/services/ui-state.service.mjs +1 -1
- package/eui-card/components/eui-card-header/eui-card-header.component.d.ts +3 -3
- package/eui-card/components/eui-card-header/eui-card-header.component.d.ts.map +1 -1
- package/eui-card/eui-card.component.d.ts +11 -9
- package/eui-card/eui-card.component.d.ts.map +1 -1
- package/eui-card/services/ui-state.service.d.ts.map +1 -1
- package/fesm2015/eui-components-eui-button.mjs +2 -2
- package/fesm2015/eui-components-eui-button.mjs.map +1 -1
- package/fesm2015/eui-components-eui-card.mjs +60 -52
- package/fesm2015/eui-components-eui-card.mjs.map +1 -1
- package/fesm2020/eui-components-eui-button.mjs +2 -2
- package/fesm2020/eui-components-eui-button.mjs.map +1 -1
- package/fesm2020/eui-components-eui-card.mjs +60 -52
- package/fesm2020/eui-components-eui-card.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -57,10 +57,10 @@ class EuiButtonComponent extends BaseDirective {
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
/** @nocollapse */ EuiButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: EuiButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
-
/** @nocollapse */ EuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", euiBasicButton: "euiBasicButton", euiButtonCall: "euiButtonCall", euiBlockButton: "euiBlockButton", euiRaisedButton: "euiRaisedButton", isLoading: "isLoading", euiIconButton: "euiIconButton", euiLineWrap: "euiLineWrap" }, host: { listeners: { "keydown": "onDisableClick($event)", "keyup": "onDisableClick($event)", "keypress": "onDisableClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"eui-button__container\">\n <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n <eui-icon [isLoading]=\"true\"></eui-icon>\n </span>\n <ng-content></ng-content>\n</span>\n", styles: ["button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:none}.eui-button{font: 400 1rem/1.25rem arial,sans-serif;align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--eui-base-font-size);justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap}.eui-button:active,.eui-button.active,.eui-button:focus{z-index:1;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button .eui-button__container .fa{font-size:var(--eui-base-font-size);padding-right:var(--eui-base-spacing-2xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-u-loading),.eui-button .eui-button__container>.eui-icon:not(.eui-u-loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-u-loading):not(.eui-button--icon-only),.eui-button .eui-button__container>.eui-icon:not(.eui-u-loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-u-loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-u-loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font-size:var(--eui-base-font-size-s)}.eui-button .eui-button__container .eui-label+.eui-icon{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:calc(var(--eui-base-spacing-s) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.eui-button .eui-button__loading-icon .eui-icon.eui-u-loading{margin-right:var(--eui-base-spacing-xl)}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating .eui-icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.eui-button-floating:before{border-radius:0}a.eui-button{text-decoration:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{color:var(--eui-base-color-white);text-decoration:none}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover{color:var(--eui-base-color-text)}.eui-button__expand-trigger{border-top:1px solid var(--eui-base-color-grey-15);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}.eui-button__expand-trigger .eui-label+.eui-icon,.eui-button__expand-trigger .eui-icon+.eui-label{margin-left:var(--eui-base-spacing-s)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font-size:var(--eui-base-font-size-s)}.eui-button--size-s .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font-size:var(--eui-base-font-size)}.eui-button--size-m .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font-size:var(--eui-base-font-size-l)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button--size-l .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-2xl)}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100)}.eui-button:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110)}.eui-button--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-100)}.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--info:hover{background-color:var(--eui-base-color-info-110)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--success:hover{background-color:var(--eui-base-color-success-110)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110)}.eui-button--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110)}.eui-button--basic{background-color:transparent;border:1px solid transparent}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{color:var(--eui-base-color-grey-75)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{color:var(--eui-base-color-warning-140)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--outline{background-color:var(--eui-base-color-white)}.eui-button--outline.eui-button--primary{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--secondary{border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-75)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--outline.eui-button--info{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--success{border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--warning{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-140)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--danger{border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--accent{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button--responsive{position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--responsive .eui-button__container .eui-icon{overflow:visible}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-base-color-white);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button--expand-toggle .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-l)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
60
|
+
/** @nocollapse */ EuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", euiBasicButton: "euiBasicButton", euiButtonCall: "euiButtonCall", euiBlockButton: "euiBlockButton", euiRaisedButton: "euiRaisedButton", isLoading: "isLoading", euiIconButton: "euiIconButton", euiLineWrap: "euiLineWrap" }, host: { listeners: { "keydown": "onDisableClick($event)", "keyup": "onDisableClick($event)", "keypress": "onDisableClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"eui-button__container\">\n <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n <eui-icon [isLoading]=\"true\"></eui-icon>\n </span>\n <ng-content></ng-content>\n</span>\n", styles: ["button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:none}.eui-button{font: 400 1rem/1.25rem arial,sans-serif;align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--eui-base-font-size);justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap}.eui-button:active,.eui-button.active,.eui-button:focus{z-index:1;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button .eui-button__container .fa{font-size:var(--eui-base-font-size);padding-right:var(--eui-base-spacing-2xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-u-loading),.eui-button .eui-button__container>.eui-icon:not(.eui-u-loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-u-loading):not(.eui-button--icon-only),.eui-button .eui-button__container>.eui-icon:not(.eui-u-loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-u-loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-u-loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font-size:var(--eui-base-font-size-s)}.eui-button .eui-button__container .eui-label+.eui-icon{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:calc(var(--eui-base-spacing-xs) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.eui-button .eui-button__loading-icon .eui-icon.eui-u-loading{margin-right:var(--eui-base-spacing-xl)}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating .eui-icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.eui-button-floating:before{border-radius:0}a.eui-button{text-decoration:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{color:var(--eui-base-color-white);text-decoration:none}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover{color:var(--eui-base-color-text)}.eui-button__expand-trigger{border-top:1px solid var(--eui-base-color-grey-15);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}.eui-button__expand-trigger .eui-label+.eui-icon,.eui-button__expand-trigger .eui-icon+.eui-label{margin-left:var(--eui-base-spacing-s)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font-size:var(--eui-base-font-size-s)}.eui-button--size-s .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font-size:var(--eui-base-font-size)}.eui-button--size-m .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font-size:var(--eui-base-font-size-l)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button--size-l .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-2xl)}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100)}.eui-button:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110)}.eui-button--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-100)}.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--info:hover{background-color:var(--eui-base-color-info-110)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--success:hover{background-color:var(--eui-base-color-success-110)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110)}.eui-button--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110)}.eui-button--basic{background-color:transparent;border:1px solid transparent}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{color:var(--eui-base-color-grey-75)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{color:var(--eui-base-color-warning-140)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--outline{background-color:var(--eui-base-color-white)}.eui-button--outline.eui-button--primary{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--secondary{border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-75)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--outline.eui-button--info{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--success{border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--warning{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-140)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--danger{border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--accent{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button--responsive{position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--responsive .eui-button__container .eui-icon{overflow:visible}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-base-color-white);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button--expand-toggle .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-l)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: EuiButtonComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
|
-
args: [{ selector: 'button[euiButton], a[euiButton]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span class=\"eui-button__container\">\n <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n <eui-icon [isLoading]=\"true\"></eui-icon>\n </span>\n <ng-content></ng-content>\n</span>\n", styles: ["button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:none}.eui-button{font: 400 1rem/1.25rem arial,sans-serif;align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--eui-base-font-size);justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap}.eui-button:active,.eui-button.active,.eui-button:focus{z-index:1;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button .eui-button__container .fa{font-size:var(--eui-base-font-size);padding-right:var(--eui-base-spacing-2xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-u-loading),.eui-button .eui-button__container>.eui-icon:not(.eui-u-loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-u-loading):not(.eui-button--icon-only),.eui-button .eui-button__container>.eui-icon:not(.eui-u-loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-u-loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-u-loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font-size:var(--eui-base-font-size-s)}.eui-button .eui-button__container .eui-label+.eui-icon{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:calc(var(--eui-base-spacing-s) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.eui-button .eui-button__loading-icon .eui-icon.eui-u-loading{margin-right:var(--eui-base-spacing-xl)}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating .eui-icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.eui-button-floating:before{border-radius:0}a.eui-button{text-decoration:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{color:var(--eui-base-color-white);text-decoration:none}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover{color:var(--eui-base-color-text)}.eui-button__expand-trigger{border-top:1px solid var(--eui-base-color-grey-15);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}.eui-button__expand-trigger .eui-label+.eui-icon,.eui-button__expand-trigger .eui-icon+.eui-label{margin-left:var(--eui-base-spacing-s)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font-size:var(--eui-base-font-size-s)}.eui-button--size-s .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font-size:var(--eui-base-font-size)}.eui-button--size-m .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font-size:var(--eui-base-font-size-l)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button--size-l .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-2xl)}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100)}.eui-button:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110)}.eui-button--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-100)}.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--info:hover{background-color:var(--eui-base-color-info-110)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--success:hover{background-color:var(--eui-base-color-success-110)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110)}.eui-button--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110)}.eui-button--basic{background-color:transparent;border:1px solid transparent}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{color:var(--eui-base-color-grey-75)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{color:var(--eui-base-color-warning-140)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--outline{background-color:var(--eui-base-color-white)}.eui-button--outline.eui-button--primary{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--secondary{border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-75)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--outline.eui-button--info{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--success{border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--warning{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-140)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--danger{border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--accent{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button--responsive{position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--responsive .eui-button__container .eui-icon{overflow:visible}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-base-color-white);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button--expand-toggle .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-l)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"] }]
|
|
63
|
+
args: [{ selector: 'button[euiButton], a[euiButton]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span class=\"eui-button__container\">\n <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n <eui-icon [isLoading]=\"true\"></eui-icon>\n </span>\n <ng-content></ng-content>\n</span>\n", styles: ["button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:none}.eui-button{font: 400 1rem/1.25rem arial,sans-serif;align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--eui-base-font-size);justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap}.eui-button:active,.eui-button.active,.eui-button:focus{z-index:1;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button .eui-button__container .fa{font-size:var(--eui-base-font-size);padding-right:var(--eui-base-spacing-2xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-u-loading),.eui-button .eui-button__container>.eui-icon:not(.eui-u-loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-u-loading):not(.eui-button--icon-only),.eui-button .eui-button__container>.eui-icon:not(.eui-u-loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-u-loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-u-loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font-size:var(--eui-base-font-size-s)}.eui-button .eui-button__container .eui-label+.eui-icon{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:calc(var(--eui-base-spacing-xs) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.eui-button .eui-button__loading-icon .eui-icon.eui-u-loading{margin-right:var(--eui-base-spacing-xl)}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating .eui-icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.eui-button-floating:before{border-radius:0}a.eui-button{text-decoration:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{color:var(--eui-base-color-white);text-decoration:none}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover{color:var(--eui-base-color-text)}.eui-button__expand-trigger{border-top:1px solid var(--eui-base-color-grey-15);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}.eui-button__expand-trigger .eui-label+.eui-icon,.eui-button__expand-trigger .eui-icon+.eui-label{margin-left:var(--eui-base-spacing-s)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font-size:var(--eui-base-font-size-s)}.eui-button--size-s .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font-size:var(--eui-base-font-size)}.eui-button--size-m .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font-size:var(--eui-base-font-size-l)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button--size-l .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-2xl)}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100)}.eui-button:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110)}.eui-button--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-100)}.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--info:hover{background-color:var(--eui-base-color-info-110)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--success:hover{background-color:var(--eui-base-color-success-110)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110)}.eui-button--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110)}.eui-button--basic{background-color:transparent;border:1px solid transparent}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{color:var(--eui-base-color-grey-75)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{color:var(--eui-base-color-warning-140)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--outline{background-color:var(--eui-base-color-white)}.eui-button--outline.eui-button--primary{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--secondary{border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-75)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--outline.eui-button--info{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--success{border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--warning{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-140)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--danger{border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--accent{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button--responsive{position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--responsive .eui-button__container .eui-icon{overflow:visible}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-base-color-white);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button--expand-toggle .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-l)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"] }]
|
|
64
64
|
}], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
|
|
65
65
|
type: HostBinding,
|
|
66
66
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-button.mjs","sources":["../../eui-button/eui-button.component.ts","../../eui-button/eui-button.component.html","../../eui-button/eui-components-eui-button.ts"],"sourcesContent":["import { NgModule, Component, HostBinding, HostListener, Input, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { EuiIconModule } from '@eui/components/atoms/eui-icon';\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/atoms/eui-label';\n\n@Component({\n templateUrl: './eui-button.component.html',\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[euiButton], a[euiButton]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiButtonComponent extends BaseDirective {\n\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.euiBasicButton ? `eui-button--basic` : ``,\n this.euiRaisedButton ? `eui-button--raised` : ``, // TODO: remove in eUI 15\n this.euiBlockButton ? `eui-button--block` : ``,\n this.isLoading ? `eui-button--loading` : ``,\n this.euiIconButton ? `eui-button--icon-only` : ``,\n this.euiLineWrap ? `eui-button--line-wrap` : ``,\n super.getCssClasses('eui-button'),\n ].join(' ').trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-button';\n\n @Input()\n get euiBasicButton(): boolean { return this._euiBasicButton; }\n set euiBasicButton(value: BooleanInput) { this._euiBasicButton = coerceBooleanProperty(value); }\n private _euiBasicButton = false;\n\n @Input()\n get euiButtonCall(): boolean { return this._euiButtonCall; }\n set euiButtonCall(value: BooleanInput) { this._euiButtonCall = coerceBooleanProperty(value); }\n private _euiButtonCall = false;\n\n @Input()\n get euiBlockButton(): boolean { return this._euiBlockButton; }\n set euiBlockButton(value: BooleanInput) { this._euiBlockButton = coerceBooleanProperty(value); }\n private _euiBlockButton = false;\n\n /**\n * @deprecated - This option will be removed in eUI 15\n */\n // TODO: remove in eUI 15\n @Input()\n get euiRaisedButton(): boolean { return this._euiRaisedButton; }\n set euiRaisedButton(value: BooleanInput) { this._euiRaisedButton = coerceBooleanProperty(value); }\n private _euiRaisedButton = false;\n\n @Input()\n get isLoading(): boolean { return this._isLoading; }\n set isLoading(value: BooleanInput) { this._isLoading = coerceBooleanProperty(value); }\n private _isLoading = false;\n\n @Input()\n get euiIconButton(): boolean { return this._euiIconButton; }\n set euiIconButton(value: BooleanInput) { this._euiIconButton = coerceBooleanProperty(value); }\n private _euiIconButton = false;\n\n @Input()\n get euiLineWrap(): boolean { return this._euiLineWrap; }\n set euiLineWrap(value: BooleanInput) { this._euiLineWrap = coerceBooleanProperty(value); }\n private _euiLineWrap = false;\n\n constructor() {\n super();\n }\n\n @HostListener('keydown', ['$event'])\n @HostListener('keyup', ['$event'])\n @HostListener('keypress', ['$event'])\n protected onDisableClick(e: KeyboardEvent): void {\n if(this.euiDisabled && e.key !== 'Tab') {\n e.preventDefault();\n }\n }\n\n}\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n EuiLabelModule,\n TranslateModule,\n ],\n declarations: [\n EuiButtonComponent,\n ],\n exports: [\n EuiButtonComponent,\n ],\n})\nexport class EuiButtonModule { }\n","<span class=\"eui-button__container\">\n <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n <eui-icon [isLoading]=\"true\"></eui-icon>\n </span>\n <ng-content></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"eui-components-eui-button.mjs","sources":["../../eui-button/eui-button.component.ts","../../eui-button/eui-button.component.html","../../eui-button/eui-components-eui-button.ts"],"sourcesContent":["import { NgModule, Component, HostBinding, HostListener, Input, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { EuiIconModule } from '@eui/components/atoms/eui-icon';\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/atoms/eui-label';\n\n@Component({\n templateUrl: './eui-button.component.html',\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[euiButton], a[euiButton]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiButtonComponent extends BaseDirective {\n\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.euiBasicButton ? `eui-button--basic` : ``,\n this.euiRaisedButton ? `eui-button--raised` : ``, // TODO: remove in eUI 15\n this.euiBlockButton ? `eui-button--block` : ``,\n this.isLoading ? `eui-button--loading` : ``,\n this.euiIconButton ? `eui-button--icon-only` : ``,\n this.euiLineWrap ? `eui-button--line-wrap` : ``,\n super.getCssClasses('eui-button'),\n ].join(' ').trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-button';\n\n @Input()\n get euiBasicButton(): boolean { return this._euiBasicButton; }\n set euiBasicButton(value: BooleanInput) { this._euiBasicButton = coerceBooleanProperty(value); }\n private _euiBasicButton = false;\n\n @Input()\n get euiButtonCall(): boolean { return this._euiButtonCall; }\n set euiButtonCall(value: BooleanInput) { this._euiButtonCall = coerceBooleanProperty(value); }\n private _euiButtonCall = false;\n\n @Input()\n get euiBlockButton(): boolean { return this._euiBlockButton; }\n set euiBlockButton(value: BooleanInput) { this._euiBlockButton = coerceBooleanProperty(value); }\n private _euiBlockButton = false;\n\n /**\n * @deprecated - This option will be removed in eUI 15\n */\n // TODO: remove in eUI 15\n @Input()\n get euiRaisedButton(): boolean { return this._euiRaisedButton; }\n set euiRaisedButton(value: BooleanInput) { this._euiRaisedButton = coerceBooleanProperty(value); }\n private _euiRaisedButton = false;\n\n @Input()\n get isLoading(): boolean { return this._isLoading; }\n set isLoading(value: BooleanInput) { this._isLoading = coerceBooleanProperty(value); }\n private _isLoading = false;\n\n @Input()\n get euiIconButton(): boolean { return this._euiIconButton; }\n set euiIconButton(value: BooleanInput) { this._euiIconButton = coerceBooleanProperty(value); }\n private _euiIconButton = false;\n\n @Input()\n get euiLineWrap(): boolean { return this._euiLineWrap; }\n set euiLineWrap(value: BooleanInput) { this._euiLineWrap = coerceBooleanProperty(value); }\n private _euiLineWrap = false;\n\n constructor() {\n super();\n }\n\n @HostListener('keydown', ['$event'])\n @HostListener('keyup', ['$event'])\n @HostListener('keypress', ['$event'])\n protected onDisableClick(e: KeyboardEvent): void {\n if(this.euiDisabled && e.key !== 'Tab') {\n e.preventDefault();\n }\n }\n\n}\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n EuiLabelModule,\n TranslateModule,\n ],\n declarations: [\n EuiButtonComponent,\n ],\n exports: [\n EuiButtonComponent,\n ],\n})\nexport class EuiButtonModule { }\n","<span class=\"eui-button__container\">\n <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n <eui-icon [isLoading]=\"true\"></eui-icon>\n </span>\n <ng-content></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, Input, Output, HostBinding, ContentChild, forwardRef, ViewEncapsulation, NgModule } from '@angular/core';
|
|
3
3
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
4
|
-
import { takeUntil } from 'rxjs/operators';
|
|
4
|
+
import { map, skip, takeUntil } from 'rxjs/operators';
|
|
5
5
|
import { BehaviorSubject, Subject } from 'rxjs';
|
|
6
6
|
import { BaseDirective } from '@eui/components/shared';
|
|
7
7
|
import * as i2 from '@angular/common';
|
|
@@ -67,13 +67,13 @@ class EuiCardHeaderComponent {
|
|
|
67
67
|
this.collapseLabel = 'collapse';
|
|
68
68
|
this.avatarDerscription = 'eUI card header avatar';
|
|
69
69
|
this.iconDescription = 'eUI card header icon';
|
|
70
|
+
this.collapse = new EventEmitter();
|
|
71
|
+
this.string = 'eui-card-header';
|
|
70
72
|
this._isHeaderBodyOnly = false;
|
|
71
73
|
this._hasHeaderClickToggle = true;
|
|
72
74
|
this._hasBottomExpander = false;
|
|
73
75
|
this._hasFullTitle = false;
|
|
74
76
|
this._isHeaderMultilines = false;
|
|
75
|
-
this.collapse = new EventEmitter();
|
|
76
|
-
this.string = 'eui-card-header';
|
|
77
77
|
}
|
|
78
78
|
/** @deprecated it will be removed on eUI 14 */
|
|
79
79
|
get isHeaderBodyOnly() { return this._isHeaderBodyOnly; }
|
|
@@ -122,6 +122,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
|
|
|
122
122
|
type: Input
|
|
123
123
|
}], iconDescription: [{
|
|
124
124
|
type: Input
|
|
125
|
+
}], collapse: [{
|
|
126
|
+
type: Output
|
|
127
|
+
}], string: [{
|
|
128
|
+
type: HostBinding,
|
|
129
|
+
args: ['class']
|
|
125
130
|
}], isHeaderBodyOnly: [{
|
|
126
131
|
type: Input
|
|
127
132
|
}], hasHeaderClickToggle: [{
|
|
@@ -132,11 +137,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
|
|
|
132
137
|
type: Input
|
|
133
138
|
}], isHeaderMultilines: [{
|
|
134
139
|
type: Input
|
|
135
|
-
}], collapse: [{
|
|
136
|
-
type: Output
|
|
137
|
-
}], string: [{
|
|
138
|
-
type: HostBinding,
|
|
139
|
-
args: ['class']
|
|
140
140
|
}] } });
|
|
141
141
|
|
|
142
142
|
class EuiCardMediaComponent {
|
|
@@ -269,6 +269,11 @@ class EuiCardComponent extends BaseDirective {
|
|
|
269
269
|
constructor(uiStateService) {
|
|
270
270
|
super();
|
|
271
271
|
this.uiStateService = uiStateService;
|
|
272
|
+
this.e2eAttr = 'eui-card';
|
|
273
|
+
/** @deprecated This will be removed in next version of eui */
|
|
274
|
+
// eslint-disable-next-line @angular-eslint/no-output-on-prefix
|
|
275
|
+
this.onCollapsed = new EventEmitter();
|
|
276
|
+
this.collapse = new EventEmitter();
|
|
272
277
|
this._euiSelected = false;
|
|
273
278
|
this._euiCollapsible = false;
|
|
274
279
|
this._euiCollapsed = false;
|
|
@@ -276,10 +281,20 @@ class EuiCardComponent extends BaseDirective {
|
|
|
276
281
|
this._euiNoShadow = false;
|
|
277
282
|
this._euiNoContentPadding = false;
|
|
278
283
|
this._euiHoverable = false;
|
|
279
|
-
this.e2eAttr = 'eui-card';
|
|
280
|
-
this.onCollapsed = new EventEmitter();
|
|
281
284
|
this.destroy$ = new Subject();
|
|
282
285
|
}
|
|
286
|
+
get cssClasses() {
|
|
287
|
+
return [
|
|
288
|
+
super.getCssClasses('eui-card'),
|
|
289
|
+
this._euiCollapsible ? `eui-card--collapsible` : ``,
|
|
290
|
+
this._euiCollapsed ? `eui-card--collapsed` : ``,
|
|
291
|
+
this._euiSelected ? `eui-card--selected` : ``,
|
|
292
|
+
this._euiUrgent ? `eui-card--urgent` : ``,
|
|
293
|
+
this._euiNoShadow ? `eui-card--no-shadow` : ``,
|
|
294
|
+
this._euiNoContentPadding ? `eui-card--no-content-padding` : ``,
|
|
295
|
+
this._euiHoverable ? `eui-card--hoverable` : ``,
|
|
296
|
+
].join(' ').trim();
|
|
297
|
+
}
|
|
283
298
|
get euiSelected() { return this._euiSelected; }
|
|
284
299
|
set euiSelected(value) { this._euiSelected = coerceBooleanProperty(value); }
|
|
285
300
|
get euiCollapsible() { return this._euiCollapsible; }
|
|
@@ -294,67 +309,44 @@ class EuiCardComponent extends BaseDirective {
|
|
|
294
309
|
set euiNoContentPadding(value) { this._euiNoContentPadding = coerceBooleanProperty(value); }
|
|
295
310
|
get euiHoverable() { return this._euiHoverable; }
|
|
296
311
|
set euiHoverable(value) { this._euiHoverable = coerceBooleanProperty(value); }
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
this.
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
this.
|
|
304
|
-
this.
|
|
305
|
-
|
|
306
|
-
this._euiHoverable ? `eui-card--hoverable` : ``,
|
|
307
|
-
].join(' ').trim();
|
|
312
|
+
ngOnChanges(changes) {
|
|
313
|
+
if ((changes === null || changes === void 0 ? void 0 : changes.euiCollapsible) && !(changes === null || changes === void 0 ? void 0 : changes.euiCollapsible.firstChange)) {
|
|
314
|
+
this.euiCollapsible = changes.euiCollapsible.currentValue;
|
|
315
|
+
this._setCardState();
|
|
316
|
+
}
|
|
317
|
+
if ((changes === null || changes === void 0 ? void 0 : changes.euiCollapsed) && !(changes === null || changes === void 0 ? void 0 : changes.euiCollapsed.firstChange)) {
|
|
318
|
+
this.euiCollapsed = changes.euiCollapsed.currentValue;
|
|
319
|
+
this._setCardState();
|
|
320
|
+
}
|
|
308
321
|
}
|
|
309
322
|
ngOnInit() {
|
|
310
323
|
this._setCardState();
|
|
311
324
|
}
|
|
312
325
|
ngAfterContentInit() {
|
|
313
|
-
this.uiStateService.state$.pipe(takeUntil(this.destroy$)).subscribe((
|
|
314
|
-
this.
|
|
315
|
-
this.
|
|
316
|
-
this.
|
|
326
|
+
this.uiStateService.state$.pipe(map((state) => state.isCollapsed), skip(1), takeUntil(this.destroy$)).subscribe((isCollapsed) => {
|
|
327
|
+
this._euiCollapsed = isCollapsed;
|
|
328
|
+
this.onCollapsed.emit(isCollapsed);
|
|
329
|
+
this.collapse.emit(isCollapsed);
|
|
330
|
+
});
|
|
331
|
+
this.uiStateService.state$.pipe(map((state) => state.isCollapsible), skip(1), takeUntil(this.destroy$)).subscribe((isCollapsible) => {
|
|
332
|
+
this._euiCollapsible = isCollapsible;
|
|
317
333
|
});
|
|
318
334
|
}
|
|
319
335
|
ngOnDestroy() {
|
|
320
336
|
this.destroy$.next(true);
|
|
321
337
|
this.destroy$.unsubscribe();
|
|
322
338
|
}
|
|
323
|
-
ngOnChanges(changes) {
|
|
324
|
-
if ((changes === null || changes === void 0 ? void 0 : changes.euiCollapsible) && !(changes === null || changes === void 0 ? void 0 : changes.euiCollapsible.firstChange)) {
|
|
325
|
-
this.euiCollapsible = changes.euiCollapsible.currentValue;
|
|
326
|
-
this._setCardState();
|
|
327
|
-
}
|
|
328
|
-
if ((changes === null || changes === void 0 ? void 0 : changes.euiCollapsed) && !(changes === null || changes === void 0 ? void 0 : changes.euiCollapsed.firstChange)) {
|
|
329
|
-
this.euiCollapsed = changes.euiCollapsed.currentValue;
|
|
330
|
-
this._setCardState();
|
|
331
|
-
}
|
|
332
|
-
}
|
|
333
339
|
_setCardState() {
|
|
334
340
|
const nextState = Object.assign(Object.assign({}, this.uiStateService.state), { isCollapsible: coerceBooleanProperty(this.euiCollapsible), isCollapsed: coerceBooleanProperty(this.euiCollapsed) });
|
|
335
341
|
this.uiStateService.setState(nextState);
|
|
336
342
|
}
|
|
337
343
|
}
|
|
338
344
|
/** @nocollapse */ EuiCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: EuiCardComponent, deps: [{ token: UiStateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
339
|
-
/** @nocollapse */ EuiCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: EuiCardComponent, selector: "eui-card", inputs: { euiSelected: "euiSelected", euiCollapsible: "euiCollapsible", euiCollapsed: "euiCollapsed", euiUrgent: "euiUrgent", euiNoShadow: "euiNoShadow", euiNoContentPadding: "euiNoContentPadding", euiHoverable: "euiHoverable", e2eAttr: "e2eAttr" }, outputs: { onCollapsed: "onCollapsed" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, providers: [UiStateService], queries: [{ propertyName: "cardHeader", first: true, predicate: i0.forwardRef(function () { return EuiCardHeaderComponent; }), descendants: true }, { propertyName: "cardMedia", first: true, predicate: i0.forwardRef(function () { return EuiCardMediaComponent; }), descendants: true }, { propertyName: "cardContent", first: true, predicate: i0.forwardRef(function () { return EuiCardContentComponent; }), descendants: true }, { propertyName: "cardFooter", first: true, predicate: i0.forwardRef(function () { return EuiCardFooterComponent; }), descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- HEADER -->\n<ng-content *ngIf=\"cardHeader\" select=\"eui-card-header\"></ng-content>\n<!-- MEDIA -->\n<ng-content *ngIf=\"cardMedia\" select=\"eui-card-media\"></ng-content>\n<!-- CONTENT -->\n<ng-content *ngIf=\"cardContent\" select=\"eui-card-content\"></ng-content>\n<!-- FOOTER -->\n<ng-content *ngIf=\"cardFooter\" select=\"eui-card-footer\"></ng-content>\n", styles: [".eui-card{--eui-base-font-size: var(--eui-base-font-size-m);--eui-base-line-height: 1.25;--eui-card-background-color: var(--eui-base-color-white);--eui-card-font-color: var(--eui-base-color-text);--eui-card-header-background-color: var(--eui-base-color-white);--eui-card-title-font-color: var(--eui-base-color-grey-100);--eui-card-title-font-size: var(--eui-base-font-size-m);--eui-card-subtitle-font-color: var(--eui-base-color-grey-75);--eui-card-subtitle-font-size: var(--eui-base-font-size-s);background:var(--eui-card-background-color);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-1);color:var(--eui-card-font-color);display:flex;flex-direction:column;font-family:inherit;font-size:var(--eui-base-font-size);height:auto;line-height:var(--eui-base-line-height);padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),height 225ms cubic-bezier(.4,0,.2,1);width:100%}.eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-base-shadow-3)}.eui-card-header{align-items:center;background:var(--eui-card-header-background-color);border-bottom:1px solid var(--eui-base-color-grey-15);flex-direction:row;display:flex;flex-wrap:wrap;width:100%}.eui-card-header__container{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;margin-bottom:-1px;min-height:calc(3 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-header__container+.eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:-1px}.eui-card-header__avatar{align-self:center;background-image:none;background-size:cover;border-radius:50%;flex-shrink:0;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);object-fit:cover;width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-card-header__icon{margin-left:0;margin-right:var(--eui-base-spacing-s)}.eui-card-header__icon.eui-card-header__icon--rounded .eui-icon{box-shadow:var(--eui-base-shadow-1)}.eui-card-header__urgent-indicator{display:none;position:absolute;right:calc(-1.125 * var(--eui-base-spacing-s));top:calc(-1.25 * var(--eui-base-spacing-s))}.eui-card-header__urgent-indicator:after{background:var(--eui-base-color-white);border-radius:50%;color:var(--eui-base-color-danger-100);content:\"\\e90f\";font-family:eui-icons,sans-serif!important;font-size:var(--eui-base-font-size-3xl)}.eui-card-header__title-container{display:flex;flex-direction:column;justify-content:center;margin-right:var(--eui-base-spacing-s);margin-top:var(--eui-base-spacing-2xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title{color:var(--eui-card-title-font-color);display:initial;font-size:var(--eui-card-title-font-size);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle{color:var(--eui-card-subtitle-font-color);display:block;font-size:var(--eui-card-subtitle-font-size);font-weight:300;margin-top:var(--eui-base-spacing-xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container--multilines{overflow:visible;text-overflow:unset;white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title>*{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle>*{white-space:unset!important}.eui-card-header__left-content{align-items:center;display:flex;height:100%;margin-right:var(--eui-base-spacing-m)}.eui-card-header__left-content .eui-input-checkbox{position:relative!important}.eui-card-header__middle-container{display:flex;flex-direction:column;justify-content:flex-start;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__middle-content{display:flex;flex-direction:row;justify-content:flex-start;margin-top:var(--eui-base-spacing-s);width:100%}.eui-card-header__middle-content .eui-card-header__title-container-subtitle{display:flex;flex-direction:column;margin-right:var(--eui-base-spacing-m);width:100%}.eui-card-header__right-content{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto}.eui-card-header__expander{display:none;margin-left:auto;transition:all 225ms cubic-bezier(.4,0,.2,1)}.eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(0);transition:transform .3s linear}.eui-card-header__expander.eui-card-header__expander--bottom{background-color:var(--eui-base-color-white);border-radius:50%;bottom:calc(-.75 * var(--eui-base-spacing-m));box-shadow:var(--eui-base-shadow-2);height:calc(1.5 * var(--eui-base-spacing-m));justify-content:center;position:absolute;right:50%;transform:translate(50%);width:calc(2 * var(--eui-base-spacing-m));z-index:1}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon{height:calc(1.5 * var(--eui-base-spacing-m));min-height:calc(1.5 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));transition:transform .3s linear!important;width:calc(2 * var(--eui-base-spacing-m))}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:active,.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:focus{width:calc(1 * var(--eui-base-spacing-xl));border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon .eui-icon{color:var(--eui-base-color-grey-75)}.eui-card-header__expander.eui-card-header__expander--top{align-self:flex-start}.eui-card-header--body-only .eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-35)}.eui-card-header-body{align-items:center;background:var(--eui-base-color-white);display:flex;font-size:var(--eui-base-font-size-m);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-media{display:flex}.eui-card-media__image{height:auto;margin:0;object-fit:cover;width:100%}.eui-card-media__image:first-child{margin-top:0}.eui-card-media__container{overflow:hidden;position:relative;width:100%}.eui-card-media__container-content{width:100%}.eui-card-media__container .eui-card-media__legend{background:linear-gradient(rgba(0,0,0,0) 0%,var(--eui-base-color-grey-100) 100%);bottom:0;color:var(--eui-base-color-white);font-size:var(--eui-base-font-size-xl);font-weight:700;left:0;min-height:3rem;padding:var(--eui-base-spacing-m);position:absolute;text-shadow:0 1px 0 var(--eui-base-color-black);align-items:center;display:flex;width:100%}.eui-card-content{cursor:auto;flex:0 1 auto;height:auto;overflow-x:hidden;overflow-y:auto;padding:var(--eui-base-spacing-m);position:relative;font-size:var(--eui-base-font-size);margin-bottom:0;transition:all .15s ease-in-out}.eui-card-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-10)}.eui-card-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-card-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-25)}.eui-card-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-10);border-radius:0}.eui-card--no-content-padding .eui-card-content{padding:0}.eui-card-content p:first-of-type{margin-top:0}.eui-card-footer{border-top:1px solid var(--eui-base-color-grey-15);display:flex;margin-top:-1px;position:relative}.eui-card-footer-container{display:flex;margin:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-footer-actions{margin-bottom:0;margin-left:0;margin-right:0;padding:0;align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.eui-card-footer-actions__icons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__icons-container{align-items:center;display:flex;margin-left:auto}.eui-card-footer-menu-content{margin-right:calc(-.5 * var(--eui-base-spacing-m))}.eui-card .eui-card-content .ux-tree-list{margin-bottom:0}@media screen and (max-width: 767px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-card-header__title-container-title,.eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-card--size-xs .eui-card-container{flex:0 0 16.66666667%;max-width:16.66666667%}.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}.eui-card--size-m .eui-card-container{flex:0 0 50%;max-width:50%}.eui-card--size-l .eui-card-container{flex:0 0 66.66666667%;max-width:66.66666667%}.eui-card--size-xl .eui-card-container{flex:0 0 83.33333333%;max-width:83.33333333%}.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}@media screen and (max-width: 767px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container,.eui-card--size-m .eui-card-container,.eui-card--size-l .eui-card-container,.eui-card--size-xl .eui-card-container,.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}}.eui-card--selected{--eui-base-font-size: var(--eui-base-font-size-m);--eui-base-line-height: 1.25;--eui-card-background-color: var(--eui-base-color-primary-100);--eui-card-font-color: var(--eui-base-color-white);border:transparent}.eui-card--selected .eui-card-header,.eui-card--selected .eui-card-header-body{background:var(--eui-card-background-color);border-radius:var(--eui-base-border-radius) var(--eui-base-border-radius) 0 0;color:var(--eui-card-font-color)}.eui-card--selected .eui-card-header .eui-card-header__title-container-title,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title,.eui-card--selected .eui-card-header .eui-card-header__title-container-title .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title .eui-label{color:var(--eui-card-font-color)}.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle .eui-label{color:var(--eui-base-color-grey-10)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary{background:inherit;border-color:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary.eui-button__container>*,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary.eui-button__container>*{color:var(--eui-base-color-grey)!important}.eui-card--selected .eui-card-header .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header-body .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header .eui-button.eui-button--basic,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic{color:var(--eui-base-font-color)}.eui-card--selected .eui-card-header .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header .eui-button.eui-button--basic:focus,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:focus{background:rgba(255,255,255,.25)}.eui-card--selected .eui-card-header .eui-icon:not(.eui-icon-toggle--checked),.eui-card--selected .eui-card-header-body .eui-icon:not(.eui-icon-toggle--checked){color:var(--eui-color-grey-lighter)}.eui-card--selected .eui-card-header .eui-label.eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label.eui-label--secondary{color:var(--eui-base-color-white)!important}.eui-card--selected .eui-card-header a,.eui-card--selected .eui-card-header a:not([href]):not([tabindex]),.eui-card--selected .eui-card-header-body a,.eui-card--selected .eui-card-header-body a:not([href]):not([tabindex]){color:var(--eui-card-font-color)!important}.eui-card--selected .eui-card-header .eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label--secondary{color:var(--eui-base-color-grey-15)}.eui-card--selected .eui-card-header .mat-card,.eui-card--selected .eui-card-header-body .mat-card{--eui-base-color-link: var(--eui-card-font-color);background:var(--eui-card-background-color);color:var(--eui-card-font-color)}.eui-card--selected .eui-card-header input[type=checkbox].eui-input-checkbox:before,.eui-card--selected .eui-card-header-body input[type=checkbox].eui-input-checkbox:before{background:var(--eui-card-font-color);border:2px solid var(--eui-card-font-color)!important;box-shadow:none}.eui-card--selected .eui-card-header input[type=checkbox].eui-input-checkbox[checked=true]:after,.eui-card--selected .eui-card-header-body input[type=checkbox].eui-input-checkbox[checked=true]:after{background:transparent;color:var(--eui-card-font-color);content:\"\\f3c5\";font-family:eui-icons,sans-serif;left:.125rem;top:0}.eui-card--selected .eui-card-content{background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--selected .eui-card-footer{background:var(--eui-base-color-white);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--urgent .eui-card-header__urgent-indicator{display:block}.eui-card--disabled,.eui-card--is-loading,.eui-card[disabled],.eui-card.disabled{opacity:.45;pointer-events:none}.eui-card--collapsible .eui-card-header__expander{align-items:center;display:inline-flex;margin-left:var(--eui-base-spacing-xs);margin-right:calc(-1 * var(--eui-base-spacing-xs))}.eui-card--collapsed .eui-card-media,.eui-card--collapsed .eui-card-content,.eui-card--collapsed .mat-card-image{height:0!important;padding:0 var(--eui-base-spacing-m)}.eui-card--collapsed .eui-card-header,.eui-card--collapsed .eui-card-header__container{border-bottom:1px solid transparent}.eui-card--collapsed .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(180deg)!important}.eui-card--primary{border-left:6px solid var(--eui-base-color-primary-100)}.eui-card--secondary{border-left:6px solid var(--eui-base-color-grey-15)}.eui-card--info{border-left:6px solid var(--eui-base-color-info-100)}.eui-card--success{border-left:6px solid var(--eui-base-color-success-100)}.eui-card--warning{border-left:6px solid var(--eui-base-color-warning-100)}.eui-card--danger{border-left:6px solid var(--eui-base-color-danger-100)}.eui-card--accent{border-left:6px solid var(--eui-base-color-accent-100)}.eui-card--highlighted,.eui-card--highlighted .eui-card-container{z-index:var(--eui-base-z-index-highlighted)}.eui-card--no-border{border:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
345
|
+
/** @nocollapse */ EuiCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: EuiCardComponent, selector: "eui-card", inputs: { e2eAttr: "e2eAttr", euiSelected: "euiSelected", euiCollapsible: "euiCollapsible", euiCollapsed: "euiCollapsed", euiUrgent: "euiUrgent", euiNoShadow: "euiNoShadow", euiNoContentPadding: "euiNoContentPadding", euiHoverable: "euiHoverable" }, outputs: { onCollapsed: "onCollapsed", collapse: "collapse" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, providers: [UiStateService], queries: [{ propertyName: "cardHeader", first: true, predicate: i0.forwardRef(function () { return EuiCardHeaderComponent; }), descendants: true }, { propertyName: "cardMedia", first: true, predicate: i0.forwardRef(function () { return EuiCardMediaComponent; }), descendants: true }, { propertyName: "cardContent", first: true, predicate: i0.forwardRef(function () { return EuiCardContentComponent; }), descendants: true }, { propertyName: "cardFooter", first: true, predicate: i0.forwardRef(function () { return EuiCardFooterComponent; }), descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content *ngIf=\"cardHeader\" select=\"eui-card-header\"></ng-content>\n<ng-content *ngIf=\"cardMedia\" select=\"eui-card-media\"></ng-content>\n<ng-content *ngIf=\"cardContent\" select=\"eui-card-content\"></ng-content>\n<ng-content *ngIf=\"cardFooter\" select=\"eui-card-footer\"></ng-content>\n", styles: [".eui-card{--eui-base-font-size: var(--eui-base-font-size-m);--eui-base-line-height: 1.25;--eui-card-background-color: var(--eui-base-color-white);--eui-card-font-color: var(--eui-base-color-text);--eui-card-header-background-color: var(--eui-base-color-white);--eui-card-title-font-color: var(--eui-base-color-grey-100);--eui-card-title-font-size: var(--eui-base-font-size-m);--eui-card-subtitle-font-color: var(--eui-base-color-grey-75);--eui-card-subtitle-font-size: var(--eui-base-font-size-s);background:var(--eui-card-background-color);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-1);color:var(--eui-card-font-color);display:flex;flex-direction:column;font-family:inherit;font-size:var(--eui-base-font-size);height:auto;line-height:var(--eui-base-line-height);padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),height 225ms cubic-bezier(.4,0,.2,1);width:100%}.eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-base-shadow-3)}.eui-card-header{align-items:center;background:var(--eui-card-header-background-color);border-bottom:1px solid var(--eui-base-color-grey-15);flex-direction:row;display:flex;flex-wrap:wrap;width:100%}.eui-card-header__container{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;margin-bottom:-1px;min-height:calc(3 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-header__container+.eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:-1px}.eui-card-header__avatar{align-self:center;background-image:none;background-size:cover;border-radius:50%;flex-shrink:0;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);object-fit:cover;width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-card-header__icon{margin-left:0;margin-right:var(--eui-base-spacing-s)}.eui-card-header__icon.eui-card-header__icon--rounded .eui-icon{box-shadow:var(--eui-base-shadow-1)}.eui-card-header__urgent-indicator{display:none;position:absolute;right:calc(-1.125 * var(--eui-base-spacing-s));top:calc(-1.25 * var(--eui-base-spacing-s))}.eui-card-header__urgent-indicator:after{background:var(--eui-base-color-white);border-radius:50%;color:var(--eui-base-color-danger-100);content:\"\\e90f\";font-family:eui-icons,sans-serif!important;font-size:var(--eui-base-font-size-3xl)}.eui-card-header__title-container{display:flex;flex-direction:column;justify-content:center;margin-right:var(--eui-base-spacing-s);margin-top:var(--eui-base-spacing-2xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title{color:var(--eui-card-title-font-color);display:initial;font-size:var(--eui-card-title-font-size);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle{color:var(--eui-card-subtitle-font-color);display:block;font-size:var(--eui-card-subtitle-font-size);font-weight:300;margin-top:var(--eui-base-spacing-xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container--multilines{overflow:visible;text-overflow:unset;white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title>*{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle>*{white-space:unset!important}.eui-card-header__left-content{align-items:center;display:flex;height:100%;margin-right:var(--eui-base-spacing-m)}.eui-card-header__left-content .eui-input-checkbox{position:relative!important}.eui-card-header__middle-container{display:flex;flex-direction:column;justify-content:flex-start;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__middle-content{display:flex;flex-direction:row;justify-content:flex-start;margin-top:var(--eui-base-spacing-s);width:100%}.eui-card-header__middle-content .eui-card-header__title-container-subtitle{display:flex;flex-direction:column;margin-right:var(--eui-base-spacing-m);width:100%}.eui-card-header__right-content{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto}.eui-card-header__expander{display:none;margin-left:auto;transition:all 225ms cubic-bezier(.4,0,.2,1)}.eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(0);transition:transform .3s linear}.eui-card-header__expander.eui-card-header__expander--bottom{background-color:var(--eui-base-color-white);border-radius:50%;bottom:calc(-.75 * var(--eui-base-spacing-m));box-shadow:var(--eui-base-shadow-2);height:calc(1.5 * var(--eui-base-spacing-m));justify-content:center;position:absolute;right:50%;transform:translate(50%);width:calc(2 * var(--eui-base-spacing-m));z-index:1}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon{height:calc(1.5 * var(--eui-base-spacing-m));min-height:calc(1.5 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));transition:transform .3s linear!important;width:calc(2 * var(--eui-base-spacing-m))}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:active,.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:focus{width:calc(1 * var(--eui-base-spacing-xl));border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon .eui-icon{color:var(--eui-base-color-grey-75)}.eui-card-header__expander.eui-card-header__expander--top{align-self:flex-start}.eui-card-header--body-only .eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-35)}.eui-card-header-body{align-items:center;background:var(--eui-base-color-white);display:flex;font-size:var(--eui-base-font-size-m);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-media{display:flex}.eui-card-media__image{height:auto;margin:0;object-fit:cover;width:100%}.eui-card-media__image:first-child{margin-top:0}.eui-card-media__container{overflow:hidden;position:relative;width:100%}.eui-card-media__container-content{width:100%}.eui-card-media__container .eui-card-media__legend{background:linear-gradient(rgba(0,0,0,0) 0%,var(--eui-base-color-grey-100) 100%);bottom:0;color:var(--eui-base-color-white);font-size:var(--eui-base-font-size-xl);font-weight:700;left:0;min-height:3rem;padding:var(--eui-base-spacing-m);position:absolute;text-shadow:0 1px 0 var(--eui-base-color-black);align-items:center;display:flex;width:100%}.eui-card-content{cursor:auto;flex:0 1 auto;height:auto;overflow-x:hidden;overflow-y:auto;padding:var(--eui-base-spacing-m);position:relative;font-size:var(--eui-base-font-size);margin-bottom:0;transition:all .15s ease-in-out}.eui-card-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-10)}.eui-card-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-card-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-25)}.eui-card-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-10);border-radius:0}.eui-card--no-content-padding .eui-card-content{padding:0}.eui-card-content p:first-of-type{margin-top:0}.eui-card-footer{border-top:1px solid var(--eui-base-color-grey-15);display:flex;margin-top:-1px;position:relative}.eui-card-footer-container{display:flex;margin:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-footer-actions{margin-bottom:0;margin-left:0;margin-right:0;padding:0;align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.eui-card-footer-actions__icons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__icons-container{align-items:center;display:flex;margin-left:auto}.eui-card-footer-menu-content{margin-right:calc(-.5 * var(--eui-base-spacing-m))}.eui-card .eui-card-content .ux-tree-list{margin-bottom:0}@media screen and (max-width: 767px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-card-header__title-container-title,.eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-card--size-xs .eui-card-container{flex:0 0 16.66666667%;max-width:16.66666667%}.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}.eui-card--size-m .eui-card-container{flex:0 0 50%;max-width:50%}.eui-card--size-l .eui-card-container{flex:0 0 66.66666667%;max-width:66.66666667%}.eui-card--size-xl .eui-card-container{flex:0 0 83.33333333%;max-width:83.33333333%}.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}@media screen and (max-width: 767px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container,.eui-card--size-m .eui-card-container,.eui-card--size-l .eui-card-container,.eui-card--size-xl .eui-card-container,.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}}.eui-card--selected{--eui-base-font-size: var(--eui-base-font-size-m);--eui-base-line-height: 1.25;--eui-card-background-color: var(--eui-base-color-primary-100);--eui-card-font-color: var(--eui-base-color-white);border:transparent}.eui-card--selected .eui-card-header,.eui-card--selected .eui-card-header-body{background:var(--eui-card-background-color);border-radius:var(--eui-base-border-radius) var(--eui-base-border-radius) 0 0;color:var(--eui-card-font-color)}.eui-card--selected .eui-card-header .eui-card-header__title-container-title,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title,.eui-card--selected .eui-card-header .eui-card-header__title-container-title .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title .eui-label{color:var(--eui-card-font-color)}.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle .eui-label{color:var(--eui-base-color-grey-10)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary{background:inherit;border-color:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary.eui-button__container>*,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary.eui-button__container>*{color:var(--eui-base-color-grey)!important}.eui-card--selected .eui-card-header .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header-body .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header .eui-button.eui-button--basic,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic{color:var(--eui-base-font-color)}.eui-card--selected .eui-card-header .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header .eui-button.eui-button--basic:focus,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:focus{background:rgba(255,255,255,.25)}.eui-card--selected .eui-card-header .eui-icon:not(.eui-icon-toggle--checked),.eui-card--selected .eui-card-header-body .eui-icon:not(.eui-icon-toggle--checked){color:var(--eui-color-grey-lighter)}.eui-card--selected .eui-card-header .eui-label.eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label.eui-label--secondary{color:var(--eui-base-color-white)!important}.eui-card--selected .eui-card-header a,.eui-card--selected .eui-card-header a:not([href]):not([tabindex]),.eui-card--selected .eui-card-header-body a,.eui-card--selected .eui-card-header-body a:not([href]):not([tabindex]){color:var(--eui-card-font-color)!important}.eui-card--selected .eui-card-header .eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label--secondary{color:var(--eui-base-color-grey-15)}.eui-card--selected .eui-card-header .mat-card,.eui-card--selected .eui-card-header-body .mat-card{--eui-base-color-link: var(--eui-card-font-color);background:var(--eui-card-background-color);color:var(--eui-card-font-color)}.eui-card--selected .eui-card-header input[type=checkbox].eui-input-checkbox:before,.eui-card--selected .eui-card-header-body input[type=checkbox].eui-input-checkbox:before{background:var(--eui-card-font-color);border:2px solid var(--eui-card-font-color)!important;box-shadow:none}.eui-card--selected .eui-card-header input[type=checkbox].eui-input-checkbox[checked=true]:after,.eui-card--selected .eui-card-header-body input[type=checkbox].eui-input-checkbox[checked=true]:after{background:transparent;color:var(--eui-card-font-color);content:\"\\f3c5\";font-family:eui-icons,sans-serif;left:.125rem;top:0}.eui-card--selected .eui-card-content{background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--selected .eui-card-footer{background:var(--eui-base-color-white);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--urgent .eui-card-header__urgent-indicator{display:block}.eui-card--disabled,.eui-card--is-loading,.eui-card[disabled],.eui-card.disabled{opacity:.45;pointer-events:none}.eui-card--collapsible .eui-card-header__expander{align-items:center;display:inline-flex;margin-left:var(--eui-base-spacing-xs);margin-right:calc(-1 * var(--eui-base-spacing-xs))}.eui-card--collapsed .eui-card-media,.eui-card--collapsed .eui-card-content,.eui-card--collapsed .mat-card-image{height:0!important;padding:0 var(--eui-base-spacing-m)}.eui-card--collapsed .eui-card-header,.eui-card--collapsed .eui-card-header__container{border-bottom:1px solid transparent}.eui-card--collapsed .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(180deg)!important}.eui-card--primary{border-left:6px solid var(--eui-base-color-primary-100)}.eui-card--secondary{border-left:6px solid var(--eui-base-color-grey-15)}.eui-card--info{border-left:6px solid var(--eui-base-color-info-100)}.eui-card--success{border-left:6px solid var(--eui-base-color-success-100)}.eui-card--warning{border-left:6px solid var(--eui-base-color-warning-100)}.eui-card--danger{border-left:6px solid var(--eui-base-color-danger-100)}.eui-card--accent{border-left:6px solid var(--eui-base-color-accent-100)}.eui-card--highlighted,.eui-card--highlighted .eui-card-container{z-index:var(--eui-base-z-index-highlighted)}.eui-card--no-border{border:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
340
346
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: EuiCardComponent, decorators: [{
|
|
341
347
|
type: Component,
|
|
342
|
-
args: [{ selector: 'eui-card', providers: [UiStateService], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- HEADER -->\n<ng-content *ngIf=\"cardHeader\" select=\"eui-card-header\"></ng-content>\n<!-- MEDIA -->\n<ng-content *ngIf=\"cardMedia\" select=\"eui-card-media\"></ng-content>\n<!-- CONTENT -->\n<ng-content *ngIf=\"cardContent\" select=\"eui-card-content\"></ng-content>\n<!-- FOOTER -->\n<ng-content *ngIf=\"cardFooter\" select=\"eui-card-footer\"></ng-content>\n", styles: [".eui-card{--eui-base-font-size: var(--eui-base-font-size-m);--eui-base-line-height: 1.25;--eui-card-background-color: var(--eui-base-color-white);--eui-card-font-color: var(--eui-base-color-text);--eui-card-header-background-color: var(--eui-base-color-white);--eui-card-title-font-color: var(--eui-base-color-grey-100);--eui-card-title-font-size: var(--eui-base-font-size-m);--eui-card-subtitle-font-color: var(--eui-base-color-grey-75);--eui-card-subtitle-font-size: var(--eui-base-font-size-s);background:var(--eui-card-background-color);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-1);color:var(--eui-card-font-color);display:flex;flex-direction:column;font-family:inherit;font-size:var(--eui-base-font-size);height:auto;line-height:var(--eui-base-line-height);padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),height 225ms cubic-bezier(.4,0,.2,1);width:100%}.eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-base-shadow-3)}.eui-card-header{align-items:center;background:var(--eui-card-header-background-color);border-bottom:1px solid var(--eui-base-color-grey-15);flex-direction:row;display:flex;flex-wrap:wrap;width:100%}.eui-card-header__container{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;margin-bottom:-1px;min-height:calc(3 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-header__container+.eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:-1px}.eui-card-header__avatar{align-self:center;background-image:none;background-size:cover;border-radius:50%;flex-shrink:0;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);object-fit:cover;width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-card-header__icon{margin-left:0;margin-right:var(--eui-base-spacing-s)}.eui-card-header__icon.eui-card-header__icon--rounded .eui-icon{box-shadow:var(--eui-base-shadow-1)}.eui-card-header__urgent-indicator{display:none;position:absolute;right:calc(-1.125 * var(--eui-base-spacing-s));top:calc(-1.25 * var(--eui-base-spacing-s))}.eui-card-header__urgent-indicator:after{background:var(--eui-base-color-white);border-radius:50%;color:var(--eui-base-color-danger-100);content:\"\\e90f\";font-family:eui-icons,sans-serif!important;font-size:var(--eui-base-font-size-3xl)}.eui-card-header__title-container{display:flex;flex-direction:column;justify-content:center;margin-right:var(--eui-base-spacing-s);margin-top:var(--eui-base-spacing-2xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title{color:var(--eui-card-title-font-color);display:initial;font-size:var(--eui-card-title-font-size);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle{color:var(--eui-card-subtitle-font-color);display:block;font-size:var(--eui-card-subtitle-font-size);font-weight:300;margin-top:var(--eui-base-spacing-xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container--multilines{overflow:visible;text-overflow:unset;white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title>*{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle>*{white-space:unset!important}.eui-card-header__left-content{align-items:center;display:flex;height:100%;margin-right:var(--eui-base-spacing-m)}.eui-card-header__left-content .eui-input-checkbox{position:relative!important}.eui-card-header__middle-container{display:flex;flex-direction:column;justify-content:flex-start;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__middle-content{display:flex;flex-direction:row;justify-content:flex-start;margin-top:var(--eui-base-spacing-s);width:100%}.eui-card-header__middle-content .eui-card-header__title-container-subtitle{display:flex;flex-direction:column;margin-right:var(--eui-base-spacing-m);width:100%}.eui-card-header__right-content{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto}.eui-card-header__expander{display:none;margin-left:auto;transition:all 225ms cubic-bezier(.4,0,.2,1)}.eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(0);transition:transform .3s linear}.eui-card-header__expander.eui-card-header__expander--bottom{background-color:var(--eui-base-color-white);border-radius:50%;bottom:calc(-.75 * var(--eui-base-spacing-m));box-shadow:var(--eui-base-shadow-2);height:calc(1.5 * var(--eui-base-spacing-m));justify-content:center;position:absolute;right:50%;transform:translate(50%);width:calc(2 * var(--eui-base-spacing-m));z-index:1}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon{height:calc(1.5 * var(--eui-base-spacing-m));min-height:calc(1.5 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));transition:transform .3s linear!important;width:calc(2 * var(--eui-base-spacing-m))}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:active,.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:focus{width:calc(1 * var(--eui-base-spacing-xl));border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon .eui-icon{color:var(--eui-base-color-grey-75)}.eui-card-header__expander.eui-card-header__expander--top{align-self:flex-start}.eui-card-header--body-only .eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-35)}.eui-card-header-body{align-items:center;background:var(--eui-base-color-white);display:flex;font-size:var(--eui-base-font-size-m);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-media{display:flex}.eui-card-media__image{height:auto;margin:0;object-fit:cover;width:100%}.eui-card-media__image:first-child{margin-top:0}.eui-card-media__container{overflow:hidden;position:relative;width:100%}.eui-card-media__container-content{width:100%}.eui-card-media__container .eui-card-media__legend{background:linear-gradient(rgba(0,0,0,0) 0%,var(--eui-base-color-grey-100) 100%);bottom:0;color:var(--eui-base-color-white);font-size:var(--eui-base-font-size-xl);font-weight:700;left:0;min-height:3rem;padding:var(--eui-base-spacing-m);position:absolute;text-shadow:0 1px 0 var(--eui-base-color-black);align-items:center;display:flex;width:100%}.eui-card-content{cursor:auto;flex:0 1 auto;height:auto;overflow-x:hidden;overflow-y:auto;padding:var(--eui-base-spacing-m);position:relative;font-size:var(--eui-base-font-size);margin-bottom:0;transition:all .15s ease-in-out}.eui-card-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-10)}.eui-card-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-card-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-25)}.eui-card-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-10);border-radius:0}.eui-card--no-content-padding .eui-card-content{padding:0}.eui-card-content p:first-of-type{margin-top:0}.eui-card-footer{border-top:1px solid var(--eui-base-color-grey-15);display:flex;margin-top:-1px;position:relative}.eui-card-footer-container{display:flex;margin:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-footer-actions{margin-bottom:0;margin-left:0;margin-right:0;padding:0;align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.eui-card-footer-actions__icons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__icons-container{align-items:center;display:flex;margin-left:auto}.eui-card-footer-menu-content{margin-right:calc(-.5 * var(--eui-base-spacing-m))}.eui-card .eui-card-content .ux-tree-list{margin-bottom:0}@media screen and (max-width: 767px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-card-header__title-container-title,.eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-card--size-xs .eui-card-container{flex:0 0 16.66666667%;max-width:16.66666667%}.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}.eui-card--size-m .eui-card-container{flex:0 0 50%;max-width:50%}.eui-card--size-l .eui-card-container{flex:0 0 66.66666667%;max-width:66.66666667%}.eui-card--size-xl .eui-card-container{flex:0 0 83.33333333%;max-width:83.33333333%}.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}@media screen and (max-width: 767px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container,.eui-card--size-m .eui-card-container,.eui-card--size-l .eui-card-container,.eui-card--size-xl .eui-card-container,.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}}.eui-card--selected{--eui-base-font-size: var(--eui-base-font-size-m);--eui-base-line-height: 1.25;--eui-card-background-color: var(--eui-base-color-primary-100);--eui-card-font-color: var(--eui-base-color-white);border:transparent}.eui-card--selected .eui-card-header,.eui-card--selected .eui-card-header-body{background:var(--eui-card-background-color);border-radius:var(--eui-base-border-radius) var(--eui-base-border-radius) 0 0;color:var(--eui-card-font-color)}.eui-card--selected .eui-card-header .eui-card-header__title-container-title,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title,.eui-card--selected .eui-card-header .eui-card-header__title-container-title .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title .eui-label{color:var(--eui-card-font-color)}.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle .eui-label{color:var(--eui-base-color-grey-10)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary{background:inherit;border-color:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary.eui-button__container>*,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary.eui-button__container>*{color:var(--eui-base-color-grey)!important}.eui-card--selected .eui-card-header .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header-body .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header .eui-button.eui-button--basic,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic{color:var(--eui-base-font-color)}.eui-card--selected .eui-card-header .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header .eui-button.eui-button--basic:focus,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:focus{background:rgba(255,255,255,.25)}.eui-card--selected .eui-card-header .eui-icon:not(.eui-icon-toggle--checked),.eui-card--selected .eui-card-header-body .eui-icon:not(.eui-icon-toggle--checked){color:var(--eui-color-grey-lighter)}.eui-card--selected .eui-card-header .eui-label.eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label.eui-label--secondary{color:var(--eui-base-color-white)!important}.eui-card--selected .eui-card-header a,.eui-card--selected .eui-card-header a:not([href]):not([tabindex]),.eui-card--selected .eui-card-header-body a,.eui-card--selected .eui-card-header-body a:not([href]):not([tabindex]){color:var(--eui-card-font-color)!important}.eui-card--selected .eui-card-header .eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label--secondary{color:var(--eui-base-color-grey-15)}.eui-card--selected .eui-card-header .mat-card,.eui-card--selected .eui-card-header-body .mat-card{--eui-base-color-link: var(--eui-card-font-color);background:var(--eui-card-background-color);color:var(--eui-card-font-color)}.eui-card--selected .eui-card-header input[type=checkbox].eui-input-checkbox:before,.eui-card--selected .eui-card-header-body input[type=checkbox].eui-input-checkbox:before{background:var(--eui-card-font-color);border:2px solid var(--eui-card-font-color)!important;box-shadow:none}.eui-card--selected .eui-card-header input[type=checkbox].eui-input-checkbox[checked=true]:after,.eui-card--selected .eui-card-header-body input[type=checkbox].eui-input-checkbox[checked=true]:after{background:transparent;color:var(--eui-card-font-color);content:\"\\f3c5\";font-family:eui-icons,sans-serif;left:.125rem;top:0}.eui-card--selected .eui-card-content{background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--selected .eui-card-footer{background:var(--eui-base-color-white);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--urgent .eui-card-header__urgent-indicator{display:block}.eui-card--disabled,.eui-card--is-loading,.eui-card[disabled],.eui-card.disabled{opacity:.45;pointer-events:none}.eui-card--collapsible .eui-card-header__expander{align-items:center;display:inline-flex;margin-left:var(--eui-base-spacing-xs);margin-right:calc(-1 * var(--eui-base-spacing-xs))}.eui-card--collapsed .eui-card-media,.eui-card--collapsed .eui-card-content,.eui-card--collapsed .mat-card-image{height:0!important;padding:0 var(--eui-base-spacing-m)}.eui-card--collapsed .eui-card-header,.eui-card--collapsed .eui-card-header__container{border-bottom:1px solid transparent}.eui-card--collapsed .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(180deg)!important}.eui-card--primary{border-left:6px solid var(--eui-base-color-primary-100)}.eui-card--secondary{border-left:6px solid var(--eui-base-color-grey-15)}.eui-card--info{border-left:6px solid var(--eui-base-color-info-100)}.eui-card--success{border-left:6px solid var(--eui-base-color-success-100)}.eui-card--warning{border-left:6px solid var(--eui-base-color-warning-100)}.eui-card--danger{border-left:6px solid var(--eui-base-color-danger-100)}.eui-card--accent{border-left:6px solid var(--eui-base-color-accent-100)}.eui-card--highlighted,.eui-card--highlighted .eui-card-container{z-index:var(--eui-base-z-index-highlighted)}.eui-card--no-border{border:none}\n"] }]
|
|
343
|
-
}], ctorParameters: function () { return [{ type: UiStateService }]; }, propDecorators: {
|
|
344
|
-
type: Input
|
|
345
|
-
}], euiCollapsible: [{
|
|
346
|
-
type: Input
|
|
347
|
-
}], euiCollapsed: [{
|
|
348
|
-
type: Input
|
|
349
|
-
}], euiUrgent: [{
|
|
350
|
-
type: Input
|
|
351
|
-
}], euiNoShadow: [{
|
|
352
|
-
type: Input
|
|
353
|
-
}], euiNoContentPadding: [{
|
|
354
|
-
type: Input
|
|
355
|
-
}], euiHoverable: [{
|
|
356
|
-
type: Input
|
|
357
|
-
}], cssClasses: [{
|
|
348
|
+
args: [{ selector: 'eui-card', providers: [UiStateService], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content *ngIf=\"cardHeader\" select=\"eui-card-header\"></ng-content>\n<ng-content *ngIf=\"cardMedia\" select=\"eui-card-media\"></ng-content>\n<ng-content *ngIf=\"cardContent\" select=\"eui-card-content\"></ng-content>\n<ng-content *ngIf=\"cardFooter\" select=\"eui-card-footer\"></ng-content>\n", styles: [".eui-card{--eui-base-font-size: var(--eui-base-font-size-m);--eui-base-line-height: 1.25;--eui-card-background-color: var(--eui-base-color-white);--eui-card-font-color: var(--eui-base-color-text);--eui-card-header-background-color: var(--eui-base-color-white);--eui-card-title-font-color: var(--eui-base-color-grey-100);--eui-card-title-font-size: var(--eui-base-font-size-m);--eui-card-subtitle-font-color: var(--eui-base-color-grey-75);--eui-card-subtitle-font-size: var(--eui-base-font-size-s);background:var(--eui-card-background-color);border:1px solid var(--eui-base-color-grey-10);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-1);color:var(--eui-card-font-color);display:flex;flex-direction:column;font-family:inherit;font-size:var(--eui-base-font-size);height:auto;line-height:var(--eui-base-line-height);padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),height 225ms cubic-bezier(.4,0,.2,1);width:100%}.eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-base-shadow-3)}.eui-card-header{align-items:center;background:var(--eui-card-header-background-color);border-bottom:1px solid var(--eui-base-color-grey-15);flex-direction:row;display:flex;flex-wrap:wrap;width:100%}.eui-card-header__container{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;margin-bottom:-1px;min-height:calc(3 * var(--eui-base-spacing-m));padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-header__container+.eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:-1px}.eui-card-header__avatar{align-self:center;background-image:none;background-size:cover;border-radius:50%;flex-shrink:0;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);object-fit:cover;width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-card-header__icon{margin-left:0;margin-right:var(--eui-base-spacing-s)}.eui-card-header__icon.eui-card-header__icon--rounded .eui-icon{box-shadow:var(--eui-base-shadow-1)}.eui-card-header__urgent-indicator{display:none;position:absolute;right:calc(-1.125 * var(--eui-base-spacing-s));top:calc(-1.25 * var(--eui-base-spacing-s))}.eui-card-header__urgent-indicator:after{background:var(--eui-base-color-white);border-radius:50%;color:var(--eui-base-color-danger-100);content:\"\\e90f\";font-family:eui-icons,sans-serif!important;font-size:var(--eui-base-font-size-3xl)}.eui-card-header__title-container{display:flex;flex-direction:column;justify-content:center;margin-right:var(--eui-base-spacing-s);margin-top:var(--eui-base-spacing-2xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title{color:var(--eui-card-title-font-color);display:initial;font-size:var(--eui-card-title-font-size);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle{color:var(--eui-card-subtitle-font-color);display:block;font-size:var(--eui-card-subtitle-font-size);font-weight:300;margin-top:var(--eui-base-spacing-xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container-subtitle>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__title-container--multilines{overflow:visible;text-overflow:unset;white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-title>*{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle{white-space:unset!important}.eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle>*{white-space:unset!important}.eui-card-header__left-content{align-items:center;display:flex;height:100%;margin-right:var(--eui-base-spacing-m)}.eui-card-header__left-content .eui-input-checkbox{position:relative!important}.eui-card-header__middle-container{display:flex;flex-direction:column;justify-content:flex-start;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-card-header__middle-content{display:flex;flex-direction:row;justify-content:flex-start;margin-top:var(--eui-base-spacing-s);width:100%}.eui-card-header__middle-content .eui-card-header__title-container-subtitle{display:flex;flex-direction:column;margin-right:var(--eui-base-spacing-m);width:100%}.eui-card-header__right-content{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto}.eui-card-header__expander{display:none;margin-left:auto;transition:all 225ms cubic-bezier(.4,0,.2,1)}.eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(0);transition:transform .3s linear}.eui-card-header__expander.eui-card-header__expander--bottom{background-color:var(--eui-base-color-white);border-radius:50%;bottom:calc(-.75 * var(--eui-base-spacing-m));box-shadow:var(--eui-base-shadow-2);height:calc(1.5 * var(--eui-base-spacing-m));justify-content:center;position:absolute;right:50%;transform:translate(50%);width:calc(2 * var(--eui-base-spacing-m));z-index:1}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon{height:calc(1.5 * var(--eui-base-spacing-m));min-height:calc(1.5 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));transition:transform .3s linear!important;width:calc(2 * var(--eui-base-spacing-m))}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:active,.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon:focus{width:calc(1 * var(--eui-base-spacing-xl));border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon .eui-icon{color:var(--eui-base-color-grey-75)}.eui-card-header__expander.eui-card-header__expander--top{align-self:flex-start}.eui-card-header--body-only .eui-card-header-body{border-bottom:1px solid var(--eui-base-color-grey-35)}.eui-card-header-body{align-items:center;background:var(--eui-base-color-white);display:flex;font-size:var(--eui-base-font-size-m);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-media{display:flex}.eui-card-media__image{height:auto;margin:0;object-fit:cover;width:100%}.eui-card-media__image:first-child{margin-top:0}.eui-card-media__container{overflow:hidden;position:relative;width:100%}.eui-card-media__container-content{width:100%}.eui-card-media__container .eui-card-media__legend{background:linear-gradient(rgba(0,0,0,0) 0%,var(--eui-base-color-grey-100) 100%);bottom:0;color:var(--eui-base-color-white);font-size:var(--eui-base-font-size-xl);font-weight:700;left:0;min-height:3rem;padding:var(--eui-base-spacing-m);position:absolute;text-shadow:0 1px 0 var(--eui-base-color-black);align-items:center;display:flex;width:100%}.eui-card-content{cursor:auto;flex:0 1 auto;height:auto;overflow-x:hidden;overflow-y:auto;padding:var(--eui-base-spacing-m);position:relative;font-size:var(--eui-base-font-size);margin-bottom:0;transition:all .15s ease-in-out}.eui-card-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-10)}.eui-card-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-card-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-25)}.eui-card-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-10);border-radius:0}.eui-card--no-content-padding .eui-card-content{padding:0}.eui-card-content p:first-of-type{margin-top:0}.eui-card-footer{border-top:1px solid var(--eui-base-color-grey-15);display:flex;margin-top:-1px;position:relative}.eui-card-footer-container{display:flex;margin:var(--eui-base-spacing-s) var(--eui-base-spacing-m);width:100%}.eui-card-footer-actions{margin-bottom:0;margin-left:0;margin-right:0;padding:0;align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__buttons button:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.eui-card-footer-actions__icons{align-items:center;display:flex;width:100%}.eui-card-footer-actions__icons-container{align-items:center;display:flex;margin-left:auto}.eui-card-footer-menu-content{margin-right:calc(-.5 * var(--eui-base-spacing-m))}.eui-card .eui-card-content .ux-tree-list{margin-bottom:0}@media screen and (max-width: 767px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-card-header__title-container-title,.eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card-header__left-content button,.eui-card-header__right-content{flex-wrap:wrap}.eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-card--size-xs .eui-card-container{flex:0 0 16.66666667%;max-width:16.66666667%}.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}.eui-card--size-m .eui-card-container{flex:0 0 50%;max-width:50%}.eui-card--size-l .eui-card-container{flex:0 0 66.66666667%;max-width:66.66666667%}.eui-card--size-xl .eui-card-container{flex:0 0 83.33333333%;max-width:83.33333333%}.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}@media screen and (max-width: 767px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container,.eui-card--size-m .eui-card-container,.eui-card--size-l .eui-card-container,.eui-card--size-xl .eui-card-container,.eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-card--size-xs .eui-card-container,.eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}}.eui-card--selected{--eui-base-font-size: var(--eui-base-font-size-m);--eui-base-line-height: 1.25;--eui-card-background-color: var(--eui-base-color-primary-100);--eui-card-font-color: var(--eui-base-color-white);border:transparent}.eui-card--selected .eui-card-header,.eui-card--selected .eui-card-header-body{background:var(--eui-card-background-color);border-radius:var(--eui-base-border-radius) var(--eui-base-border-radius) 0 0;color:var(--eui-card-font-color)}.eui-card--selected .eui-card-header .eui-card-header__title-container-title,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title,.eui-card--selected .eui-card-header .eui-card-header__title-container-title .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-title .eui-label{color:var(--eui-card-font-color)}.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle,.eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle .eui-label,.eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle .eui-label{color:var(--eui-base-color-grey-10)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary{background:inherit;border-color:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-card--selected .eui-card-header .eui-button.eui-button--primary.eui-button__container>*,.eui-card--selected .eui-card-header-body .eui-button.eui-button--primary.eui-button__container>*{color:var(--eui-base-color-grey)!important}.eui-card--selected .eui-card-header .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header-body .eui-button.eui-button--warning .eui-button--outline,.eui-card--selected .eui-card-header .eui-button.eui-button--basic,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic{color:var(--eui-base-font-color)}.eui-card--selected .eui-card-header .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header .eui-button.eui-button--basic:focus,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:hover,.eui-card--selected .eui-card-header-body .eui-button.eui-button--basic:focus{background:rgba(255,255,255,.25)}.eui-card--selected .eui-card-header .eui-icon:not(.eui-icon-toggle--checked),.eui-card--selected .eui-card-header-body .eui-icon:not(.eui-icon-toggle--checked){color:var(--eui-color-grey-lighter)}.eui-card--selected .eui-card-header .eui-label.eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label.eui-label--secondary{color:var(--eui-base-color-white)!important}.eui-card--selected .eui-card-header a,.eui-card--selected .eui-card-header a:not([href]):not([tabindex]),.eui-card--selected .eui-card-header-body a,.eui-card--selected .eui-card-header-body a:not([href]):not([tabindex]){color:var(--eui-card-font-color)!important}.eui-card--selected .eui-card-header .eui-label--secondary,.eui-card--selected .eui-card-header-body .eui-label--secondary{color:var(--eui-base-color-grey-15)}.eui-card--selected .eui-card-header .mat-card,.eui-card--selected .eui-card-header-body .mat-card{--eui-base-color-link: var(--eui-card-font-color);background:var(--eui-card-background-color);color:var(--eui-card-font-color)}.eui-card--selected .eui-card-header input[type=checkbox].eui-input-checkbox:before,.eui-card--selected .eui-card-header-body input[type=checkbox].eui-input-checkbox:before{background:var(--eui-card-font-color);border:2px solid var(--eui-card-font-color)!important;box-shadow:none}.eui-card--selected .eui-card-header input[type=checkbox].eui-input-checkbox[checked=true]:after,.eui-card--selected .eui-card-header-body input[type=checkbox].eui-input-checkbox[checked=true]:after{background:transparent;color:var(--eui-card-font-color);content:\"\\f3c5\";font-family:eui-icons,sans-serif;left:.125rem;top:0}.eui-card--selected .eui-card-content{background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-10);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--selected .eui-card-footer{background:var(--eui-base-color-white);border-radius:0 0 var(--eui-base-border-radius) var(--eui-base-border-radius);color:var(--eui-base-color-text)}.eui-card--urgent .eui-card-header__urgent-indicator{display:block}.eui-card--disabled,.eui-card--is-loading,.eui-card[disabled],.eui-card.disabled{opacity:.45;pointer-events:none}.eui-card--collapsible .eui-card-header__expander{align-items:center;display:inline-flex;margin-left:var(--eui-base-spacing-xs);margin-right:calc(-1 * var(--eui-base-spacing-xs))}.eui-card--collapsed .eui-card-media,.eui-card--collapsed .eui-card-content,.eui-card--collapsed .mat-card-image{height:0!important;padding:0 var(--eui-base-spacing-m)}.eui-card--collapsed .eui-card-header,.eui-card--collapsed .eui-card-header__container{border-bottom:1px solid transparent}.eui-card--collapsed .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(180deg)!important}.eui-card--primary{border-left:6px solid var(--eui-base-color-primary-100)}.eui-card--secondary{border-left:6px solid var(--eui-base-color-grey-15)}.eui-card--info{border-left:6px solid var(--eui-base-color-info-100)}.eui-card--success{border-left:6px solid var(--eui-base-color-success-100)}.eui-card--warning{border-left:6px solid var(--eui-base-color-warning-100)}.eui-card--danger{border-left:6px solid var(--eui-base-color-danger-100)}.eui-card--accent{border-left:6px solid var(--eui-base-color-accent-100)}.eui-card--highlighted,.eui-card--highlighted .eui-card-container{z-index:var(--eui-base-z-index-highlighted)}.eui-card--no-border{border:none}\n"] }]
|
|
349
|
+
}], ctorParameters: function () { return [{ type: UiStateService }]; }, propDecorators: { cssClasses: [{
|
|
358
350
|
type: HostBinding,
|
|
359
351
|
args: ['class']
|
|
360
352
|
}], e2eAttr: [{
|
|
@@ -364,6 +356,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
|
|
|
364
356
|
type: Input
|
|
365
357
|
}], onCollapsed: [{
|
|
366
358
|
type: Output
|
|
359
|
+
}], collapse: [{
|
|
360
|
+
type: Output
|
|
367
361
|
}], cardHeader: [{
|
|
368
362
|
type: ContentChild,
|
|
369
363
|
args: [forwardRef(() => EuiCardHeaderComponent), { static: false }]
|
|
@@ -376,6 +370,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
|
|
|
376
370
|
}], cardFooter: [{
|
|
377
371
|
type: ContentChild,
|
|
378
372
|
args: [forwardRef(() => EuiCardFooterComponent), { static: false }]
|
|
373
|
+
}], euiSelected: [{
|
|
374
|
+
type: Input
|
|
375
|
+
}], euiCollapsible: [{
|
|
376
|
+
type: Input
|
|
377
|
+
}], euiCollapsed: [{
|
|
378
|
+
type: Input
|
|
379
|
+
}], euiUrgent: [{
|
|
380
|
+
type: Input
|
|
381
|
+
}], euiNoShadow: [{
|
|
382
|
+
type: Input
|
|
383
|
+
}], euiNoContentPadding: [{
|
|
384
|
+
type: Input
|
|
385
|
+
}], euiHoverable: [{
|
|
386
|
+
type: Input
|
|
379
387
|
}] } });
|
|
380
388
|
|
|
381
389
|
class EuiCardHeaderTitleComponent {
|