@eui/components 18.2.0-snapshot-1727658460518 → 18.2.0
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/EuiAlertComponent.html +1 -1
- package/docs/components/EuiIconButtonComponent.html +1 -1
- package/docs/components/EuiIconStateComponent.html +1 -1
- package/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-alert/eui-alert.component.mjs +3 -3
- package/esm2022/eui-icon-button/eui-icon-button.component.mjs +3 -3
- package/esm2022/eui-icon-state/eui-icon-state.component.mjs +3 -3
- package/fesm2022/eui-components-eui-alert.mjs +2 -2
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon-button.mjs +2 -2
- package/fesm2022/eui-components-eui-icon-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon-state.mjs +2 -2
- package/fesm2022/eui-components-eui-icon-state.mjs.map +1 -1
- package/package.json +4 -4
|
@@ -47,7 +47,7 @@ export class EuiAlertComponent {
|
|
|
47
47
|
this.closeAlert.emit(false);
|
|
48
48
|
}
|
|
49
49
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiAlertComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isBordered: ["isBordered", "isBordered", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute], isVisible: ["isVisible", "isVisible", 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 (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"/>\n}\n", styles: [".eui-18 .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));--_close-hover-color: var(--eui-alert-close-hover-color, var(--eui-c-info-lightest))}.eui-18 .eui-alert{display:flex;padding:var(--eui-s-m);background-color:var(--_bg-color);position:relative;border-radius:var(--eui-br-s)}.eui-18 .eui-alert--closeable{padding-right:var(--eui-s-4xl)}.eui-18 .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-18 .eui-alert-title-wrapper{display:flex;align-items:center}.eui-18 .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-18 .eui-alert-title{color:var(--_color);font:var(--eui-f-m-bold-compact)}.eui-18 .eui-alert-content{display:block}.eui-18 .eui-alert-content p:first-child{margin-top:0}.eui-18 .eui-alert-content p:last-child{margin-bottom:0}.eui-18 .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-18 .eui-alert-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-18 .eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-18 .eui-alert--success{--_color: var(--eui-c-success-darker);--_bg-color: var(--eui-c-success-bg);--_close-hover-color: var(--eui-c-success-lightest)}.eui-18 .eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-bg);--_close-hover-color: var(--eui-c-danger-lightest)}.eui-18 .eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-warning-bg);--_close-hover-color: var(--eui-c-warning-lightest)}.eui-18 .eui-alert--bordered.eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-info-bg);--_border-color: var(--eui-c-info)}.eui-18 .eui-alert--bordered.eui-alert--success{--_color: var(--eui-c-success-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-success-bg);--_border-color: var(--eui-c-success)}.eui-18 .eui-alert--bordered.eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-danger-bg);--_border-color: var(--eui-c-danger)}.eui-18 .eui-alert--bordered.eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-warning-bg);--_border-color: var(--eui-c-warning)}.eui-18 .eui-alert--hidden{display:none}.eui-18 .eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--bordered{border:1px solid var(--eui-c-neutral-lightest);border-left:3px solid var(--_border-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isBordered: ["isBordered", "isBordered", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute], isVisible: ["isVisible", "isVisible", 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 (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-18 .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));--_close-hover-color: var(--eui-alert-close-hover-color, var(--eui-c-info-lightest))}.eui-18 .eui-alert{display:flex;padding:var(--eui-s-m);background-color:var(--_bg-color);position:relative;border-radius:var(--eui-br-s)}.eui-18 .eui-alert--closeable{padding-right:var(--eui-s-4xl)}.eui-18 .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-18 .eui-alert-title-wrapper{display:flex;align-items:center}.eui-18 .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-18 .eui-alert-title{color:var(--_color);font:var(--eui-f-m-bold-compact)}.eui-18 .eui-alert-content{display:block}.eui-18 .eui-alert-content p:first-child{margin-top:0}.eui-18 .eui-alert-content p:last-child{margin-bottom:0}.eui-18 .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-18 .eui-alert-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-18 .eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-18 .eui-alert--success{--_color: var(--eui-c-success-darker);--_bg-color: var(--eui-c-success-bg);--_close-hover-color: var(--eui-c-success-lightest)}.eui-18 .eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-bg);--_close-hover-color: var(--eui-c-danger-lightest)}.eui-18 .eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-warning-bg);--_close-hover-color: var(--eui-c-warning-lightest)}.eui-18 .eui-alert--bordered.eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-info-bg);--_border-color: var(--eui-c-info)}.eui-18 .eui-alert--bordered.eui-alert--success{--_color: var(--eui-c-success-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-success-bg);--_border-color: var(--eui-c-success)}.eui-18 .eui-alert--bordered.eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-danger-bg);--_border-color: var(--eui-c-danger)}.eui-18 .eui-alert--bordered.eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-warning-bg);--_border-color: var(--eui-c-warning)}.eui-18 .eui-alert--hidden{display:none}.eui-18 .eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--bordered{border:1px solid var(--eui-c-neutral-lightest);border-left:3px solid var(--_border-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiAlertComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
@@ -62,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
|
|
|
62
62
|
'euiVariant',
|
|
63
63
|
],
|
|
64
64
|
},
|
|
65
|
-
], template: "@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"/>\n}\n", styles: [".eui-18 .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));--_close-hover-color: var(--eui-alert-close-hover-color, var(--eui-c-info-lightest))}.eui-18 .eui-alert{display:flex;padding:var(--eui-s-m);background-color:var(--_bg-color);position:relative;border-radius:var(--eui-br-s)}.eui-18 .eui-alert--closeable{padding-right:var(--eui-s-4xl)}.eui-18 .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-18 .eui-alert-title-wrapper{display:flex;align-items:center}.eui-18 .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-18 .eui-alert-title{color:var(--_color);font:var(--eui-f-m-bold-compact)}.eui-18 .eui-alert-content{display:block}.eui-18 .eui-alert-content p:first-child{margin-top:0}.eui-18 .eui-alert-content p:last-child{margin-bottom:0}.eui-18 .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-18 .eui-alert-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-18 .eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-18 .eui-alert--success{--_color: var(--eui-c-success-darker);--_bg-color: var(--eui-c-success-bg);--_close-hover-color: var(--eui-c-success-lightest)}.eui-18 .eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-bg);--_close-hover-color: var(--eui-c-danger-lightest)}.eui-18 .eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-warning-bg);--_close-hover-color: var(--eui-c-warning-lightest)}.eui-18 .eui-alert--bordered.eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-info-bg);--_border-color: var(--eui-c-info)}.eui-18 .eui-alert--bordered.eui-alert--success{--_color: var(--eui-c-success-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-success-bg);--_border-color: var(--eui-c-success)}.eui-18 .eui-alert--bordered.eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-danger-bg);--_border-color: var(--eui-c-danger)}.eui-18 .eui-alert--bordered.eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-warning-bg);--_border-color: var(--eui-c-warning)}.eui-18 .eui-alert--hidden{display:none}.eui-18 .eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--bordered{border:1px solid var(--eui-c-neutral-lightest);border-left:3px solid var(--_border-color)}\n"] }]
|
|
65
|
+
], template: "@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-18 .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));--_close-hover-color: var(--eui-alert-close-hover-color, var(--eui-c-info-lightest))}.eui-18 .eui-alert{display:flex;padding:var(--eui-s-m);background-color:var(--_bg-color);position:relative;border-radius:var(--eui-br-s)}.eui-18 .eui-alert--closeable{padding-right:var(--eui-s-4xl)}.eui-18 .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-18 .eui-alert-title-wrapper{display:flex;align-items:center}.eui-18 .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-18 .eui-alert-title{color:var(--_color);font:var(--eui-f-m-bold-compact)}.eui-18 .eui-alert-content{display:block}.eui-18 .eui-alert-content p:first-child{margin-top:0}.eui-18 .eui-alert-content p:last-child{margin-bottom:0}.eui-18 .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-18 .eui-alert-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-18 .eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-18 .eui-alert--success{--_color: var(--eui-c-success-darker);--_bg-color: var(--eui-c-success-bg);--_close-hover-color: var(--eui-c-success-lightest)}.eui-18 .eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-bg);--_close-hover-color: var(--eui-c-danger-lightest)}.eui-18 .eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-warning-bg);--_close-hover-color: var(--eui-c-warning-lightest)}.eui-18 .eui-alert--bordered.eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-info-bg);--_border-color: var(--eui-c-info)}.eui-18 .eui-alert--bordered.eui-alert--success{--_color: var(--eui-c-success-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-success-bg);--_border-color: var(--eui-c-success)}.eui-18 .eui-alert--bordered.eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-danger-bg);--_border-color: var(--eui-c-danger)}.eui-18 .eui-alert--bordered.eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-warning-bg);--_border-color: var(--eui-c-warning)}.eui-18 .eui-alert--hidden{display:none}.eui-18 .eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--bordered{border:1px solid var(--eui-c-neutral-lightest);border-left:3px solid var(--_border-color)}\n"] }]
|
|
66
66
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
67
67
|
type: HostBinding,
|
|
68
68
|
args: ['class']
|
|
@@ -103,4 +103,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
|
|
|
103
103
|
type: ContentChild,
|
|
104
104
|
args: [forwardRef(() => EuiAlertTitleComponent), { static: false }]
|
|
105
105
|
}] } });
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
106
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWFsZXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1hbGVydC9ldWktYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWFsZXJ0L2V1aS1hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxFQUNMLHVCQUF1QixFQUN2QixNQUFNLEVBRU4sWUFBWSxFQUNaLFVBQVUsRUFFVixnQkFBZ0IsRUFDaEIsaUJBQWlCLEdBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOzs7Ozs7QUFxQmhGLE1BQU0sT0FBTyxpQkFBaUI7SUFDMUIsSUFDVyxVQUFVO1FBQ2pCLE9BQU87WUFDSCxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQztZQUNuRCxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUN0QyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM5QyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM5QyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQSxDQUFDLENBQUMsRUFBRTtZQUMzQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQzdDO2FBQ0ksSUFBSSxDQUFDLEdBQUcsQ0FBQzthQUNULElBQUksRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFHRCxJQUVJLGVBQWU7UUFDZixPQUFPLGdCQUFnQixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDM0MsQ0FBQztJQUNELElBQ0ksUUFBUTtRQUNSLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDekMsQ0FBQztJQXFCRCxZQUFtQixtQkFBd0M7UUFBeEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQTlCakMsU0FBSSxHQUFHLE9BQU8sQ0FBQztRQWF6QyxZQUFPLEdBQUcsV0FBVyxDQUFDO1FBRWtCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDaEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBRS9DLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBU1csQ0FBQztJQUUvRCxRQUFRO1FBQ0osSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUN2QyxJQUFJLENBQUMsbUJBQW1CLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUM1QyxDQUFDO1FBQ0QsSUFBSSxDQUFDLFFBQVEsR0FBRyxNQUFNLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDeEMsQ0FBQztJQUVELFlBQVk7UUFDUixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDOzhHQXpEUSxpQkFBaUI7a0dBQWpCLGlCQUFpQiwwSUE4Qk4sZ0JBQWdCLDRDQUNoQixnQkFBZ0IsK0NBQ2hCLGdCQUFnQiwrQ0FDaEIsZ0JBQWdCLHlDQUNoQixnQkFBZ0Isb1VBSUwsc0JBQXNCLHdQQzNFekQsdTlCQW9DQTs7MkZEQ2EsaUJBQWlCO2tCQW5CN0IsU0FBUzsrQkFFSSwwQkFBMEIsbUJBRW5CLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxtQkFBbUI7NEJBQzlCLE1BQU0sRUFBRTtnQ0FDSixZQUFZO2dDQUNaLFNBQVM7Z0NBQ1QsWUFBWTtnQ0FDWixXQUFXO2dDQUNYLFlBQVk7NkJBQ2Y7eUJBQ0o7cUJBQ0o7d0ZBSVUsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPO2dCQWNNLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFHcEIsZUFBZTtzQkFGbEIsV0FBVzt1QkFBQyx1QkFBdUI7O3NCQUNuQyxLQUFLO2dCQUtGLFFBQVE7c0JBRFgsV0FBVzt1QkFBQyxlQUFlO2dCQU81QixPQUFPO3NCQUZOLFdBQVc7dUJBQUMsZUFBZTs7c0JBQzNCLEtBQUs7Z0JBR2tDLE9BQU87c0JBQTlDLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsVUFBVTtzQkFBakQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxXQUFXO3NCQUFsRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLFdBQVc7c0JBQWxELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsU0FBUztzQkFBaEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFFNUIsVUFBVTtzQkFBbkIsTUFBTTtnQkFFb0UsVUFBVTtzQkFBcEYsWUFBWTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsc0JBQXNCLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgT3V0cHV0LFxuICAgIE9uSW5pdCxcbiAgICBDb250ZW50Q2hpbGQsXG4gICAgZm9yd2FyZFJlZixcbiAgICBRdWVyeUxpc3QsXG4gICAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcbmltcG9ydCB7IEV1aUFsZXJ0VGl0bGVDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZXVpLWFsZXJ0LXRpdGxlLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHNlbGVjdG9yOiAnZGl2W2V1aUFsZXJ0XSwgZXVpLWFsZXJ0JyxcbiAgICBzdHlsZVVybDogJy4vc3R5bGVzL19pbmRleC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdldWlTdWNjZXNzJyxcbiAgICAgICAgICAgICAgICAnZXVpSW5mbycsXG4gICAgICAgICAgICAgICAgJ2V1aVdhcm5pbmcnLFxuICAgICAgICAgICAgICAgICdldWlEYW5nZXInLFxuICAgICAgICAgICAgICAgICdldWlWYXJpYW50JyxcbiAgICAgICAgICAgIF0sXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpQWxlcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aS1hbGVydCcpLFxuICAgICAgICAgICAgdGhpcy5pc011dGVkID8gJ2V1aS1hbGVydC0tbXV0ZWQnIDogJycsXG4gICAgICAgICAgICB0aGlzLmlzRm9jdXNhYmxlID8gJ2V1aS1hbGVydC0tZm9jdXNhYmxlJyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5pc0Nsb3NlYWJsZSA/ICdldWktYWxlcnQtLWNsb3NlYWJsZScgOiAnJyxcbiAgICAgICAgICAgIHRoaXMuaXNCb3JkZXJlZCA/ICdldWktYWxlcnQtLWJvcmRlcmVkJzogJycsXG4gICAgICAgICAgICAhdGhpcy5pc1Zpc2libGUgPyAnZXVpLWFsZXJ0LS1oaWRkZW4nIDogJycsXG4gICAgICAgIF1cbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgICAgIC50cmltKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ2FsZXJ0JztcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1kZXNjcmliZWRieScpXG4gICAgQElucHV0KClcbiAgICBnZXQgYXJpYURlc2NyaWJlZEJ5KCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBgYWxlcnRDb250ZW50LSR7dGhpcy51bmlxdWVJZH1gO1xuICAgIH1cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKVxuICAgIGdldCB0YWJpbmRleCgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5pc0ZvY3VzYWJsZSA/ICcwJyA6ICctMSc7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtZTJlJylcbiAgICBASW5wdXQoKVxuICAgIGUyZUF0dHIgPSAnZXVpLWFsZXJ0JztcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc011dGVkID0gZmFsc2U7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGlzQm9yZGVyZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaXNDbG9zZWFibGUgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaXNGb2N1c2FibGUgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaXNWaXNpYmxlID0gdHJ1ZTtcblxuICAgIEBPdXRwdXQoKSBjbG9zZUFsZXJ0ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gICAgQENvbnRlbnRDaGlsZChmb3J3YXJkUmVmKCgpID0+IEV1aUFsZXJ0VGl0bGVDb21wb25lbnQpLCB7IHN0YXRpYzogZmFsc2UgfSkgYWxlcnRUaXRsZTogUXVlcnlMaXN0PEV1aUFsZXJ0VGl0bGVDb21wb25lbnQ+O1xuXG4gICAgYWxlcnRJY29uVHlwZTogc3RyaW5nO1xuICAgIGFsZXJ0SWNvbkZpbGxDb2xvcjogc3RyaW5nO1xuXG4gICAgcHJpdmF0ZSB1bmlxdWVJZDogc3RyaW5nO1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGJhc2VTdGF0ZXNEaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUpIHt9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZXVpVmFyaWFudCkge1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmV1aUluZm8gPSB0cnVlO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMudW5pcXVlSWQgPSBjcnlwdG8ucmFuZG9tVVVJRCgpO1xuICAgIH1cblxuICAgIG9uQ2xvc2VDbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc1Zpc2libGUgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5jbG9zZUFsZXJ0LmVtaXQoZmFsc2UpO1xuICAgIH1cbn1cbiIsIkBpZiAoYWxlcnRUaXRsZSkge1xuICAgIDxkaXYgY2xhc3M9XCJldWktYWxlcnQtY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldWktYWxlcnQtdGl0bGUtd3JhcHBlclwiPlxuICAgICAgICAgICAgQGlmICghaXNNdXRlZCkge1xuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50ICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvblwiLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1hbGVydC10aXRsZVwiLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxuZy1jb250ZW50ICpuZ1RlbXBsYXRlT3V0bGV0PVwiYm9keVwiLz5cbiAgICA8L2Rpdj5cblxufSBAZWxzZSB7XG4gICAgQGlmICghaXNNdXRlZCkge1xuICAgICAgICA8bmctY29udGVudCAqbmdUZW1wbGF0ZU91dGxldD1cImljb25cIi8+XG4gICAgfVxuICAgIDxuZy1jb250ZW50ICpuZ1RlbXBsYXRlT3V0bGV0PVwiYm9keVwiLz5cbn1cblxuPG5nLXRlbXBsYXRlICNpY29uPlxuICAgIDxldWktaWNvbi1zdGF0ZSBbZXVpVmFyaWFudF09XCJiYXNlU3RhdGVzRGlyZWN0aXZlLmV1aVZhcmlhbnRcIiBjbGFzcz1cImV1aS1hbGVydC1pY29uXCIvPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNib2R5PlxuICAgIDxkaXYgY2xhc3M9XCJldWktYWxlcnQtY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudC8+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG5AaWYgKGlzQ2xvc2VhYmxlKSB7XG4gICAgPGV1aS1pY29uLWJ1dHRvbiBjbGFzcz1cImV1aS1hbGVydC1jbG9zZVwiXG4gICAgICAgIGljb249XCJjbG9zZTpvdXRsaW5lXCJcbiAgICAgICAgZXVpUm91bmRlZFxuICAgICAgICAoYnV0dG9uQ2xpY2spPVwib25DbG9zZUNsaWNrKClcIlxuICAgICAgICBmaWxsQ29sb3I9XCJuZXV0cmFsLWxpZ2h0XCJcbiAgICAgICAgYXJpYUxhYmVsPVwiQ2xvc2UgYWxlcnQgaWNvblwiLz5cbn1cbiJdfQ==
|
|
@@ -33,11 +33,11 @@ export class EuiIconButtonComponent {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: EuiIconButtonComponent, selector: "eui-icon-button", inputs: { icon: "icon", fillColor: "fillColor", size: "size", ariaLabel: "ariaLabel", tabindex: "tabindex", hasNoPadding: ["hasNoPadding", "hasNoPadding", booleanAttribute], hasFocusHoverColor: ["hasFocusHoverColor", "hasFocusHoverColor", booleanAttribute], hasFocusHoverBg: ["hasFocusHoverBg", "hasFocusHoverBg", booleanAttribute], euiRounded: ["euiRounded", "euiRounded", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<button class=\"eui-icon-button__button\"\n type=\"button\"\n (
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: EuiIconButtonComponent, selector: "eui-icon-button", inputs: { icon: "icon", fillColor: "fillColor", size: "size", ariaLabel: "ariaLabel", tabindex: "tabindex", hasNoPadding: ["hasNoPadding", "hasNoPadding", booleanAttribute], hasFocusHoverColor: ["hasFocusHoverColor", "hasFocusHoverColor", booleanAttribute], hasFocusHoverBg: ["hasFocusHoverBg", "hasFocusHoverBg", booleanAttribute], euiRounded: ["euiRounded", "euiRounded", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<button class=\"eui-icon-button__button\"\n type=\"button\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\">\n <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n", styles: [".eui-icon-button{display:inline-flex}.eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-icon-button--disabled .eui-icon-button__button{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}\n"], dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
37
37
|
}
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiIconButtonComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
|
-
args: [{ selector: 'eui-icon-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"eui-icon-button__button\"\n type=\"button\"\n (
|
|
40
|
+
args: [{ selector: 'eui-icon-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"eui-icon-button__button\"\n type=\"button\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\">\n <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n", styles: [".eui-icon-button{display:inline-flex}.eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-icon-button--disabled .eui-icon-button__button{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}\n"] }]
|
|
41
41
|
}], propDecorators: { cssClasses: [{
|
|
42
42
|
type: HostBinding,
|
|
43
43
|
args: ['class']
|
|
@@ -69,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
|
|
|
69
69
|
}], buttonClick: [{
|
|
70
70
|
type: Output
|
|
71
71
|
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWljb24tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1pY29uLWJ1dHRvbi9ldWktaWNvbi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWljb24tYnV0dG9uL2V1aS1pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxnQkFBZ0IsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBUWpJLE1BQU0sT0FBTyxzQkFBc0I7SUFObkM7UUF1QmEsU0FBSSxHQUFrRSxHQUFHLENBQUM7UUFFMUUsYUFBUSxHQUFHLENBQUMsQ0FBQztRQUVrQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQix1QkFBa0IsR0FBRyxLQUFLLENBQUM7UUFDM0Isb0JBQWUsR0FBRyxJQUFJLENBQUM7UUFDdkIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUVsRCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7S0FXckQ7SUFyQ0csSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILGlCQUFpQjtZQUNqQixJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxpQ0FBaUMsQ0FBQSxDQUFDLENBQUMsRUFBRTtZQUN6RCxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLHdDQUF3QyxDQUFBLENBQUMsQ0FBQyxFQUFFO1lBQ3RFLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLHFDQUFxQyxDQUFBLENBQUMsQ0FBQyxFQUFFO1lBQ2hFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLDBCQUEwQixDQUFBLENBQUMsQ0FBQyxFQUFFO1lBQ2hELElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLDJCQUEyQixDQUFBLENBQUMsQ0FBQyxFQUFFO1NBQ3JEO2FBQ0ksSUFBSSxDQUFDLEdBQUcsQ0FBQzthQUNULElBQUksRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFnQkQsT0FBTyxDQUFDLEtBQVk7UUFDaEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1lBQzFCLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ2pDLENBQUM7SUFDTCxDQUFDOzhHQXJDUSxzQkFBc0I7a0dBQXRCLHNCQUFzQiwwTEFxQlgsZ0JBQWdCLG9FQUNoQixnQkFBZ0IsMkRBQ2hCLGdCQUFnQiw0Q0FDaEIsZ0JBQWdCLCtDQUNoQixnQkFBZ0IsNEhDakN4Qyx3WEFTQTs7MkZERGEsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNJLGlCQUFpQixpQkFHWixpQkFBaUIsQ0FBQyxJQUFJOzhCQUlqQyxVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTztnQkFjWCxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVrQyxZQUFZO3NCQUFuRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLGtCQUFrQjtzQkFBekQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxlQUFlO3NCQUF0RCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLFVBQVU7c0JBQWpELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsV0FBVztzQkFBbEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFFNUIsV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0VuY2Fwc3VsYXRpb24sIGJvb2xlYW5BdHRyaWJ1dGUsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1pY29uLWJ1dHRvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbICcuL2V1aS1pY29uLWJ1dHRvbi5jb21wb25lbnQuc2NzcycgXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlJY29uQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgJ2V1aS1pY29uLWJ1dHRvbicsXG4gICAgICAgICAgICB0aGlzLmhhc05vUGFkZGluZyA/ICdldWktaWNvbi1idXR0b24tLWhhcy1uby1wYWRkaW5nJzogJycsXG4gICAgICAgICAgICB0aGlzLmhhc0ZvY3VzSG92ZXJDb2xvciA/ICdldWktaWNvbi1idXR0b24tLWhhcy1mb2N1cy1ob3Zlci1jb2xvcic6ICcnLFxuICAgICAgICAgICAgdGhpcy5oYXNGb2N1c0hvdmVyQmcgPyAnZXVpLWljb24tYnV0dG9uLS1oYXMtZm9jdXMtaG92ZXItYmcnOiAnJyxcbiAgICAgICAgICAgIHRoaXMuZXVpUm91bmRlZCA/ICdldWktaWNvbi1idXR0b24tLXJvdW5kZWQnOiAnJyxcbiAgICAgICAgICAgIHRoaXMuZXVpRGlzYWJsZWQgPyAnZXVpLWljb24tYnV0dG9uLS1kaXNhYmxlZCc6ICcnLFxuICAgICAgICBdXG4gICAgICAgICAgICAuam9pbignICcpXG4gICAgICAgICAgICAudHJpbSgpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgICBASW5wdXQoKSBmaWxsQ29sb3I6IHN0cmluZztcbiAgICBASW5wdXQoKSBzaXplOiAnMnhzJyB8ICd4cycgfCAncycgfCAnbScgfCAnbCcgfCAneGwnIHwgJzJ4bCcgfCAnM3hsJyB8ICc0eGwnID0gJ20nO1xuICAgIEBJbnB1dCgpIGFyaWFMYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHRhYmluZGV4ID0gMDtcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBoYXNOb1BhZGRpbmcgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaGFzRm9jdXNIb3ZlckNvbG9yID0gZmFsc2U7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGhhc0ZvY3VzSG92ZXJCZyA9IHRydWU7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGV1aVJvdW5kZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZXVpRGlzYWJsZWQgPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKSBidXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cbiAgICBvbkNsaWNrKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmJ1dHRvbkNsaWNrLmVtaXQoZXZlbnQpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5oYXNGb2N1c0hvdmVyQ29sb3IpIHtcbiAgICAgICAgICAgIHRoaXMuaGFzRm9jdXNIb3ZlckJnID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8YnV0dG9uIGNsYXNzPVwiZXVpLWljb24tYnV0dG9uX19idXR0b25cIlxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIlxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCJcbiAgICBbYXR0ci50YWJpbmRleF09XCJ0YWJpbmRleFwiPlxuICAgIDxldWktaWNvbi1zdmcgW2ljb25dPVwiaWNvblwiIFtmaWxsQ29sb3JdPVwiZmlsbENvbG9yXCIgW3NpemVdPVwic2l6ZVwiIGNsYXNzPVwiZXVpLWljb24tYnV0dG9uX19idXR0b24taWNvblwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktYmFkZ2VcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9ldWktaWNvbi1zdmc+XG48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -12,7 +12,7 @@ export class EuiIconStateComponent {
|
|
|
12
12
|
this.size = 'm';
|
|
13
13
|
}
|
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiIconStateComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiIconStateComponent, selector: "eui-icon-state", inputs: { size: "size", ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n", styles: [".eui-icon-state{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiIconStateComponent, selector: "eui-icon-state", inputs: { size: "size", ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" aria-label=\"eUI success icon\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" aria-label=\"eUI warning icon\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" aria-label=\"eUI danger icon\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI primary icon\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI secondary icon\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" aria-label=\"eUI info icon\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n", styles: [".eui-icon-state{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiIconStateComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
@@ -28,7 +28,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
|
|
|
28
28
|
'euiVariant',
|
|
29
29
|
],
|
|
30
30
|
},
|
|
31
|
-
], template: "@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n", styles: [".eui-icon-state{display:flex;flex-direction:column}\n"] }]
|
|
31
|
+
], template: "@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" aria-label=\"eUI success icon\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" aria-label=\"eUI warning icon\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" aria-label=\"eUI danger icon\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI primary icon\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI secondary icon\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" aria-label=\"eUI info icon\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n", styles: [".eui-icon-state{display:flex;flex-direction:column}\n"] }]
|
|
32
32
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
33
33
|
type: HostBinding,
|
|
34
34
|
args: ['class']
|
|
@@ -37,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
|
|
|
37
37
|
}], ariaLabel: [{
|
|
38
38
|
type: Input
|
|
39
39
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWljb24tc3RhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWljb24tc3RhdGUvZXVpLWljb24tc3RhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWljb24tc3RhdGUvZXVpLWljb24tc3RhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7O0FBcUI3RCxNQUFNLE9BQU8scUJBQXFCO0lBQzlCLElBQ0ksVUFBVTtRQUNWLE9BQU8sZ0JBQWdCLENBQUM7SUFDNUIsQ0FBQztJQUtELFlBQW1CLG1CQUF3QztRQUF4Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBSGxELFNBQUksR0FBa0UsR0FBRyxDQUFDO0lBR3JCLENBQUM7OEdBVHRELHFCQUFxQjtrR0FBckIscUJBQXFCLGlZQ3RCbEMsK2pDQWFBOzsyRkRTYSxxQkFBcUI7a0JBbkJqQyxTQUFTOytCQUNJLGdCQUFnQixpQkFHWCxpQkFBaUIsQ0FBQyxJQUFJLGtCQUNyQjt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsbUJBQW1COzRCQUM5QixNQUFNLEVBQUU7Z0NBQ0osWUFBWTtnQ0FDWixZQUFZO2dDQUNaLFNBQVM7Z0NBQ1QsWUFBWTtnQ0FDWixXQUFXO2dDQUNYLFlBQVk7NkJBQ2Y7eUJBQ0o7cUJBQ0o7d0ZBSUcsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU87Z0JBS1gsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktaWNvbi1zdGF0ZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1pY29uLXN0YXRlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vZXVpLWljb24tc3RhdGUuY29tcG9uZW50LnNjc3MnLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlLFxuICAgICAgICAgICAgaW5wdXRzOiBbXG4gICAgICAgICAgICAgICAgJ2V1aVByaW1hcnknLFxuICAgICAgICAgICAgICAgICdldWlTdWNjZXNzJyxcbiAgICAgICAgICAgICAgICAnZXVpSW5mbycsXG4gICAgICAgICAgICAgICAgJ2V1aVdhcm5pbmcnLFxuICAgICAgICAgICAgICAgICdldWlEYW5nZXInLFxuICAgICAgICAgICAgICAgICdldWlWYXJpYW50JyxcbiAgICAgICAgICAgIF0sXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpSWNvblN0YXRlQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gJ2V1aS1pY29uLXN0YXRlJztcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzaXplOiAnMnhzJyB8ICd4cycgfCAncycgfCAnbScgfCAnbCcgfCAneGwnIHwgJzJ4bCcgfCAnM3hsJyB8ICc0eGwnID0gJ20nO1xuICAgIEBJbnB1dCgpIGFyaWFMYWJlbDogc3RyaW5nO1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGJhc2VTdGF0ZXNEaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUpIHt9XG59XG4iLCJAaWYgKGJhc2VTdGF0ZXNEaXJlY3RpdmUuZXVpU3VjY2Vzcykge1xuICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImNoZWNrbWFyay1jaXJjbGU6b3V0bGluZVwiIGFyaWEtbGFiZWw9XCJlVUkgc3VjY2VzcyBpY29uXCIgZmlsbENvbG9yPVwic3VjY2Vzcy1kYXJrXCIgc2l6ZT1cInt7c2l6ZX19XCI+PC9ldWktaWNvbi1zdmc+XG59IEBlbHNlIGlmIChiYXNlU3RhdGVzRGlyZWN0aXZlLmV1aVdhcm5pbmcpIHtcbiAgICA8ZXVpLWljb24tc3ZnIGljb249XCJ3YXJuaW5nOm91dGxpbmVcIiBhcmlhLWxhYmVsPVwiZVVJIHdhcm5pbmcgaWNvblwiIGZpbGxDb2xvcj1cIndhcm5pbmctZGFya2VyXCIgc2l6ZT1cInt7c2l6ZX19XCI+PC9ldWktaWNvbi1zdmc+XG59IEBlbHNlIGlmIChiYXNlU3RhdGVzRGlyZWN0aXZlLmV1aURhbmdlcikge1xuICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImFsZXJ0LWNpcmNsZTpvdXRsaW5lXCIgYXJpYS1sYWJlbD1cImVVSSBkYW5nZXIgaWNvblwiIGZpbGxDb2xvcj1cImRhbmdlci1kYXJrXCIgc2l6ZT1cInt7c2l6ZX19XCI+PC9ldWktaWNvbi1zdmc+XG59IEBlbHNlIGlmIChiYXNlU3RhdGVzRGlyZWN0aXZlLmV1aVByaW1hcnkpIHtcbiAgICA8ZXVpLWljb24tc3ZnIGljb249XCJoZWxwLWNpcmNsZTpvdXRsaW5lXCIgYXJpYS1sYWJlbD1cImVVSSBwcmltYXJ5IGljb25cIiBmaWxsQ29sb3I9XCJwcmltYXJ5XCIgc2l6ZT1cInt7c2l6ZX19XCI+PC9ldWktaWNvbi1zdmc+XG59IEBlbHNlIGlmIChiYXNlU3RhdGVzRGlyZWN0aXZlLmV1aVNlY29uZGFyeSkge1xuICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImhlbHAtY2lyY2xlOm91dGxpbmVcIiBhcmlhLWxhYmVsPVwiZVVJIHNlY29uZGFyeSBpY29uXCIgZmlsbENvbG9yPVwibmV1dHJhbC1saWdodFwiIHNpemU9XCJ7e3NpemV9fVwiPjwvZXVpLWljb24tc3ZnPlxufSBAZWxzZSB7XG4gICAgPGV1aS1pY29uLXN2ZyBpY29uPVwiaW5mb3JtYXRpb24tY2lyY2xlOm91dGxpbmVcIiBhcmlhLWxhYmVsPVwiZVVJIGluZm8gaWNvblwiIGZpbGxDb2xvcj1cImluZm9cIiBzaXplPVwie3tzaXplfX1cIj48L2V1aS1pY29uLXN2Zz5cbn1cbiJdfQ==
|
|
@@ -74,7 +74,7 @@ class EuiAlertComponent {
|
|
|
74
74
|
this.closeAlert.emit(false);
|
|
75
75
|
}
|
|
76
76
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiAlertComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
77
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isBordered: ["isBordered", "isBordered", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute], isVisible: ["isVisible", "isVisible", 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 (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"/>\n}\n", styles: [".eui-18 .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));--_close-hover-color: var(--eui-alert-close-hover-color, var(--eui-c-info-lightest))}.eui-18 .eui-alert{display:flex;padding:var(--eui-s-m);background-color:var(--_bg-color);position:relative;border-radius:var(--eui-br-s)}.eui-18 .eui-alert--closeable{padding-right:var(--eui-s-4xl)}.eui-18 .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-18 .eui-alert-title-wrapper{display:flex;align-items:center}.eui-18 .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-18 .eui-alert-title{color:var(--_color);font:var(--eui-f-m-bold-compact)}.eui-18 .eui-alert-content{display:block}.eui-18 .eui-alert-content p:first-child{margin-top:0}.eui-18 .eui-alert-content p:last-child{margin-bottom:0}.eui-18 .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-18 .eui-alert-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-18 .eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-18 .eui-alert--success{--_color: var(--eui-c-success-darker);--_bg-color: var(--eui-c-success-bg);--_close-hover-color: var(--eui-c-success-lightest)}.eui-18 .eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-bg);--_close-hover-color: var(--eui-c-danger-lightest)}.eui-18 .eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-warning-bg);--_close-hover-color: var(--eui-c-warning-lightest)}.eui-18 .eui-alert--bordered.eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-info-bg);--_border-color: var(--eui-c-info)}.eui-18 .eui-alert--bordered.eui-alert--success{--_color: var(--eui-c-success-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-success-bg);--_border-color: var(--eui-c-success)}.eui-18 .eui-alert--bordered.eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-danger-bg);--_border-color: var(--eui-c-danger)}.eui-18 .eui-alert--bordered.eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-warning-bg);--_border-color: var(--eui-c-warning)}.eui-18 .eui-alert--hidden{display:none}.eui-18 .eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--bordered{border:1px solid var(--eui-c-neutral-lightest);border-left:3px solid var(--_border-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
77
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isBordered: ["isBordered", "isBordered", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute], isVisible: ["isVisible", "isVisible", 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 (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-18 .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));--_close-hover-color: var(--eui-alert-close-hover-color, var(--eui-c-info-lightest))}.eui-18 .eui-alert{display:flex;padding:var(--eui-s-m);background-color:var(--_bg-color);position:relative;border-radius:var(--eui-br-s)}.eui-18 .eui-alert--closeable{padding-right:var(--eui-s-4xl)}.eui-18 .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-18 .eui-alert-title-wrapper{display:flex;align-items:center}.eui-18 .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-18 .eui-alert-title{color:var(--_color);font:var(--eui-f-m-bold-compact)}.eui-18 .eui-alert-content{display:block}.eui-18 .eui-alert-content p:first-child{margin-top:0}.eui-18 .eui-alert-content p:last-child{margin-bottom:0}.eui-18 .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-18 .eui-alert-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-18 .eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-18 .eui-alert--success{--_color: var(--eui-c-success-darker);--_bg-color: var(--eui-c-success-bg);--_close-hover-color: var(--eui-c-success-lightest)}.eui-18 .eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-bg);--_close-hover-color: var(--eui-c-danger-lightest)}.eui-18 .eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-warning-bg);--_close-hover-color: var(--eui-c-warning-lightest)}.eui-18 .eui-alert--bordered.eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-info-bg);--_border-color: var(--eui-c-info)}.eui-18 .eui-alert--bordered.eui-alert--success{--_color: var(--eui-c-success-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-success-bg);--_border-color: var(--eui-c-success)}.eui-18 .eui-alert--bordered.eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-danger-bg);--_border-color: var(--eui-c-danger)}.eui-18 .eui-alert--bordered.eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-warning-bg);--_border-color: var(--eui-c-warning)}.eui-18 .eui-alert--hidden{display:none}.eui-18 .eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--bordered{border:1px solid var(--eui-c-neutral-lightest);border-left:3px solid var(--_border-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
78
78
|
}
|
|
79
79
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiAlertComponent, decorators: [{
|
|
80
80
|
type: Component,
|
|
@@ -89,7 +89,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
|
|
|
89
89
|
'euiVariant',
|
|
90
90
|
],
|
|
91
91
|
},
|
|
92
|
-
], template: "@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"/>\n}\n", styles: [".eui-18 .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));--_close-hover-color: var(--eui-alert-close-hover-color, var(--eui-c-info-lightest))}.eui-18 .eui-alert{display:flex;padding:var(--eui-s-m);background-color:var(--_bg-color);position:relative;border-radius:var(--eui-br-s)}.eui-18 .eui-alert--closeable{padding-right:var(--eui-s-4xl)}.eui-18 .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-18 .eui-alert-title-wrapper{display:flex;align-items:center}.eui-18 .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-18 .eui-alert-title{color:var(--_color);font:var(--eui-f-m-bold-compact)}.eui-18 .eui-alert-content{display:block}.eui-18 .eui-alert-content p:first-child{margin-top:0}.eui-18 .eui-alert-content p:last-child{margin-bottom:0}.eui-18 .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-18 .eui-alert-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-18 .eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-18 .eui-alert--success{--_color: var(--eui-c-success-darker);--_bg-color: var(--eui-c-success-bg);--_close-hover-color: var(--eui-c-success-lightest)}.eui-18 .eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-bg);--_close-hover-color: var(--eui-c-danger-lightest)}.eui-18 .eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-warning-bg);--_close-hover-color: var(--eui-c-warning-lightest)}.eui-18 .eui-alert--bordered.eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-info-bg);--_border-color: var(--eui-c-info)}.eui-18 .eui-alert--bordered.eui-alert--success{--_color: var(--eui-c-success-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-success-bg);--_border-color: var(--eui-c-success)}.eui-18 .eui-alert--bordered.eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-danger-bg);--_border-color: var(--eui-c-danger)}.eui-18 .eui-alert--bordered.eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-warning-bg);--_border-color: var(--eui-c-warning)}.eui-18 .eui-alert--hidden{display:none}.eui-18 .eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--bordered{border:1px solid var(--eui-c-neutral-lightest);border-left:3px solid var(--_border-color)}\n"] }]
|
|
92
|
+
], template: "@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-18 .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));--_close-hover-color: var(--eui-alert-close-hover-color, var(--eui-c-info-lightest))}.eui-18 .eui-alert{display:flex;padding:var(--eui-s-m);background-color:var(--_bg-color);position:relative;border-radius:var(--eui-br-s)}.eui-18 .eui-alert--closeable{padding-right:var(--eui-s-4xl)}.eui-18 .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-18 .eui-alert-title-wrapper{display:flex;align-items:center}.eui-18 .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-18 .eui-alert-title{color:var(--_color);font:var(--eui-f-m-bold-compact)}.eui-18 .eui-alert-content{display:block}.eui-18 .eui-alert-content p:first-child{margin-top:0}.eui-18 .eui-alert-content p:last-child{margin-bottom:0}.eui-18 .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-18 .eui-alert-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-18 .eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-18 .eui-alert--success{--_color: var(--eui-c-success-darker);--_bg-color: var(--eui-c-success-bg);--_close-hover-color: var(--eui-c-success-lightest)}.eui-18 .eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-bg);--_close-hover-color: var(--eui-c-danger-lightest)}.eui-18 .eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-warning-bg);--_close-hover-color: var(--eui-c-warning-lightest)}.eui-18 .eui-alert--bordered.eui-alert--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-info-bg);--_border-color: var(--eui-c-info)}.eui-18 .eui-alert--bordered.eui-alert--success{--_color: var(--eui-c-success-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-success-bg);--_border-color: var(--eui-c-success)}.eui-18 .eui-alert--bordered.eui-alert--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-danger-bg);--_border-color: var(--eui-c-danger)}.eui-18 .eui-alert--bordered.eui-alert--warning{--_color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-neutral-bg-lighter);--_close-hover-color: var(--eui-c-warning-bg);--_border-color: var(--eui-c-warning)}.eui-18 .eui-alert--hidden{display:none}.eui-18 .eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--focusable [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-alert--bordered{border:1px solid var(--eui-c-neutral-lightest);border-left:3px solid var(--_border-color)}\n"] }]
|
|
93
93
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
94
94
|
type: HostBinding,
|
|
95
95
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-alert.mjs","sources":["../../eui-alert/components/eui-alert-title.component.ts","../../eui-alert/eui-alert.component.ts","../../eui-alert/eui-alert.component.html","../../eui-alert/eui-alert.module.ts","../../eui-alert/eui-components-eui-alert.ts"],"sourcesContent":["import { Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'eui-alert-title',\n template: '<ng-content></ng-content>',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiAlertTitleComponent {\n // host binding class assignment for the content directive, avoiding extra DOM templates wrapper\n @HostBinding('class') class = 'eui-alert-title';\n}\n","import {\n Component,\n HostBinding,\n EventEmitter,\n Input,\n ChangeDetectionStrategy,\n Output,\n OnInit,\n ContentChild,\n forwardRef,\n QueryList,\n booleanAttribute,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n@Component({\n templateUrl: './eui-alert.component.html',\n selector: 'div[euiAlert], eui-alert',\n styleUrl: './styles/_index.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiAlertComponent implements OnInit {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-alert'),\n this.isMuted ? 'eui-alert--muted' : '',\n this.isFocusable ? 'eui-alert--focusable' : '',\n this.isCloseable ? 'eui-alert--closeable' : '',\n this.isBordered ? 'eui-alert--bordered': '',\n !this.isVisible ? 'eui-alert--hidden' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.role') role = 'alert';\n @HostBinding('attr.aria-describedby')\n @Input()\n get ariaDescribedBy(): string {\n return `alertContent-${this.uniqueId}`;\n }\n @HostBinding('attr.tabindex')\n get tabindex(): string {\n return this.isFocusable ? '0' : '-1';\n }\n\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-alert';\n\n @Input({ transform: booleanAttribute }) isMuted = false;\n @Input({ transform: booleanAttribute }) isBordered = false;\n @Input({ transform: booleanAttribute }) isCloseable = false;\n @Input({ transform: booleanAttribute }) isFocusable = false;\n @Input({ transform: booleanAttribute }) isVisible = true;\n\n @Output() closeAlert = new EventEmitter<boolean>();\n\n @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n alertIconType: string;\n alertIconFillColor: string;\n\n private uniqueId: string;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n ngOnInit(): void {\n if (!this.baseStatesDirective.euiVariant) {\n this.baseStatesDirective.euiInfo = true;\n }\n this.uniqueId = crypto.randomUUID();\n }\n\n onCloseClick(): void {\n this.isVisible = false;\n this.closeAlert.emit(false);\n }\n}\n","@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"/>\n}\n","// Angular\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// 3rd party\nimport { TranslateModule } from '@ngx-translate/core';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\nconst EUI_MODULES = [\n EuiIconModule, EuiLabelModule, EuiButtonModule, EuiIconStateModule, EuiIconButtonModule,\n];\n\n// component internals\nimport { EuiAlertComponent } from './eui-alert.component';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\nconst COMPONENTS = [\n EuiAlertComponent, EuiAlertTitleComponent,\n];\n\n// component main module\n@NgModule({\n imports: [\n // Angular and 3rd party\n CommonModule, TranslateModule,\n // eUI internals\n BaseStatesDirective,\n ...EUI_MODULES,\n ],\n declarations: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\n// Always same naming convention for all : Eui[CMP_NAME]Module\nexport class EuiAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"eui-components-eui-alert.mjs","sources":["../../eui-alert/components/eui-alert-title.component.ts","../../eui-alert/eui-alert.component.ts","../../eui-alert/eui-alert.component.html","../../eui-alert/eui-alert.module.ts","../../eui-alert/eui-components-eui-alert.ts"],"sourcesContent":["import { Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'eui-alert-title',\n template: '<ng-content></ng-content>',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiAlertTitleComponent {\n // host binding class assignment for the content directive, avoiding extra DOM templates wrapper\n @HostBinding('class') class = 'eui-alert-title';\n}\n","import {\n Component,\n HostBinding,\n EventEmitter,\n Input,\n ChangeDetectionStrategy,\n Output,\n OnInit,\n ContentChild,\n forwardRef,\n QueryList,\n booleanAttribute,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n@Component({\n templateUrl: './eui-alert.component.html',\n selector: 'div[euiAlert], eui-alert',\n styleUrl: './styles/_index.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiAlertComponent implements OnInit {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-alert'),\n this.isMuted ? 'eui-alert--muted' : '',\n this.isFocusable ? 'eui-alert--focusable' : '',\n this.isCloseable ? 'eui-alert--closeable' : '',\n this.isBordered ? 'eui-alert--bordered': '',\n !this.isVisible ? 'eui-alert--hidden' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.role') role = 'alert';\n @HostBinding('attr.aria-describedby')\n @Input()\n get ariaDescribedBy(): string {\n return `alertContent-${this.uniqueId}`;\n }\n @HostBinding('attr.tabindex')\n get tabindex(): string {\n return this.isFocusable ? '0' : '-1';\n }\n\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-alert';\n\n @Input({ transform: booleanAttribute }) isMuted = false;\n @Input({ transform: booleanAttribute }) isBordered = false;\n @Input({ transform: booleanAttribute }) isCloseable = false;\n @Input({ transform: booleanAttribute }) isFocusable = false;\n @Input({ transform: booleanAttribute }) isVisible = true;\n\n @Output() closeAlert = new EventEmitter<boolean>();\n\n @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n alertIconType: string;\n alertIconFillColor: string;\n\n private uniqueId: string;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n ngOnInit(): void {\n if (!this.baseStatesDirective.euiVariant) {\n this.baseStatesDirective.euiInfo = true;\n }\n this.uniqueId = crypto.randomUUID();\n }\n\n onCloseClick(): void {\n this.isVisible = false;\n this.closeAlert.emit(false);\n }\n}\n","@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"/>\n}\n","// Angular\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// 3rd party\nimport { TranslateModule } from '@ngx-translate/core';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\nconst EUI_MODULES = [\n EuiIconModule, EuiLabelModule, EuiButtonModule, EuiIconStateModule, EuiIconButtonModule,\n];\n\n// component internals\nimport { EuiAlertComponent } from './eui-alert.component';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\nconst COMPONENTS = [\n EuiAlertComponent, EuiAlertTitleComponent,\n];\n\n// component main module\n@NgModule({\n imports: [\n // Angular and 3rd party\n CommonModule, TranslateModule,\n // eUI internals\n BaseStatesDirective,\n ...EUI_MODULES,\n ],\n declarations: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\n// Always same naming convention for all : Eui[CMP_NAME]Module\nexport class EuiAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -36,11 +36,11 @@ class EuiIconButtonComponent {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: EuiIconButtonComponent, selector: "eui-icon-button", inputs: { icon: "icon", fillColor: "fillColor", size: "size", ariaLabel: "ariaLabel", tabindex: "tabindex", hasNoPadding: ["hasNoPadding", "hasNoPadding", booleanAttribute], hasFocusHoverColor: ["hasFocusHoverColor", "hasFocusHoverColor", booleanAttribute], hasFocusHoverBg: ["hasFocusHoverBg", "hasFocusHoverBg", booleanAttribute], euiRounded: ["euiRounded", "euiRounded", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<button class=\"eui-icon-button__button\"\n type=\"button\"\n (
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: EuiIconButtonComponent, selector: "eui-icon-button", inputs: { icon: "icon", fillColor: "fillColor", size: "size", ariaLabel: "ariaLabel", tabindex: "tabindex", hasNoPadding: ["hasNoPadding", "hasNoPadding", booleanAttribute], hasFocusHoverColor: ["hasFocusHoverColor", "hasFocusHoverColor", booleanAttribute], hasFocusHoverBg: ["hasFocusHoverBg", "hasFocusHoverBg", booleanAttribute], euiRounded: ["euiRounded", "euiRounded", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<button class=\"eui-icon-button__button\"\n type=\"button\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\">\n <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n", styles: [".eui-icon-button{display:inline-flex}.eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-icon-button--disabled .eui-icon-button__button{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}\n"], dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
40
40
|
}
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiIconButtonComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
|
-
args: [{ selector: 'eui-icon-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"eui-icon-button__button\"\n type=\"button\"\n (
|
|
43
|
+
args: [{ selector: 'eui-icon-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"eui-icon-button__button\"\n type=\"button\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\">\n <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n", styles: [".eui-icon-button{display:inline-flex}.eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-icon-button--disabled .eui-icon-button__button{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}\n"] }]
|
|
44
44
|
}], propDecorators: { cssClasses: [{
|
|
45
45
|
type: HostBinding,
|
|
46
46
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-icon-button.mjs","sources":["../../eui-icon-button/eui-icon-button.component.ts","../../eui-icon-button/eui-icon-button.component.html","../../eui-icon-button/eui-icon-button.module.ts","../../eui-icon-button/eui-components-eui-icon-button.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute, OnInit } from '@angular/core';\n\n@Component({\n selector: 'eui-icon-button',\n templateUrl: './eui-icon-button.component.html',\n styleUrls: [ './eui-icon-button.component.scss' ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconButtonComponent implements OnInit {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-icon-button',\n this.hasNoPadding ? 'eui-icon-button--has-no-padding': '',\n this.hasFocusHoverColor ? 'eui-icon-button--has-focus-hover-color': '',\n this.hasFocusHoverBg ? 'eui-icon-button--has-focus-hover-bg': '',\n this.euiRounded ? 'eui-icon-button--rounded': '',\n this.euiDisabled ? 'eui-icon-button--disabled': '',\n ]\n .join(' ')\n .trim();\n }\n\n @Input() icon: string;\n @Input() fillColor: string;\n @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n @Input() ariaLabel: string;\n @Input() tabindex = 0;\n\n @Input({ transform: booleanAttribute }) hasNoPadding = false;\n @Input({ transform: booleanAttribute }) hasFocusHoverColor = false;\n @Input({ transform: booleanAttribute }) hasFocusHoverBg = true;\n @Input({ transform: booleanAttribute }) euiRounded = false;\n @Input({ transform: booleanAttribute }) euiDisabled = false;\n\n @Output() buttonClick = new EventEmitter<Event>();\n\n onClick(event: Event): void {\n this.buttonClick.emit(event);\n }\n\n ngOnInit(): void {\n if (this.hasFocusHoverColor) {\n this.hasFocusHoverBg = false;\n }\n }\n}\n","<button class=\"eui-icon-button__button\"\n type=\"button\"\n (
|
|
1
|
+
{"version":3,"file":"eui-components-eui-icon-button.mjs","sources":["../../eui-icon-button/eui-icon-button.component.ts","../../eui-icon-button/eui-icon-button.component.html","../../eui-icon-button/eui-icon-button.module.ts","../../eui-icon-button/eui-components-eui-icon-button.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute, OnInit } from '@angular/core';\n\n@Component({\n selector: 'eui-icon-button',\n templateUrl: './eui-icon-button.component.html',\n styleUrls: [ './eui-icon-button.component.scss' ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconButtonComponent implements OnInit {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-icon-button',\n this.hasNoPadding ? 'eui-icon-button--has-no-padding': '',\n this.hasFocusHoverColor ? 'eui-icon-button--has-focus-hover-color': '',\n this.hasFocusHoverBg ? 'eui-icon-button--has-focus-hover-bg': '',\n this.euiRounded ? 'eui-icon-button--rounded': '',\n this.euiDisabled ? 'eui-icon-button--disabled': '',\n ]\n .join(' ')\n .trim();\n }\n\n @Input() icon: string;\n @Input() fillColor: string;\n @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n @Input() ariaLabel: string;\n @Input() tabindex = 0;\n\n @Input({ transform: booleanAttribute }) hasNoPadding = false;\n @Input({ transform: booleanAttribute }) hasFocusHoverColor = false;\n @Input({ transform: booleanAttribute }) hasFocusHoverBg = true;\n @Input({ transform: booleanAttribute }) euiRounded = false;\n @Input({ transform: booleanAttribute }) euiDisabled = false;\n\n @Output() buttonClick = new EventEmitter<Event>();\n\n onClick(event: Event): void {\n this.buttonClick.emit(event);\n }\n\n ngOnInit(): void {\n if (this.hasFocusHoverColor) {\n this.hasFocusHoverBg = false;\n }\n }\n}\n","<button class=\"eui-icon-button__button\"\n type=\"button\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\">\n <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconButtonComponent } from './eui-icon-button.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n ],\n declarations: [EuiIconButtonComponent],\n exports: [EuiIconButtonComponent],\n})\nexport class EuiIconButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ class EuiIconStateComponent {
|
|
|
15
15
|
this.size = 'm';
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiIconStateComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiIconStateComponent, selector: "eui-icon-state", inputs: { size: "size", ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n", styles: [".eui-icon-state{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiIconStateComponent, selector: "eui-icon-state", inputs: { size: "size", ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" aria-label=\"eUI success icon\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" aria-label=\"eUI warning icon\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" aria-label=\"eUI danger icon\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI primary icon\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI secondary icon\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" aria-label=\"eUI info icon\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n", styles: [".eui-icon-state{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiIconStateComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
@@ -31,7 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
|
|
|
31
31
|
'euiVariant',
|
|
32
32
|
],
|
|
33
33
|
},
|
|
34
|
-
], template: "@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n", styles: [".eui-icon-state{display:flex;flex-direction:column}\n"] }]
|
|
34
|
+
], template: "@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" aria-label=\"eUI success icon\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" aria-label=\"eUI warning icon\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" aria-label=\"eUI danger icon\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI primary icon\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI secondary icon\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" aria-label=\"eUI info icon\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n", styles: [".eui-icon-state{display:flex;flex-direction:column}\n"] }]
|
|
35
35
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
36
36
|
type: HostBinding,
|
|
37
37
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-icon-state.mjs","sources":["../../eui-icon-state/eui-icon-state.component.ts","../../eui-icon-state/eui-icon-state.component.html","../../eui-icon-state/eui-icon-state.module.ts","../../eui-icon-state/eui-components-eui-icon-state.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-icon-state',\n templateUrl: './eui-icon-state.component.html',\n styleUrl: './eui-icon-state.component.scss',\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiIconStateComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-icon-state';\n }\n\n @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n @Input() ariaLabel: string;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n}\n","@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconStateComponent } from './eui-icon-state.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n ],\n declarations: [EuiIconStateComponent],\n exports: [EuiIconStateComponent],\n})\nexport class EuiIconStateModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAsBa,qBAAqB,CAAA;AAC9B,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,gBAAgB,CAAC;KAC3B;AAKD,IAAA,WAAA,CAAmB,mBAAwC,EAAA;QAAxC,IAAmB,CAAA,mBAAA,GAAnB,mBAAmB,CAAqB;QAHlD,IAAI,CAAA,IAAA,GAAkE,GAAG,CAAC;KAGpB;8GATtD,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,iYCtBlC,
|
|
1
|
+
{"version":3,"file":"eui-components-eui-icon-state.mjs","sources":["../../eui-icon-state/eui-icon-state.component.ts","../../eui-icon-state/eui-icon-state.component.html","../../eui-icon-state/eui-icon-state.module.ts","../../eui-icon-state/eui-components-eui-icon-state.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-icon-state',\n templateUrl: './eui-icon-state.component.html',\n styleUrl: './eui-icon-state.component.scss',\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiIconStateComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-icon-state';\n }\n\n @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n @Input() ariaLabel: string;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n}\n","@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" aria-label=\"eUI success icon\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" aria-label=\"eUI warning icon\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" aria-label=\"eUI danger icon\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI primary icon\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI secondary icon\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" aria-label=\"eUI info icon\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconStateComponent } from './eui-icon-state.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n ],\n declarations: [EuiIconStateComponent],\n exports: [EuiIconStateComponent],\n})\nexport class EuiIconStateModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAsBa,qBAAqB,CAAA;AAC9B,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,gBAAgB,CAAC;KAC3B;AAKD,IAAA,WAAA,CAAmB,mBAAwC,EAAA;QAAxC,IAAmB,CAAA,mBAAA,GAAnB,mBAAmB,CAAqB;QAHlD,IAAI,CAAA,IAAA,GAAkE,GAAG,CAAC;KAGpB;8GATtD,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,iYCtBlC,+jCAaA,EAAA,MAAA,EAAA,CAAA,uDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDSa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAnBjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAGX,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACrB,cAAA,EAAA;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,mBAAmB;AAC9B,4BAAA,MAAM,EAAE;gCACJ,YAAY;gCACZ,YAAY;gCACZ,SAAS;gCACT,YAAY;gCACZ,WAAW;gCACX,YAAY;AACf,6BAAA;AACJ,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,+jCAAA,EAAA,MAAA,EAAA,CAAA,uDAAA,CAAA,EAAA,CAAA;wFAIG,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO,CAAA;gBAKX,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;;;MEfG,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAlB,kBAAkB,EAAA,YAAA,EAAA,CAHZ,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAHhC,YAAY;AACZ,YAAA,aAAa,aAGP,qBAAqB,CAAA,EAAA,CAAA,CAAA,EAAA;AAEtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YANvB,YAAY;YACZ,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAKR,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,aAAa;AAChB,qBAAA;oBACD,YAAY,EAAE,CAAC,qBAAqB,CAAC;oBACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;AACnC,iBAAA,CAAA;;;ACbD;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eui/components",
|
|
3
|
-
"version": "18.2.0
|
|
4
|
-
"tag": "
|
|
3
|
+
"version": "18.2.0",
|
|
4
|
+
"tag": "latest",
|
|
5
5
|
"description": "eUI components package",
|
|
6
6
|
"homepage": "https://eui.ecdevops.eu",
|
|
7
7
|
"author": "ec.europa.eui@gmail.com",
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"url": "https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/eui"
|
|
11
11
|
},
|
|
12
12
|
"peerDependencies": {
|
|
13
|
-
"@eui/core": "18.2.0
|
|
14
|
-
"@eui/base": "18.2.0
|
|
13
|
+
"@eui/core": "18.2.0",
|
|
14
|
+
"@eui/base": "18.2.0",
|
|
15
15
|
"@angular/common": "^18.0.0",
|
|
16
16
|
"@angular/core": "^18.0.0",
|
|
17
17
|
"@angular/forms": "^18.0.0",
|