@eui/components 18.0.0-next.34 → 18.0.0-next.35
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/EuiButtonV2Component.html +1 -1
- package/docs/components/EuiIconSvgComponent.html +2 -18
- package/docs/dependencies.html +1 -1
- package/docs/js/menu-wc.js +6 -6
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-alert/eui-alert.component.mjs +2 -2
- package/esm2022/eui-avatar/eui-avatar.component.mjs +2 -2
- package/esm2022/eui-badge/eui-badge.component.mjs +2 -2
- package/esm2022/eui-button/eui-button.component.mjs +4 -4
- package/esm2022/eui-button-v2/eui-button-v2.component.mjs +4 -4
- package/esm2022/eui-chip/eui-chip.component.mjs +2 -2
- package/esm2022/eui-icon/eui-icon-svg.component.mjs +10 -23
- package/esm2022/shared/base/base-states.directive.mjs +23 -23
- package/eui-avatar/eui-avatar.component.d.ts.map +1 -1
- package/eui-button/eui-button.component.d.ts.map +1 -1
- package/eui-button-v2/eui-button-v2.component.d.ts.map +1 -1
- package/eui-icon/eui-icon-svg.component.d.ts +3 -3
- package/eui-icon/eui-icon-svg.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +2 -2
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-avatar.mjs +1 -1
- package/fesm2022/eui-components-eui-avatar.mjs.map +2 -2
- package/fesm2022/eui-components-eui-badge.mjs +2 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button-v2.mjs +3 -3
- package/fesm2022/eui-components-eui-button-v2.mjs.map +2 -2
- package/fesm2022/eui-components-eui-button.mjs +3 -3
- package/fesm2022/eui-components-eui-button.mjs.map +2 -2
- package/fesm2022/eui-components-eui-chip.mjs +2 -2
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon.mjs +9 -22
- package/fesm2022/eui-components-eui-icon.mjs.map +2 -2
- package/fesm2022/eui-components-shared.mjs +22 -22
- package/fesm2022/eui-components-shared.mjs.map +2 -2
- package/package.json +3 -3
- package/shared/base/base-states.directive.d.ts.map +1 -1
|
@@ -72,7 +72,7 @@ export class EuiAlertComponent {
|
|
|
72
72
|
this.closeAlert.emit();
|
|
73
73
|
}
|
|
74
74
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiAlertComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
75
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i0.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (!isMuted) {\n <div class=\"eui-alert__type-container\">\n @if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-check-filled\" fillColor=\"success-120\" euiSizeS></eui-icon-svg>\n }\n @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-warning\" fillColor=\"warning-120\" euiSizeS></eui-icon-svg>\n }\n @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-error\" fillColor=\"danger-120\" euiSizeS></eui-icon-svg>\n }\n @else {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-information\" fillColor=\"info-120\" euiSizeS></eui-icon-svg>\n }\n </div>\n}\n\n<div id=\"{{ ariaDescribedBy }}\" class=\"eui-alert__content\">\n @if (alertTitle) {\n <ng-template *ngTemplateOutlet=\"contentWithTitle\"></ng-template>\n } @else {\n <ng-template *ngTemplateOutlet=\"contentNoTitle\"></ng-template>\n }\n</div>\n\n<ng-template #contentWithTitle>\n <div class=\"eui-alert__content-header eui-alert__content-header--with-title\">\n <ng-content select=\"eui-alert-title\"></ng-content>\n <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n </div>\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</ng-template>\n\n<ng-template #contentNoTitle>\n <div class=\"eui-alert__content-header\">\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n </div>\n</ng-template>\n\n<ng-template #closeButton>\n <div class=\"eui-alert__close\">\n <button *ngIf=\"isCloseable\"\n euiButton\n euiBasicButton\n euiPrimary\n euiSizeS\n aria-label=\"Close alert button\"\n class=\"eui-alert__close-button\"\n (click)=\"onCloseClick()\">\n <span euiLabel class=\"eui-alert__close-label\">{{ 'eui.CLOSE' | translate }}</span>\n <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-ecl-close\"></eui-icon-svg>\n </button>\n </div>\n</ng-template>\n\n<ng-template #content>\n <div [class.eui-alert__content--with-title]=\"alertTitle\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [":host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-c-info));--_color: var(--eui-alert-color, var(--eui-c-
|
|
75
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i0.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (!isMuted) {\n <div class=\"eui-alert__type-container\">\n @if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-check-filled\" fillColor=\"success-120\" euiSizeS></eui-icon-svg>\n }\n @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-warning\" fillColor=\"warning-120\" euiSizeS></eui-icon-svg>\n }\n @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-error\" fillColor=\"danger-120\" euiSizeS></eui-icon-svg>\n }\n @else {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-information\" fillColor=\"info-120\" euiSizeS></eui-icon-svg>\n }\n </div>\n}\n\n<div id=\"{{ ariaDescribedBy }}\" class=\"eui-alert__content\">\n @if (alertTitle) {\n <ng-template *ngTemplateOutlet=\"contentWithTitle\"></ng-template>\n } @else {\n <ng-template *ngTemplateOutlet=\"contentNoTitle\"></ng-template>\n }\n</div>\n\n<ng-template #contentWithTitle>\n <div class=\"eui-alert__content-header eui-alert__content-header--with-title\">\n <ng-content select=\"eui-alert-title\"></ng-content>\n <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n </div>\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</ng-template>\n\n<ng-template #contentNoTitle>\n <div class=\"eui-alert__content-header\">\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n </div>\n</ng-template>\n\n<ng-template #closeButton>\n <div class=\"eui-alert__close\">\n <button *ngIf=\"isCloseable\"\n euiButton\n euiBasicButton\n euiPrimary\n euiSizeS\n aria-label=\"Close alert button\"\n class=\"eui-alert__close-button\"\n (click)=\"onCloseClick()\">\n <span euiLabel class=\"eui-alert__close-label\">{{ 'eui.CLOSE' | translate }}</span>\n <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-ecl-close\"></eui-icon-svg>\n </button>\n </div>\n</ng-template>\n\n<ng-template #content>\n <div [class.eui-alert__content--with-title]=\"alertTitle\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [":host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-c-info));--_color: var(--eui-alert-color, var(--eui-c-info));--_bg-color: var(--eui-alert-bg-color, var(--eui-c-info-bg-light))}:host.eui-alert{display:flex;background-color:var(--_bg-color);background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;position:relative;border-left:var(--eui-base-spacing-2xs) solid var(--_border-color);border-radius:var(--eui-base-border-radius);flex-basis:auto;flex-shrink:1;overflow:auto;padding:var(--eui-base-spacing-m);width:100%}:host.eui-alert::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-secondary-bg-light)}:host.eui-alert::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}:host.eui-alert::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}:host.eui-alert::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-alert__type-container{align-items:center;display:flex;margin-right:var(--eui-base-spacing-s);height:var(--eui-base-spacing-l)}.eui-alert__content{display:flex;flex-direction:column;width:100%}.eui-alert__content-header{align-items:center;display:flex;flex:1 1 100%;justify-content:space-between;width:100%}.eui-alert__content-header--with-title{min-height:var(--eui-base-spacing-l)}.eui-alert__content--with-title{margin-top:var(--eui-base-spacing-xs)}.eui-alert__close{align-self:flex-start;display:flex;margin-left:auto}.eui-alert__close:hover{text-decoration:underline}.eui-alert__close-button{margin-left:var(--eui-base-spacing-s)}:host.eui-alert--info{--_border-color: var(--eui-c-info);--_bg-color: var(--eui-c-info-bg-light)}:host.eui-alert--success{--_border-color: var(--eui-c-success);--_bg-color: var(--eui-c-success-bg-light)}:host.eui-alert--danger{--_border-color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger-bg-light)}:host.eui-alert--warning{--_border-color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning-bg-light)}:host.eui-alert--hidden{display:none}:host.eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--focusable [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--closeable .eui-alert__type-container{margin-top:var(--eui-base-spacing-xs)}@media screen and (max-width: 995px){.eui-alert__close-label{display:none}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
76
76
|
}
|
|
77
77
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiAlertComponent, decorators: [{
|
|
78
78
|
type: Component,
|
|
@@ -88,7 +88,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
88
88
|
'euiVariant',
|
|
89
89
|
],
|
|
90
90
|
},
|
|
91
|
-
], template: "@if (!isMuted) {\n <div class=\"eui-alert__type-container\">\n @if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-check-filled\" fillColor=\"success-120\" euiSizeS></eui-icon-svg>\n }\n @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-warning\" fillColor=\"warning-120\" euiSizeS></eui-icon-svg>\n }\n @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-error\" fillColor=\"danger-120\" euiSizeS></eui-icon-svg>\n }\n @else {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-information\" fillColor=\"info-120\" euiSizeS></eui-icon-svg>\n }\n </div>\n}\n\n<div id=\"{{ ariaDescribedBy }}\" class=\"eui-alert__content\">\n @if (alertTitle) {\n <ng-template *ngTemplateOutlet=\"contentWithTitle\"></ng-template>\n } @else {\n <ng-template *ngTemplateOutlet=\"contentNoTitle\"></ng-template>\n }\n</div>\n\n<ng-template #contentWithTitle>\n <div class=\"eui-alert__content-header eui-alert__content-header--with-title\">\n <ng-content select=\"eui-alert-title\"></ng-content>\n <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n </div>\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</ng-template>\n\n<ng-template #contentNoTitle>\n <div class=\"eui-alert__content-header\">\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n </div>\n</ng-template>\n\n<ng-template #closeButton>\n <div class=\"eui-alert__close\">\n <button *ngIf=\"isCloseable\"\n euiButton\n euiBasicButton\n euiPrimary\n euiSizeS\n aria-label=\"Close alert button\"\n class=\"eui-alert__close-button\"\n (click)=\"onCloseClick()\">\n <span euiLabel class=\"eui-alert__close-label\">{{ 'eui.CLOSE' | translate }}</span>\n <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-ecl-close\"></eui-icon-svg>\n </button>\n </div>\n</ng-template>\n\n<ng-template #content>\n <div [class.eui-alert__content--with-title]=\"alertTitle\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [":host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-c-info));--_color: var(--eui-alert-color, var(--eui-c-
|
|
91
|
+
], template: "@if (!isMuted) {\n <div class=\"eui-alert__type-container\">\n @if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-check-filled\" fillColor=\"success-120\" euiSizeS></eui-icon-svg>\n }\n @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-warning\" fillColor=\"warning-120\" euiSizeS></eui-icon-svg>\n }\n @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-error\" fillColor=\"danger-120\" euiSizeS></eui-icon-svg>\n }\n @else {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-information\" fillColor=\"info-120\" euiSizeS></eui-icon-svg>\n }\n </div>\n}\n\n<div id=\"{{ ariaDescribedBy }}\" class=\"eui-alert__content\">\n @if (alertTitle) {\n <ng-template *ngTemplateOutlet=\"contentWithTitle\"></ng-template>\n } @else {\n <ng-template *ngTemplateOutlet=\"contentNoTitle\"></ng-template>\n }\n</div>\n\n<ng-template #contentWithTitle>\n <div class=\"eui-alert__content-header eui-alert__content-header--with-title\">\n <ng-content select=\"eui-alert-title\"></ng-content>\n <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n </div>\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</ng-template>\n\n<ng-template #contentNoTitle>\n <div class=\"eui-alert__content-header\">\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n </div>\n</ng-template>\n\n<ng-template #closeButton>\n <div class=\"eui-alert__close\">\n <button *ngIf=\"isCloseable\"\n euiButton\n euiBasicButton\n euiPrimary\n euiSizeS\n aria-label=\"Close alert button\"\n class=\"eui-alert__close-button\"\n (click)=\"onCloseClick()\">\n <span euiLabel class=\"eui-alert__close-label\">{{ 'eui.CLOSE' | translate }}</span>\n <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-ecl-close\"></eui-icon-svg>\n </button>\n </div>\n</ng-template>\n\n<ng-template #content>\n <div [class.eui-alert__content--with-title]=\"alertTitle\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [":host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-c-info));--_color: var(--eui-alert-color, var(--eui-c-info));--_bg-color: var(--eui-alert-bg-color, var(--eui-c-info-bg-light))}:host.eui-alert{display:flex;background-color:var(--_bg-color);background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;position:relative;border-left:var(--eui-base-spacing-2xs) solid var(--_border-color);border-radius:var(--eui-base-border-radius);flex-basis:auto;flex-shrink:1;overflow:auto;padding:var(--eui-base-spacing-m);width:100%}:host.eui-alert::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-secondary-bg-light)}:host.eui-alert::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}:host.eui-alert::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}:host.eui-alert::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-alert__type-container{align-items:center;display:flex;margin-right:var(--eui-base-spacing-s);height:var(--eui-base-spacing-l)}.eui-alert__content{display:flex;flex-direction:column;width:100%}.eui-alert__content-header{align-items:center;display:flex;flex:1 1 100%;justify-content:space-between;width:100%}.eui-alert__content-header--with-title{min-height:var(--eui-base-spacing-l)}.eui-alert__content--with-title{margin-top:var(--eui-base-spacing-xs)}.eui-alert__close{align-self:flex-start;display:flex;margin-left:auto}.eui-alert__close:hover{text-decoration:underline}.eui-alert__close-button{margin-left:var(--eui-base-spacing-s)}:host.eui-alert--info{--_border-color: var(--eui-c-info);--_bg-color: var(--eui-c-info-bg-light)}:host.eui-alert--success{--_border-color: var(--eui-c-success);--_bg-color: var(--eui-c-success-bg-light)}:host.eui-alert--danger{--_border-color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger-bg-light)}:host.eui-alert--warning{--_border-color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning-bg-light)}:host.eui-alert--hidden{display:none}:host.eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--focusable [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--closeable .eui-alert__type-container{margin-top:var(--eui-base-spacing-xs)}@media screen and (max-width: 995px){.eui-alert__close-label{display:none}}\n"] }]
|
|
92
92
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
93
93
|
type: HostBinding,
|
|
94
94
|
args: ['class']
|
|
@@ -8,7 +8,7 @@ export class EuiAvatarComponent {
|
|
|
8
8
|
return [
|
|
9
9
|
this.baseStatesDirective.getCssClasses('eui-avatar'),
|
|
10
10
|
this.isShapeSquare ? 'eui-avatar--shape-square' : '',
|
|
11
|
-
this.isFlat ? 'eui-avatar--flat' : '',
|
|
11
|
+
this.isFlat ? 'eui-avatar--flat eui--basic' : '',
|
|
12
12
|
this.hasNoBackground ? 'eui-avatar--no-background' : '',
|
|
13
13
|
].join(' ').trim();
|
|
14
14
|
}
|
|
@@ -77,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
77
77
|
type: Input,
|
|
78
78
|
args: [{ transform: booleanAttribute }]
|
|
79
79
|
}] } });
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWF2YXRhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9ldWktYXZhdGFyL2V1aS1hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWF2YXRhci9ldWktYXZhdGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1SCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7OztBQThCN0QsTUFBTSxPQUFPLGtCQUFrQjtJQUMzQixJQUNXLFVBQVU7UUFDakIsT0FBTztZQUNILElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDO1lBQ3BELElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLDBCQUEwQixDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3BELElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLDZCQUE2QixDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ2hELElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLDJCQUEyQixDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQzFELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFXRCxZQUNXLG1CQUF3QztRQUF4Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBVlosWUFBTyxHQUFHLFlBQVksQ0FBQztRQUNwQyxTQUFJLEdBQUcsUUFBUSxDQUFDO1FBQ1csY0FBUyxHQUFrQixRQUFRLENBQUM7UUFFakQsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2Ysb0JBQWUsR0FBRyxLQUFLLENBQUM7SUFJN0QsQ0FBQztxSEF0Qkssa0JBQWtCO3lHQUFsQixrQkFBa0IsdUtBZVAsZ0JBQWdCLHFEQUNoQixnQkFBZ0IsZ0NBQ2hCLGdCQUFnQiwyREFDaEIsZ0JBQWdCLHdsQkNqRHhDLHVWQVFBOztrR0R1QmEsa0JBQWtCO2tCQTVCOUIsU0FBUzsrQkFDSSw2Q0FBNkMsbUJBR3RDLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxtQkFBbUI7NEJBQzlCLE1BQU0sRUFBRTtnQ0FDSixjQUFjO2dDQUNkLFlBQVk7Z0NBQ1osU0FBUztnQ0FDVCxZQUFZO2dDQUNaLFdBQVc7Z0NBQ1gsV0FBVztnQ0FDWCxZQUFZO2dDQUVaLFdBQVc7Z0NBQ1gsVUFBVTtnQ0FDVixVQUFVO2dDQUNWLFdBQVc7Z0NBQ1gsWUFBWTtnQ0FDWixnQkFBZ0I7NkJBQ25CO3lCQUNKO3FCQUNKO3dGQUlVLFVBQVU7c0JBRHBCLFdBQVc7dUJBQUMsT0FBTztnQkFVbUIsT0FBTztzQkFBN0MsV0FBVzt1QkFBQyxlQUFlOztzQkFBRyxLQUFLO2dCQUNWLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFDNkIsU0FBUztzQkFBN0QsV0FBVzt1QkFBQyxpQkFBaUI7O3NCQUFHLEtBQUs7dUJBQUMsWUFBWTtnQkFFWCxTQUFTO3NCQUFoRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLGFBQWE7c0JBQXBELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsTUFBTTtzQkFBN0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxlQUFlO3NCQUF0RCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdFbmNhcHN1bGF0aW9uLCBJbnB1dCwgYm9vbGVhbkF0dHJpYnV0ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZVN0YXRlc0RpcmVjdGl2ZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9zaGFyZWQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2RpdltldWlBdmF0YXJdLCBzcGFuW2V1aUF2YXRhcl0sIGV1aS1hdmF0YXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktYXZhdGFyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vc3R5bGVzL19pbmRleC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdldWlTZWNvbmRhcnknLFxuICAgICAgICAgICAgICAgICdldWlTdWNjZXNzJyxcbiAgICAgICAgICAgICAgICAnZXVpSW5mbycsXG4gICAgICAgICAgICAgICAgJ2V1aVdhcm5pbmcnLFxuICAgICAgICAgICAgICAgICdldWlEYW5nZXInLFxuICAgICAgICAgICAgICAgICdldWlBY2NlbnQnLFxuICAgICAgICAgICAgICAgICdldWlWYXJpYW50JyxcblxuICAgICAgICAgICAgICAgICdldWlTaXplWFMnLFxuICAgICAgICAgICAgICAgICdldWlTaXplUycsXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVMJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZVhMJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZTJYTCcsXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVWYXJpYW50JyxcbiAgICAgICAgICAgIF0sXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpQXZhdGFyQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwdWJsaWMgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5nZXRDc3NDbGFzc2VzKCdldWktYXZhdGFyJyksXG4gICAgICAgICAgICB0aGlzLmlzU2hhcGVTcXVhcmUgPyAnZXVpLWF2YXRhci0tc2hhcGUtc3F1YXJlJyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5pc0ZsYXQgPyAnZXVpLWF2YXRhci0tZmxhdCBldWktLWJhc2ljJyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5oYXNOb0JhY2tncm91bmQgPyAnZXVpLWF2YXRhci0tbm8tYmFja2dyb3VuZCcgOiAnJyxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWUyZScpIEBJbnB1dCgpIGUyZUF0dHIgPSAnZXVpLWF2YXRhcic7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ3N0YXR1cyc7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtbGFiZWwnKSBASW5wdXQoJ2FyaWEtbGFiZWwnKSBhcmlhTGFiZWw6IHN0cmluZyB8IG51bGwgPSAnYXZhdGFyJztcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBoYXNTaGFkb3cgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaXNTaGFwZVNxdWFyZSA9IGZhbHNlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc0ZsYXQgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaGFzTm9CYWNrZ3JvdW5kID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHVibGljIGJhc2VTdGF0ZXNEaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUsXG4gICAgKSB7fVxufVxuIiwiPGRpdiAqbmdJZj1cImhhc1NoYWRvd1wiIGNsYXNzPVwiZXVpLWF2YXRhci1zaGFkb3dcIj48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImV1aS1hdmF0YXItY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1hdmF0YXItaWNvblwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktYXZhdGFyLXRleHRcIj48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLWF2YXRhci1pbWFnZVwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktYXZhdGFyLWJhZGdlXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -18,7 +18,7 @@ export class EuiBadgeComponent {
|
|
|
18
18
|
this.ariaLabel = 'badge';
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiBadgeComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSecondaryLight", "euiSecondaryLight", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-primary-contrast));--_color-on-bg: var(--eui-badge-color, var(--eui-c-primary-contrast));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-primary));--_border-color: var(--eui-badge-border-color, var(--eui-c-primary-border))}.eui-badge{align-items:center;border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-border)}.eui-badge--secondary{--_bg-color: var(--eui-c-secondary-bg-light);--_color-on-bg: var(--eui-c-secondary-contrast);--_color: var(--eui-c-secondary);--_border-color: var(--eui-c-secondary-border)}.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-border)}.eui-badge--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-border)}.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-primary-wa-bg);--_color: var(--eui-c-warning);--_border-color: var(--eui-c-warning-border)}.eui-badge--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-border)}.eui-badge--accent{--_bg-color: var(--eui-c-accent);--_color-on-bg: var(--eui-c-
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSecondaryLight", "euiSecondaryLight", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-primary-contrast));--_color-on-bg: var(--eui-badge-color, var(--eui-c-primary-contrast));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-primary));--_border-color: var(--eui-badge-border-color, var(--eui-c-primary-border))}.eui-badge{align-items:center;border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-border)}.eui-badge--secondary{--_bg-color: var(--eui-c-secondary-bg-light);--_color-on-bg: var(--eui-c-secondary-bg-list-contrast);--_color: var(--eui-c-secondary);--_border-color: var(--eui-c-secondary-border)}.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-border)}.eui-badge--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-border)}.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-primary-wa-bg);--_color: var(--eui-c-warning-dark);--_border-color: var(--eui-c-warning-border)}.eui-badge--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-border)}.eui-badge--accent{--_bg-color: var(--eui-c-accent-dark);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent-darker);--_border-color: var(--eui-c-accent-border)}.eui-badge{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-badge .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color)}.eui-badge--size-xs{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-2xs) 0;font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-m{height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-l{height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-xs);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-icon--size-s .eui-badge,.eui-icon-svg--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s,.eui-icon-svg--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m,.eui-icon-svg--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon-svg--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl,.eui-icon-svg--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon-svg--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s,.eui-icon-svg--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m,.eui-icon-svg--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon-svg--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon-svg--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon-svg--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s,.eui-icon-svg--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m,.eui-icon-svg--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l,.eui-icon-svg--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl,.eui-icon-svg--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge,.eui-icon-svg--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s,.eui-icon-svg--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m,.eui-icon-svg--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l,.eui-icon-svg--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl,.eui-icon-svg--size-xl .eui-badge--size-xl{right:-30%;top:-15%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiBadgeComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
@@ -43,7 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
43
43
|
'euiOutline',
|
|
44
44
|
],
|
|
45
45
|
},
|
|
46
|
-
], styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-primary-contrast));--_color-on-bg: var(--eui-badge-color, var(--eui-c-primary-contrast));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-primary));--_border-color: var(--eui-badge-border-color, var(--eui-c-primary-border))}.eui-badge{align-items:center;border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-border)}.eui-badge--secondary{--_bg-color: var(--eui-c-secondary-bg-light);--_color-on-bg: var(--eui-c-secondary-contrast);--_color: var(--eui-c-secondary);--_border-color: var(--eui-c-secondary-border)}.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-border)}.eui-badge--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-border)}.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-primary-wa-bg);--_color: var(--eui-c-warning);--_border-color: var(--eui-c-warning-border)}.eui-badge--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-border)}.eui-badge--accent{--_bg-color: var(--eui-c-accent);--_color-on-bg: var(--eui-c-
|
|
46
|
+
], styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-primary-contrast));--_color-on-bg: var(--eui-badge-color, var(--eui-c-primary-contrast));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-primary));--_border-color: var(--eui-badge-border-color, var(--eui-c-primary-border))}.eui-badge{align-items:center;border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-border)}.eui-badge--secondary{--_bg-color: var(--eui-c-secondary-bg-light);--_color-on-bg: var(--eui-c-secondary-bg-list-contrast);--_color: var(--eui-c-secondary);--_border-color: var(--eui-c-secondary-border)}.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-border)}.eui-badge--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-border)}.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-primary-wa-bg);--_color: var(--eui-c-warning-dark);--_border-color: var(--eui-c-warning-border)}.eui-badge--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-border)}.eui-badge--accent{--_bg-color: var(--eui-c-accent-dark);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent-darker);--_border-color: var(--eui-c-accent-border)}.eui-badge{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-badge .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color)}.eui-badge--size-xs{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-2xs) 0;font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-m{height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-l{height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-xs);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-icon--size-s .eui-badge,.eui-icon-svg--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s,.eui-icon-svg--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m,.eui-icon-svg--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon-svg--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl,.eui-icon-svg--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon-svg--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s,.eui-icon-svg--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m,.eui-icon-svg--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon-svg--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon-svg--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon-svg--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s,.eui-icon-svg--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m,.eui-icon-svg--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l,.eui-icon-svg--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl,.eui-icon-svg--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge,.eui-icon-svg--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s,.eui-icon-svg--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m,.eui-icon-svg--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l,.eui-icon-svg--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl,.eui-icon-svg--size-xl .eui-badge--size-xl{right:-30%;top:-15%}\n"] }]
|
|
47
47
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
48
48
|
type: HostBinding,
|
|
49
49
|
args: ['class']
|
|
@@ -9,7 +9,7 @@ export class EuiButtonComponent {
|
|
|
9
9
|
get cssClasses() {
|
|
10
10
|
return [
|
|
11
11
|
this.baseStatesDirective.getCssClasses('eui-button'),
|
|
12
|
-
this.euiBasicButton ? 'eui-button--basic' : '',
|
|
12
|
+
this.euiBasicButton ? 'eui-button--basic eui--basic' : '',
|
|
13
13
|
this.euiBlockButton ? 'eui-button--block' : '',
|
|
14
14
|
this.euiIconButton ? 'eui-button--icon-only' : '',
|
|
15
15
|
this.euiLineWrap ? 'eui-button--line-wrap' : '',
|
|
@@ -56,7 +56,7 @@ export class EuiButtonComponent {
|
|
|
56
56
|
this.buttonClick.emit(this);
|
|
57
57
|
}
|
|
58
58
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
59
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute], isChecked: "isChecked", euiDisabled: "euiDisabled" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiRounded", "euiRounded", "euiResponsive", "euiResponsive"] }], ngImport: i0, template: "<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n", styles: [".eui-button{--_color: var(--eui-button-color, var(--eui-c-secondary));--_bg-color: var(--eui-button-bg-color, var(--eui-c-secondary-bg-light));--_basic-bg-color: var(--eui-button-basic-bg-color, var(--eui-c-secondary-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-secondary));--_border-color: var(--eui-button-border-color, var(--eui-c-secondary-border));--_hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover));--_on-hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover-contrast))}.eui-button{align-items:center;background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;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-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none!important}.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--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:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button .eui-button__container .eui-label+.eui-icon-svg{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-button--icon-only.eui-button--rounded{padding:0}.eui-button .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-xs{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-button--size-xs .eui-icon-svg{height:1rem;width:1rem}.eui-button--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button--size-s .eui-icon-svg{height:1.25rem;width:1.25rem}.eui-button--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button--size-m .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-button--size-l .eui-icon-svg{height:1.75rem;width:1.75rem}.eui-button--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_basic-bg-color: var(--eui-c-primary-bg);--_border-color: var(--eui-c-primary-border);--_hover-color: var(--eui-c-primary-hover);--_on-hover-color: var(--eui-c-primary-hover-contrast)}.eui-button--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info);--_basic-bg-color: var(--eui-c-info-bg);--_on-bg-color: var(--eui-c-info-contrast);--_border-color: var(--eui-c-info-border);--_hover-color: var(--eui-c-info-hover);--_on-hover-color: var(--eui-c-info-hover-contrast)}.eui-button--success{--_color: var(--eui-c-success);--_bg-color: var(--eui-c-success);--_basic-bg-color: var(--eui-c-success-bg);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-border);--_hover-color: var(--eui-c-success-hover);--_on-hover-color: var(--eui-c-success-hover-contrast)}.eui-button--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_basic-bg-color: var(--eui-c-warning-bg);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-border);--_hover-color: var(--eui-c-warning-hover);--_on-hover-color: var(--eui-c-warning-hover-contrast)}.eui-button--danger{--_color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger);--_basic-bg-color: var(--eui-c-danger-bg);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-border);--_hover-color: var(--eui-c-danger-hover);--_on-hover-color: var(--eui-c-danger-hover-contrast)}.eui-button--accent{--_color: var(--eui-c-accent-dark);--_bg-color: var(--eui-c-accent);--_basic-bg-color: var(--eui-c-accent-bg);--_on-bg-color: var(--eui-c-accent-contrast);--_border-color: var(--eui-c-accent-border);--_hover-color: var(--eui-c-accent-hover);--_on-hover-color: var(--eui-c-accent-hover-contrast)}.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:1px solid var(--_border-color)}.eui-button .eui-icon-svg svg{fill:var(--_on-bg-color)!important;color:var(--_on-bg-color)!important}.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-button:hover .eui-label{color:var(--_on-bg-color)}.eui-button:hover .eui-icon-svg svg{fill:var(--_on-bg-color)!important;color:var(--_on-bg-color)!important}.eui-button .eui-label{color:var(--_on-bg-color)}.eui-button--basic{border:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-button--basic .eui-icon-svg svg{fill:var(--_color)!important;color:var(--_color)!important}.eui-button--basic .eui-label{color:var(--_color)}.eui-button--outline{background-color:var(--eui-c-white);color:var(--_color);border:1px solid var(--_border-color)}.eui-button--outline .eui-icon-svg svg{fill:var(--_color)!important;color:var(--_color)!important}.eui-button--outline .eui-label{color:var(--_color)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active:focus-visible:not([readonly]),.eui-button--rounded:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active [tabindex=\"0\"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-c-bg);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.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.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-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-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.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:before{border-radius:0}.eui-button__expand-trigger{border-top:1px solid var(--eui-c-secondary-lightest);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)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
59
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute], isChecked: "isChecked", euiDisabled: "euiDisabled" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiRounded", "euiRounded", "euiResponsive", "euiResponsive"] }], ngImport: i0, template: "<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n", styles: [".eui-button{--_color: var(--eui-button-color, var(--eui-c-secondary));--_bg-color: var(--eui-button-bg-color, var(--eui-c-secondary-bg-light));--_basic-bg-color: var(--eui-button-basic-bg-color, var(--eui-c-secondary-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-secondary));--_border-color: var(--eui-button-border-color, var(--eui-c-secondary-border));--_hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover));--_on-hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover-contrast))}.eui-button{align-items:center;background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;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-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none!important}.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--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:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button .eui-button__container .eui-label+.eui-icon-svg{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-button--icon-only.eui-button--rounded{padding:0}.eui-button .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-xs{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-button--size-xs .eui-icon-svg{height:1rem;width:1rem}.eui-button--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button--size-s .eui-icon-svg{height:1.25rem;width:1.25rem}.eui-button--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button--size-m .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-button--size-l .eui-icon-svg{height:1.75rem;width:1.75rem}.eui-button--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_basic-bg-color: var(--eui-c-primary-bg);--_border-color: var(--eui-c-primary-border);--_hover-color: var(--eui-c-primary-hover);--_on-hover-color: var(--eui-c-primary-hover-contrast)}.eui-button--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info);--_basic-bg-color: var(--eui-c-info-bg);--_on-bg-color: var(--eui-c-info-contrast);--_border-color: var(--eui-c-info-border);--_hover-color: var(--eui-c-info-hover);--_on-hover-color: var(--eui-c-info-hover-contrast)}.eui-button--success{--_color: var(--eui-c-success);--_bg-color: var(--eui-c-success);--_basic-bg-color: var(--eui-c-success-bg);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-border);--_hover-color: var(--eui-c-success-hover);--_on-hover-color: var(--eui-c-success-hover-contrast)}.eui-button--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_basic-bg-color: var(--eui-c-warning-bg);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-border);--_hover-color: var(--eui-c-warning-hover);--_on-hover-color: var(--eui-c-warning-hover-contrast)}.eui-button--danger{--_color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger);--_basic-bg-color: var(--eui-c-danger-bg);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-border);--_hover-color: var(--eui-c-danger-hover);--_on-hover-color: var(--eui-c-danger-hover-contrast)}.eui-button--accent{--_color: var(--eui-c-accent-dark);--_bg-color: var(--eui-c-accent);--_basic-bg-color: var(--eui-c-accent-bg);--_on-bg-color: var(--eui-c-accent-contrast);--_border-color: var(--eui-c-accent-border);--_hover-color: var(--eui-c-accent-hover);--_on-hover-color: var(--eui-c-accent-hover-contrast)}.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:1px solid var(--_border-color)}.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-button:hover .eui-label,.eui-button .eui-label{color:var(--_on-bg-color)}.eui-button--basic{border:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-button--basic .eui-label{color:var(--_color)}.eui-button--outline{background-color:var(--eui-c-white);color:var(--_color);border:1px solid var(--_border-color)}.eui-button--outline .eui-label{color:var(--_color)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active:focus-visible:not([readonly]),.eui-button--rounded:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active [tabindex=\"0\"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-c-bg);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.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.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-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-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.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:before{border-radius:0}.eui-button__expand-trigger{border-top:1px solid var(--eui-c-secondary-lightest);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)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
60
60
|
}
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiButtonComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
81
81
|
'euiResponsive',
|
|
82
82
|
],
|
|
83
83
|
},
|
|
84
|
-
], template: "<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n", styles: [".eui-button{--_color: var(--eui-button-color, var(--eui-c-secondary));--_bg-color: var(--eui-button-bg-color, var(--eui-c-secondary-bg-light));--_basic-bg-color: var(--eui-button-basic-bg-color, var(--eui-c-secondary-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-secondary));--_border-color: var(--eui-button-border-color, var(--eui-c-secondary-border));--_hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover));--_on-hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover-contrast))}.eui-button{align-items:center;background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;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-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none!important}.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--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:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button .eui-button__container .eui-label+.eui-icon-svg{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-button--icon-only.eui-button--rounded{padding:0}.eui-button .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-xs{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-button--size-xs .eui-icon-svg{height:1rem;width:1rem}.eui-button--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button--size-s .eui-icon-svg{height:1.25rem;width:1.25rem}.eui-button--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button--size-m .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-button--size-l .eui-icon-svg{height:1.75rem;width:1.75rem}.eui-button--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_basic-bg-color: var(--eui-c-primary-bg);--_border-color: var(--eui-c-primary-border);--_hover-color: var(--eui-c-primary-hover);--_on-hover-color: var(--eui-c-primary-hover-contrast)}.eui-button--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info);--_basic-bg-color: var(--eui-c-info-bg);--_on-bg-color: var(--eui-c-info-contrast);--_border-color: var(--eui-c-info-border);--_hover-color: var(--eui-c-info-hover);--_on-hover-color: var(--eui-c-info-hover-contrast)}.eui-button--success{--_color: var(--eui-c-success);--_bg-color: var(--eui-c-success);--_basic-bg-color: var(--eui-c-success-bg);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-border);--_hover-color: var(--eui-c-success-hover);--_on-hover-color: var(--eui-c-success-hover-contrast)}.eui-button--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_basic-bg-color: var(--eui-c-warning-bg);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-border);--_hover-color: var(--eui-c-warning-hover);--_on-hover-color: var(--eui-c-warning-hover-contrast)}.eui-button--danger{--_color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger);--_basic-bg-color: var(--eui-c-danger-bg);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-border);--_hover-color: var(--eui-c-danger-hover);--_on-hover-color: var(--eui-c-danger-hover-contrast)}.eui-button--accent{--_color: var(--eui-c-accent-dark);--_bg-color: var(--eui-c-accent);--_basic-bg-color: var(--eui-c-accent-bg);--_on-bg-color: var(--eui-c-accent-contrast);--_border-color: var(--eui-c-accent-border);--_hover-color: var(--eui-c-accent-hover);--_on-hover-color: var(--eui-c-accent-hover-contrast)}.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:1px solid var(--_border-color)}.eui-button .eui-icon-svg svg{fill:var(--_on-bg-color)!important;color:var(--_on-bg-color)!important}.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-button:hover .eui-label{color:var(--_on-bg-color)}.eui-button:hover .eui-icon-svg svg{fill:var(--_on-bg-color)!important;color:var(--_on-bg-color)!important}.eui-button .eui-label{color:var(--_on-bg-color)}.eui-button--basic{border:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-button--basic .eui-icon-svg svg{fill:var(--_color)!important;color:var(--_color)!important}.eui-button--basic .eui-label{color:var(--_color)}.eui-button--outline{background-color:var(--eui-c-white);color:var(--_color);border:1px solid var(--_border-color)}.eui-button--outline .eui-icon-svg svg{fill:var(--_color)!important;color:var(--_color)!important}.eui-button--outline .eui-label{color:var(--_color)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active:focus-visible:not([readonly]),.eui-button--rounded:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active [tabindex=\"0\"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-c-bg);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.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.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-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-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.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:before{border-radius:0}.eui-button__expand-trigger{border-top:1px solid var(--eui-c-secondary-lightest);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)}\n"] }]
|
|
84
|
+
], template: "<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n", styles: [".eui-button{--_color: var(--eui-button-color, var(--eui-c-secondary));--_bg-color: var(--eui-button-bg-color, var(--eui-c-secondary-bg-light));--_basic-bg-color: var(--eui-button-basic-bg-color, var(--eui-c-secondary-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-secondary));--_border-color: var(--eui-button-border-color, var(--eui-c-secondary-border));--_hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover));--_on-hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover-contrast))}.eui-button{align-items:center;background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;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-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none!important}.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--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:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button .eui-button__container .eui-label+.eui-icon-svg{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-button--icon-only.eui-button--rounded{padding:0}.eui-button .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-xs{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-button--size-xs .eui-icon-svg{height:1rem;width:1rem}.eui-button--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button--size-s .eui-icon-svg{height:1.25rem;width:1.25rem}.eui-button--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button--size-m .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-button--size-l .eui-icon-svg{height:1.75rem;width:1.75rem}.eui-button--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_basic-bg-color: var(--eui-c-primary-bg);--_border-color: var(--eui-c-primary-border);--_hover-color: var(--eui-c-primary-hover);--_on-hover-color: var(--eui-c-primary-hover-contrast)}.eui-button--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info);--_basic-bg-color: var(--eui-c-info-bg);--_on-bg-color: var(--eui-c-info-contrast);--_border-color: var(--eui-c-info-border);--_hover-color: var(--eui-c-info-hover);--_on-hover-color: var(--eui-c-info-hover-contrast)}.eui-button--success{--_color: var(--eui-c-success);--_bg-color: var(--eui-c-success);--_basic-bg-color: var(--eui-c-success-bg);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-border);--_hover-color: var(--eui-c-success-hover);--_on-hover-color: var(--eui-c-success-hover-contrast)}.eui-button--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_basic-bg-color: var(--eui-c-warning-bg);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-border);--_hover-color: var(--eui-c-warning-hover);--_on-hover-color: var(--eui-c-warning-hover-contrast)}.eui-button--danger{--_color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger);--_basic-bg-color: var(--eui-c-danger-bg);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-border);--_hover-color: var(--eui-c-danger-hover);--_on-hover-color: var(--eui-c-danger-hover-contrast)}.eui-button--accent{--_color: var(--eui-c-accent-dark);--_bg-color: var(--eui-c-accent);--_basic-bg-color: var(--eui-c-accent-bg);--_on-bg-color: var(--eui-c-accent-contrast);--_border-color: var(--eui-c-accent-border);--_hover-color: var(--eui-c-accent-hover);--_on-hover-color: var(--eui-c-accent-hover-contrast)}.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:1px solid var(--_border-color)}.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-button:hover .eui-label,.eui-button .eui-label{color:var(--_on-bg-color)}.eui-button--basic{border:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-button--basic .eui-label{color:var(--_color)}.eui-button--outline{background-color:var(--eui-c-white);color:var(--_color);border:1px solid var(--_border-color)}.eui-button--outline .eui-label{color:var(--_color)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active:focus-visible:not([readonly]),.eui-button--rounded:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active [tabindex=\"0\"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-c-bg);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.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.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-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-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.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:before{border-radius:0}.eui-button__expand-trigger{border-top:1px solid var(--eui-c-secondary-lightest);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)}\n"] }]
|
|
85
85
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
86
86
|
type: HostBinding,
|
|
87
87
|
args: ['class']
|
|
@@ -133,4 +133,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
133
133
|
exports: [EuiButtonComponent],
|
|
134
134
|
}]
|
|
135
135
|
}] });
|
|
136
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
136
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9ldWktYnV0dG9uL2V1aS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWJ1dHRvbi9ldWktYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxRQUFRLEVBQ1IsU0FBUyxFQUNULFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUdqQixnQkFBZ0IsR0FDbkIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQWdCLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7OztBQWtDNUUsTUFBTSxPQUFPLGtCQUFrQjtJQUMzQixJQUNJLFVBQVU7UUFDVixPQUFPO1lBQ0gsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7WUFDcEQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsOEJBQThCLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDekQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDOUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDbEQ7YUFDSSxJQUFJLENBQUMsR0FBRyxDQUFDO2FBQ1QsSUFBSSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQWFELHlFQUF5RTtJQUN6RSwyREFBMkQ7SUFDM0QsSUFDVyxTQUFTO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUMzQixDQUFDO0lBQ0QsSUFBVyxTQUFTLENBQUMsS0FBbUI7UUFDcEMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFNBQVMsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNsRSxJQUFJLENBQUMsVUFBVSxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFDRCxJQUNXLFdBQVc7UUFDbEIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzdCLENBQUM7SUFDRCxJQUFXLFdBQVcsQ0FBQyxLQUFtQjtRQUN0QyxJQUFJLENBQUMsWUFBWSxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2pELElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUNwRixDQUFDO2FBQU0sQ0FBQztZQUNKLElBQUksQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQy9FLENBQUM7SUFDTCxDQUFDO0lBT0QsWUFDYyxTQUFvQixFQUNwQixXQUEwQyxFQUM3QyxtQkFBd0M7UUFGckMsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUNwQixnQkFBVyxHQUFYLFdBQVcsQ0FBK0I7UUFDN0Msd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQTFDWixZQUFPLEdBQUcsWUFBWSxDQUFDO1FBS3RCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBeUJsRCxnQkFBVyxHQUFxQyxJQUFJLFlBQVksRUFBc0IsQ0FBQztRQUV6RixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLGlCQUFZLEdBQUUsS0FBSyxDQUFDO0lBTzVCLENBQUM7SUFHUyxPQUFPO1FBQ2IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztxSEEvRFEsa0JBQWtCO3lHQUFsQixrQkFBa0IsNElBbUJQLGdCQUFnQixxREFDaEIsZ0JBQWdCLHdEQUNoQixnQkFBZ0IscURBQ2hCLGdCQUFnQiwrQ0FDaEIsZ0JBQWdCLCt1QkMzRXhDLGtGQUdBOztrR0RpRGEsa0JBQWtCO2tCQWhDOUIsU0FBUzsrQkFHSSxpQ0FBaUMsbUJBRTFCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxtQkFBbUI7NEJBQzlCLE1BQU0sRUFBRTtnQ0FDSixZQUFZO2dDQUNaLGNBQWM7Z0NBQ2QsWUFBWTtnQ0FDWixTQUFTO2dDQUNULFlBQVk7Z0NBQ1osV0FBVztnQ0FDWCxXQUFXO2dDQUNYLFlBQVk7Z0NBRVosVUFBVTtnQ0FDVixVQUFVO2dDQUNWLFVBQVU7Z0NBQ1YsZ0JBQWdCO2dDQUVoQixZQUFZO2dDQUNaLFlBQVk7Z0NBQ1osZUFBZTs2QkFDbEI7eUJBQ0o7cUJBQ0o7eUlBSUcsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU87Z0JBYW1CLE9BQU87c0JBQTdDLFdBQVc7dUJBQUMsZUFBZTs7c0JBQUcsS0FBSztnQkFHM0IsRUFBRTtzQkFEVixXQUFXO3VCQUFDLFNBQVM7O3NCQUNyQixLQUFLO2dCQUVrQyxjQUFjO3NCQUFyRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLGFBQWE7c0JBQXBELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsY0FBYztzQkFBckQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxhQUFhO3NCQUFwRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLFdBQVc7c0JBQWxELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBSzNCLFNBQVM7c0JBRG5CLEtBQUs7Z0JBU0ssV0FBVztzQkFEckIsS0FBSztnQkFhSSxXQUFXO3NCQUFwQixNQUFNO2dCQWFHLE9BQU87c0JBRGhCLFlBQVk7dUJBQUMsT0FBTzs7QUFXekIsTUFBTSxPQUFPLGVBQWU7cUhBQWYsZUFBZTtzSEFBZixlQUFlLGlCQXZFZixrQkFBa0IsYUFtRWpCLFlBQVksRUFBRSxjQUFjLGFBbkU3QixrQkFBa0I7c0hBdUVsQixlQUFlLFlBSmQsWUFBWSxFQUFFLGNBQWM7O2tHQUk3QixlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxjQUFjLENBQUM7b0JBQ3ZDLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIE5nTW9kdWxlLFxuICAgIENvbXBvbmVudCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgICBSZW5kZXJlcjIsXG4gICAgRWxlbWVudFJlZixcbiAgICBib29sZWFuQXR0cmlidXRlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcbmltcG9ydCB7IEV1aUxhYmVsTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1sYWJlbCc7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQsIGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICBzZWxlY3RvcjogJ2J1dHRvbltldWlCdXR0b25dLCBhW2V1aUJ1dHRvbl0nLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlLFxuICAgICAgICAgICAgaW5wdXRzOiBbXG4gICAgICAgICAgICAgICAgJ2V1aVByaW1hcnknLFxuICAgICAgICAgICAgICAgICdldWlTZWNvbmRhcnknLFxuICAgICAgICAgICAgICAgICdldWlTdWNjZXNzJyxcbiAgICAgICAgICAgICAgICAnZXVpSW5mbycsXG4gICAgICAgICAgICAgICAgJ2V1aVdhcm5pbmcnLFxuICAgICAgICAgICAgICAgICdldWlEYW5nZXInLFxuICAgICAgICAgICAgICAgICdldWlBY2NlbnQnLFxuICAgICAgICAgICAgICAgICdldWlWYXJpYW50JyxcblxuICAgICAgICAgICAgICAgICdldWlTaXplUycsXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVNJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZUwnLFxuICAgICAgICAgICAgICAgICdldWlTaXplVmFyaWFudCcsXG5cbiAgICAgICAgICAgICAgICAnZXVpT3V0bGluZScsXG4gICAgICAgICAgICAgICAgJ2V1aVJvdW5kZWQnLFxuICAgICAgICAgICAgICAgICdldWlSZXNwb25zaXZlJyxcbiAgICAgICAgICAgIF0sXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpQnV0dG9uQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aS1idXR0b24nKSxcbiAgICAgICAgICAgIHRoaXMuZXVpQmFzaWNCdXR0b24gPyAnZXVpLWJ1dHRvbi0tYmFzaWMgZXVpLS1iYXNpYycgOiAnJyxcbiAgICAgICAgICAgIHRoaXMuZXVpQmxvY2tCdXR0b24gPyAnZXVpLWJ1dHRvbi0tYmxvY2snIDogJycsXG4gICAgICAgICAgICB0aGlzLmV1aUljb25CdXR0b24gPyAnZXVpLWJ1dHRvbi0taWNvbi1vbmx5JyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5ldWlMaW5lV3JhcCA/ICdldWktYnV0dG9uLS1saW5lLXdyYXAnIDogJycsXG4gICAgICAgIF1cbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgICAgIC50cmltKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtZTJlJykgQElucHV0KCkgZTJlQXR0ciA9ICdldWktYnV0dG9uJztcblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5pZCcpXG4gICAgQElucHV0KCkgaWQ6IHN0cmluZztcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBldWlCYXNpY0J1dHRvbiA9IGZhbHNlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBldWlCdXR0b25DYWxsID0gZmFsc2U7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGV1aUJsb2NrQnV0dG9uID0gZmFsc2U7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGV1aUljb25CdXR0b24gPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZXVpTGluZVdyYXAgPSBmYWxzZTtcblxuICAgIC8vIEFUVEVOVElPTiA6IGRvbid0IGNoYW5nZSB0aG9zZSB0byBpbnB1dC90cmFuc2Zvcm0sIHRoZXkgYXJlIGV4cG9zZWQgT1JcbiAgICAvLyBUT0RPIHYxOCB3ZSBzaG91bGQgZmluZCBhIHdheSB0byBkbyB0aGlzIHVzaW5nIHRyYW5zZm9ybVxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGdldCBpc0NoZWNrZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pc0NoZWNrZWQ7XG4gICAgfVxuICAgIHB1YmxpYyBzZXQgaXNDaGVja2VkKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmV1aUFjY2VudCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgICAgIHRoaXMuX2lzQ2hlY2tlZCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGdldCBldWlEaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2V1aURpc2FibGVkO1xuICAgIH1cbiAgICBwdWJsaWMgc2V0IGV1aURpc2FibGVkKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5fZXVpRGlzYWJsZWQgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgICAgICBpZiAodGhpcy5fZXVpRGlzYWJsZWQpIHtcbiAgICAgICAgICAgIHRoaXMuX3JlbmRlcmVyLnNldEF0dHJpYnV0ZSh0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdkaXNhYmxlZCcsICd0cnVlJyk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLl9yZW5kZXJlci5yZW1vdmVBdHRyaWJ1dGUodGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnZGlzYWJsZWQnKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBPdXRwdXQoKSBidXR0b25DbGljazogRXZlbnRFbWl0dGVyPEV1aUJ1dHRvbkNvbXBvbmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEV1aUJ1dHRvbkNvbXBvbmVudD4oKTtcblxuICAgIHByaXZhdGUgX2lzQ2hlY2tlZCA9IGZhbHNlO1xuICAgIHByaXZhdGUgX2V1aURpc2FibGVkPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcm90ZWN0ZWQgX3JlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgICAgIHByb3RlY3RlZCBfZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD4sXG4gICAgICAgIHB1YmxpYyBiYXNlU3RhdGVzRGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlLFxuICAgICkge1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgICBwcm90ZWN0ZWQgb25DbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5idXR0b25DbGljay5lbWl0KHRoaXMpO1xuICAgIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBFdWlMYWJlbE1vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbRXVpQnV0dG9uQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbRXVpQnV0dG9uQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpQnV0dG9uTW9kdWxlIHt9XG4iLCI8c3BhbiBjbGFzcz1cImV1aS1idXR0b25fX2NvbnRhaW5lclwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Bhbj5cbiJdfQ==
|
|
@@ -7,7 +7,7 @@ export class EuiButtonV2Component {
|
|
|
7
7
|
get cssClasses() {
|
|
8
8
|
return [
|
|
9
9
|
this.baseStatesDirective.getCssClasses('eui-button-v2'),
|
|
10
|
-
this.euiBasicButton ? 'eui-button-v2--basic' : '',
|
|
10
|
+
this.euiBasicButton ? 'eui-button-v2--basic eui--basic' : '',
|
|
11
11
|
this.euiBlockButton ? 'eui-button-v2--block' : '',
|
|
12
12
|
this.isLoading ? 'eui-button-v2--loading' : '',
|
|
13
13
|
this.euiIconButton ? 'eui-button-v2--icon-only' : '',
|
|
@@ -40,7 +40,7 @@ export class EuiButtonV2Component {
|
|
|
40
40
|
this.buttonClick.emit(this);
|
|
41
41
|
}
|
|
42
42
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiButtonV2Component, deps: [{ token: i1.BaseStatesDirective }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EuiButtonV2Component, selector: "button[euiButtonV2], a[euiButtonV2]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "<span class=\"eui-
|
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EuiButtonV2Component, selector: "button[euiButtonV2], a[euiButtonV2]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "<span class=\"eui-button-v2__container\">\n <ng-content></ng-content>\n</span>\n", styles: [":host.eui-button-v2{--_color: var(--eui-button-color, var(--eui-c-secondary));--_bg-color: var(--eui-button-bg-color, var(--eui-c-secondary-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-secondary-bg-light-contrast));--_border-color: var(--eui-button-border-color, var(--eui-c-secondary-border));--_hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover));--_on-hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover-contrast))}:host.eui-button-v2{align-items:center;background-color:var(--eui-c-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}:host.eui-button-v2:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none!important}:host.eui-button-v2:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}:host.eui-button-v2 [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button-v2__container{align-items:center;display:inline-flex;position:relative}:host.eui-button-v2--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}:host.eui-button-v2--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}:host.eui-button-v2--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}:host.eui-button-v2--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_border-color: var(--eui-c-primary-border);--_hover-color: var(--eui-c-primary-hover);--_on-hover-color: var(--eui-c-primary-hover-contrast)}:host.eui-button-v2--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info);--_on-bg-color: var(--eui-c-info-contrast);--_border-color: var(--eui-c-info-border);--_hover-color: var(--eui-c-info-hover);--_on-hover-color: var(--eui-c-info-hover-contrast)}:host.eui-button-v2--success{--_color: var(--eui-c-success);--_bg-color: var(--eui-c-success);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-border);--_hover-color: var(--eui-c-success-hover);--_on-hover-color: var(--eui-c-success-hover-contrast)}:host.eui-button-v2--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-border);--_hover-color: var(--eui-c-warning-hover);--_on-hover-color: var(--eui-c-warning-hover-contrast)}:host.eui-button-v2--danger{--_color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-border);--_hover-color: var(--eui-c-danger-hover);--_on-hover-color: var(--eui-c-danger-hover-contrast)}:host.eui-button-v2--accent{--_color: var(--eui-c-accent);--_bg-color: var(--eui-c-accent);--_on-bg-color: var(--eui-c-accent-contrast);--_border-color: var(--eui-c-accent-border);--_hover-color: var(--eui-c-accent-hover);--_on-hover-color: var(--eui-c-accent-hover-contrast)}:host.eui-button-v2{background-color:var(--_bg-color);color:var(--_on-bg-color);border:1px solid var(--_border-color)}:host.eui-button-v2:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}:host.eui-button-v2 .eui-label{color:var(--_on-bg-color)}:host.eui-button-v2--basic{border:none;background-color:transparent;color:var(--_color)}:host.eui-button-v2--basic .eui-label{color:var(--_color)}:host.eui-button-v2--outline{background-color:var(--eui-c-white);color:var(--_color);border:1px solid var(--_border-color)}:host.eui-button-v2--outline .eui-label{color:var(--_color)}:host.eui-button-v2--responsive{display:grid!important;position:relative;width:100%}:host.eui-button-v2--responsive .eui-button__container{overflow:hidden}:host.eui-button-v2--responsive .eui-button__container>label,:host.eui-button-v2--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host.eui-button-v2--block{display:block;width:100%}:host.eui-button-v2--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}:host.eui-button-v2.disabled,:host.eui-button-v2:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.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-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-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.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:before{border-radius:0}.eui-button__expand-trigger{border-top:1px solid var(--eui-c-secondary-lightest);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)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
44
44
|
}
|
|
45
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiButtonV2Component, decorators: [{
|
|
46
46
|
type: Component,
|
|
@@ -64,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
64
64
|
'euiDisabled',
|
|
65
65
|
],
|
|
66
66
|
},
|
|
67
|
-
], template: "<span class=\"eui-
|
|
67
|
+
], template: "<span class=\"eui-button-v2__container\">\n <ng-content></ng-content>\n</span>\n", styles: [":host.eui-button-v2{--_color: var(--eui-button-color, var(--eui-c-secondary));--_bg-color: var(--eui-button-bg-color, var(--eui-c-secondary-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-secondary-bg-light-contrast));--_border-color: var(--eui-button-border-color, var(--eui-c-secondary-border));--_hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover));--_on-hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover-contrast))}:host.eui-button-v2{align-items:center;background-color:var(--eui-c-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}:host.eui-button-v2:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none!important}:host.eui-button-v2:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}:host.eui-button-v2 [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button-v2__container{align-items:center;display:inline-flex;position:relative}:host.eui-button-v2--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}:host.eui-button-v2--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}:host.eui-button-v2--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}:host.eui-button-v2--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_border-color: var(--eui-c-primary-border);--_hover-color: var(--eui-c-primary-hover);--_on-hover-color: var(--eui-c-primary-hover-contrast)}:host.eui-button-v2--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info);--_on-bg-color: var(--eui-c-info-contrast);--_border-color: var(--eui-c-info-border);--_hover-color: var(--eui-c-info-hover);--_on-hover-color: var(--eui-c-info-hover-contrast)}:host.eui-button-v2--success{--_color: var(--eui-c-success);--_bg-color: var(--eui-c-success);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-border);--_hover-color: var(--eui-c-success-hover);--_on-hover-color: var(--eui-c-success-hover-contrast)}:host.eui-button-v2--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-border);--_hover-color: var(--eui-c-warning-hover);--_on-hover-color: var(--eui-c-warning-hover-contrast)}:host.eui-button-v2--danger{--_color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-border);--_hover-color: var(--eui-c-danger-hover);--_on-hover-color: var(--eui-c-danger-hover-contrast)}:host.eui-button-v2--accent{--_color: var(--eui-c-accent);--_bg-color: var(--eui-c-accent);--_on-bg-color: var(--eui-c-accent-contrast);--_border-color: var(--eui-c-accent-border);--_hover-color: var(--eui-c-accent-hover);--_on-hover-color: var(--eui-c-accent-hover-contrast)}:host.eui-button-v2{background-color:var(--_bg-color);color:var(--_on-bg-color);border:1px solid var(--_border-color)}:host.eui-button-v2:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}:host.eui-button-v2 .eui-label{color:var(--_on-bg-color)}:host.eui-button-v2--basic{border:none;background-color:transparent;color:var(--_color)}:host.eui-button-v2--basic .eui-label{color:var(--_color)}:host.eui-button-v2--outline{background-color:var(--eui-c-white);color:var(--_color);border:1px solid var(--_border-color)}:host.eui-button-v2--outline .eui-label{color:var(--_color)}:host.eui-button-v2--responsive{display:grid!important;position:relative;width:100%}:host.eui-button-v2--responsive .eui-button__container{overflow:hidden}:host.eui-button-v2--responsive .eui-button__container>label,:host.eui-button-v2--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host.eui-button-v2--block{display:block;width:100%}:host.eui-button-v2--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}:host.eui-button-v2.disabled,:host.eui-button-v2:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.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-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-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.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:before{border-radius:0}.eui-button__expand-trigger{border-top:1px solid var(--eui-c-secondary-lightest);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)}\n"] }]
|
|
68
68
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { cssClasses: [{
|
|
69
69
|
type: HostBinding,
|
|
70
70
|
args: ['class']
|
|
@@ -115,4 +115,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
115
115
|
exports: [EuiButtonV2Component],
|
|
116
116
|
}]
|
|
117
117
|
}] });
|
|
118
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWJ1dHRvbi12Mi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9ldWktYnV0dG9uLXYyL2V1aS1idXR0b24tdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWJ1dHRvbi12Mi9ldWktYnV0dG9uLXYyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxRQUFRLEVBQ1IsU0FBUyxFQUNULFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osdUJBQXVCLEVBTXZCLGdCQUFnQixHQUNuQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQWdDN0QsTUFBTSxPQUFPLG9CQUFvQjtJQUM3QixJQUNJLFVBQVU7UUFDVixPQUFPO1lBQ0gsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUM7WUFDdkQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsaUNBQWlDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDNUQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDOUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsMEJBQTBCLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDcEQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsMEJBQTBCLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDckQ7YUFDSSxJQUFJLENBQUMsR0FBRyxDQUFDO2FBQ1QsSUFBSSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQWdCRCxZQUNjLG1CQUF3QyxFQUN4QyxTQUFvQixFQUNwQixXQUEwQztRQUYxQyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBQ3hDLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFDcEIsZ0JBQVcsR0FBWCxXQUFXLENBQStCO1FBakJqQixZQUFPLEdBQUcsZUFBZSxDQUFDO1FBS3pCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFDdEIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFbEQsZ0JBQVcsR0FBdUMsSUFBSSxZQUFZLEVBQXdCLENBQUM7SUFPckcsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLE9BQU8sSUFBSSxPQUFPLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQztZQUNwQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsV0FBVztnQkFDaEMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxNQUFNLENBQUM7Z0JBQ2pGLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUMsQ0FBQztRQUNyRixDQUFDO0lBQ0wsQ0FBQztJQUdTLE9BQU87UUFDYixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDO3FIQS9DUSxvQkFBb0I7eUdBQXBCLG9CQUFvQixnSkFvQlQsZ0JBQWdCLHFEQUNoQixnQkFBZ0Isd0RBQ2hCLGdCQUFnQix5Q0FDaEIsZ0JBQWdCLHFEQUNoQixnQkFBZ0IsK0NBQ2hCLGdCQUFnQixnckJDM0V4QyxxRkFHQTs7a0dEK0NhLG9CQUFvQjtrQkE5QmhDLFNBQVM7K0JBR0kscUNBQXFDLG1CQUU5Qix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsbUJBQW1COzRCQUM5QixNQUFNLEVBQUU7Z0NBQ0osWUFBWTtnQ0FDWixjQUFjO2dDQUNkLFlBQVk7Z0NBQ1osU0FBUztnQ0FDVCxZQUFZO2dDQUNaLFdBQVc7Z0NBQ1gsV0FBVztnQ0FDWCxZQUFZO2dDQUVaLFVBQVU7Z0NBQ1YsVUFBVTtnQ0FDVixVQUFVO2dDQUNWLGdCQUFnQjtnQ0FFaEIsWUFBWTtnQ0FDWixhQUFhOzZCQUNoQjt5QkFDSjtxQkFDSjt5SUFJRyxVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTztnQkFjbUIsT0FBTztzQkFBN0MsV0FBVzt1QkFBQyxlQUFlOztzQkFBRyxLQUFLO2dCQUczQixFQUFFO3NCQURWLFdBQVc7dUJBQUMsU0FBUzs7c0JBQ3JCLEtBQUs7Z0JBRWtDLGNBQWM7c0JBQXJELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsYUFBYTtzQkFBcEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxjQUFjO3NCQUFyRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLFNBQVM7c0JBQWhELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsYUFBYTtzQkFBcEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxXQUFXO3NCQUFsRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUU1QixXQUFXO3NCQUFwQixNQUFNO2dCQWtCRyxPQUFPO3NCQURoQixZQUFZO3VCQUFDLE9BQU87O0FBV3pCLE1BQU0sT0FBTyxpQkFBaUI7cUhBQWpCLGlCQUFpQjtzSEFBakIsaUJBQWlCLGlCQXZEakIsb0JBQW9CLGFBbURuQixZQUFZLGFBbkRiLG9CQUFvQjtzSEF1RHBCLGlCQUFpQixZQUpoQixZQUFZOztrR0FJYixpQkFBaUI7a0JBTDdCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixZQUFZLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDcEMsT0FBTyxFQUFFLENBQUMsb0JBQW9CLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBOZ01vZHVsZSxcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG4gICAgU2ltcGxlQ2hhbmdlcyxcbiAgICBPbkNoYW5nZXMsXG4gICAgUmVuZGVyZXIyLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgYm9vbGVhbkF0dHJpYnV0ZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBCYXNlU3RhdGVzRGlyZWN0aXZlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL3NoYXJlZCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktYnV0dG9uLXYyLmNvbXBvbmVudC5odG1sJyxcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICBzZWxlY3RvcjogJ2J1dHRvbltldWlCdXR0b25WMl0sIGFbZXVpQnV0dG9uVjJdJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUsXG4gICAgICAgICAgICBpbnB1dHM6IFtcbiAgICAgICAgICAgICAgICAnZXVpUHJpbWFyeScsXG4gICAgICAgICAgICAgICAgJ2V1aVNlY29uZGFyeScsXG4gICAgICAgICAgICAgICAgJ2V1aVN1Y2Nlc3MnLFxuICAgICAgICAgICAgICAgICdldWlJbmZvJyxcbiAgICAgICAgICAgICAgICAnZXVpV2FybmluZycsXG4gICAgICAgICAgICAgICAgJ2V1aURhbmdlcicsXG4gICAgICAgICAgICAgICAgJ2V1aUFjY2VudCcsXG4gICAgICAgICAgICAgICAgJ2V1aVZhcmlhbnQnLFxuXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVTJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZU0nLFxuICAgICAgICAgICAgICAgICdldWlTaXplTCcsXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVWYXJpYW50JyxcblxuICAgICAgICAgICAgICAgICdldWlPdXRsaW5lJyxcbiAgICAgICAgICAgICAgICAnZXVpRGlzYWJsZWQnLFxuICAgICAgICAgICAgXSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlCdXR0b25WMkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5nZXRDc3NDbGFzc2VzKCdldWktYnV0dG9uLXYyJyksXG4gICAgICAgICAgICB0aGlzLmV1aUJhc2ljQnV0dG9uID8gJ2V1aS1idXR0b24tdjItLWJhc2ljIGV1aS0tYmFzaWMnIDogJycsXG4gICAgICAgICAgICB0aGlzLmV1aUJsb2NrQnV0dG9uID8gJ2V1aS1idXR0b24tdjItLWJsb2NrJyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5pc0xvYWRpbmcgPyAnZXVpLWJ1dHRvbi12Mi0tbG9hZGluZycgOiAnJyxcbiAgICAgICAgICAgIHRoaXMuZXVpSWNvbkJ1dHRvbiA/ICdldWktYnV0dG9uLXYyLS1pY29uLW9ubHknIDogJycsXG4gICAgICAgICAgICB0aGlzLmV1aUxpbmVXcmFwID8gJ2V1aS1idXR0b24tdjItLWxpbmUtd3JhcCcgOiAnJyxcbiAgICAgICAgXVxuICAgICAgICAgICAgLmpvaW4oJyAnKVxuICAgICAgICAgICAgLnRyaW0oKTtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1lMmUnKSBASW5wdXQoKSBlMmVBdHRyID0gJ2V1aS1idXR0b24tdjInO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmlkJylcbiAgICBASW5wdXQoKSBpZDogc3RyaW5nO1xuXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGV1aUJhc2ljQnV0dG9uID0gZmFsc2U7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGV1aUJ1dHRvbkNhbGwgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZXVpQmxvY2tCdXR0b24gPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGV1aUljb25CdXR0b24gPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZXVpTGluZVdyYXAgPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKSBidXR0b25DbGljazogRXZlbnRFbWl0dGVyPEV1aUJ1dHRvblYyQ29tcG9uZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8RXVpQnV0dG9uVjJDb21wb25lbnQ+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJvdGVjdGVkIGJhc2VTdGF0ZXNEaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUsXG4gICAgICAgIHByb3RlY3RlZCBfcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICAgICAgcHJvdGVjdGVkIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxCdXR0b25FbGVtZW50PixcbiAgICApIHtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIGlmIChjaGFuZ2VzICYmIGNoYW5nZXNbJ2V1aURpc2FibGVkJ10pIHtcbiAgICAgICAgICAgIHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5ldWlEaXNhYmxlZFxuICAgICAgICAgICAgICAgID8gdGhpcy5fcmVuZGVyZXIuc2V0QXR0cmlidXRlKHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2Rpc2FibGVkJywgJ3RydWUnKVxuICAgICAgICAgICAgICAgIDogdGhpcy5fcmVuZGVyZXIucmVtb3ZlQXR0cmlidXRlKHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2Rpc2FibGVkJyk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gICAgcHJvdGVjdGVkIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYnV0dG9uQ2xpY2suZW1pdCh0aGlzKTtcbiAgICB9XG59XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbRXVpQnV0dG9uVjJDb21wb25lbnRdLFxuICAgIGV4cG9ydHM6IFtFdWlCdXR0b25WMkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aUJ1dHRvblYyTW9kdWxlIHt9XG4iLCI8c3BhbiBjbGFzcz1cImV1aS1idXR0b24tdjJfX2NvbnRhaW5lclwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Bhbj5cbiJdfQ==
|