@eui/components 17.3.9 → 17.3.11-snapshot-1724803910292
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/directives/eui-tooltip/container/eui-tooltip-container.component.d.ts +3 -4
- package/directives/eui-tooltip/container/eui-tooltip-container.component.d.ts.map +1 -1
- package/directives/eui-tooltip/eui-tooltip.directive.d.ts +4 -4
- package/directives/eui-tooltip/eui-tooltip.directive.d.ts.map +1 -1
- package/docs/components/EuiGrowlComponent.html +1 -1
- package/docs/components/EuiTooltipContainerComponent.html +21 -69
- package/docs/dependencies.html +3 -3
- package/docs/directives/EuiTooltipDirective.html +1 -13
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +0 -26
- package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +10 -14
- package/esm2022/directives/eui-tooltip/eui-tooltip.directive.mjs +41 -21
- package/esm2022/eui-growl/eui-growl.component.mjs +3 -3
- package/fesm2022/eui-components-directives.mjs +48 -42
- package/fesm2022/eui-components-directives.mjs.map +1 -1
- package/fesm2022/eui-components-eui-growl.mjs +2 -2
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/package.json +50 -50
- package/directives/eui-tooltip/token/eui-tooltip.token.d.ts +0 -4
- package/directives/eui-tooltip/token/eui-tooltip.token.d.ts.map +0 -1
- package/esm2022/directives/eui-tooltip/token/eui-tooltip.token.mjs +0 -3
|
@@ -91,11 +91,11 @@ class EuiGrowlComponent {
|
|
|
91
91
|
return this.value?.length ? this.value.findIndex((value) => value === msg) : -1;
|
|
92
92
|
}
|
|
93
93
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiGrowlComponent, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
94
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EuiGrowlComponent, selector: "eui-growl", inputs: { sticky: "sticky", life: "life", value: "value", style: "style", styleClass: "styleClass", position: "position", e2eAttr: "e2eAttr", closeAllSticky: "closeAllSticky" }, outputs: { growlClick: "growlClick" }, viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n #container\n role=\"region\"\n aria-live=\"polite\"\n class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n (click)=\"onClick()\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #msgel\n *ngFor=\"let msg of value\"\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info': msg.severity === 'info',\n 'eui-growl-item-container--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success': msg.severity === 'success',\n 'eui-growl--sticky': sticky\n }\"\n [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n <div class=\"eui-growl-item\">\n <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n </div>\n <eui-icon-svg-button\n (click)=\"remove(msg)\"\n iconSvgName=\"eui-close\"\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-svg-button>\n </div>\n </div>\n <div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n </div>\n </div>\n</div>\n", styles: [".eui-growl{--eui-bottom-left-horizontal-offset: var(--eui-base-spacing-l);--eui-bottom-left-vertical-offset: var(--eui-base-spacing-l);--eui-bottom-right-horizontal-offset: var(--eui-base-spacing-l);--eui-bottom-right-vertical-offset: var(--eui-base-spacing-l);position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-bottom-left-vertical-offset);left:var(--eui-bottom-left-horizontal-offset)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-bottom-right-vertical-offset);right:var(--eui-bottom-right-horizontal-offset)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{color:var(--eui-base-color-white);filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative;background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);max-height:80vh;overflow-y:auto;overflow-wrap:break-word}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i2.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
94
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EuiGrowlComponent, selector: "eui-growl", inputs: { sticky: "sticky", life: "life", value: "value", style: "style", styleClass: "styleClass", position: "position", e2eAttr: "e2eAttr", closeAllSticky: "closeAllSticky" }, outputs: { growlClick: "growlClick" }, viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n #container\n role=\"region\"\n aria-labelledby=\"msg-title\"\n aria-describedby=\"msg-detail\"\n aria-live=\"polite\"\n class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n (click)=\"onClick()\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #msgel\n *ngFor=\"let msg of value\"\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info': msg.severity === 'info',\n 'eui-growl-item-container--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success': msg.severity === 'success',\n 'eui-growl--sticky': sticky\n }\"\n [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n <div class=\"eui-growl-item\">\n <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n <div class=\"eui-growl-item-message\">\n <span id=\"msg-title\" class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n <p id=\"msg-detail\" class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n </div>\n <eui-icon-svg-button\n (click)=\"remove(msg)\"\n iconSvgName=\"eui-close\"\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-svg-button>\n </div>\n </div>\n <div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n </div>\n </div>\n</div>\n", styles: [".eui-growl{--eui-bottom-left-horizontal-offset: var(--eui-base-spacing-l);--eui-bottom-left-vertical-offset: var(--eui-base-spacing-l);--eui-bottom-right-horizontal-offset: var(--eui-base-spacing-l);--eui-bottom-right-vertical-offset: var(--eui-base-spacing-l);position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-bottom-left-vertical-offset);left:var(--eui-bottom-left-horizontal-offset)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-bottom-right-vertical-offset);right:var(--eui-bottom-right-horizontal-offset)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{color:var(--eui-base-color-white);filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative;background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);max-height:80vh;overflow-y:auto;overflow-wrap:break-word}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i2.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
95
95
|
}
|
|
96
96
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuiGrowlComponent, decorators: [{
|
|
97
97
|
type: Component,
|
|
98
|
-
args: [{ selector: 'eui-growl', encapsulation: ViewEncapsulation.None, template: "<div\n #container\n role=\"region\"\n aria-live=\"polite\"\n class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n (click)=\"onClick()\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #msgel\n *ngFor=\"let msg of value\"\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info': msg.severity === 'info',\n 'eui-growl-item-container--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success': msg.severity === 'success',\n 'eui-growl--sticky': sticky\n }\"\n [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n <div class=\"eui-growl-item\">\n <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n </div>\n <eui-icon-svg-button\n (click)=\"remove(msg)\"\n iconSvgName=\"eui-close\"\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-svg-button>\n </div>\n </div>\n <div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n </div>\n </div>\n</div>\n", styles: [".eui-growl{--eui-bottom-left-horizontal-offset: var(--eui-base-spacing-l);--eui-bottom-left-vertical-offset: var(--eui-base-spacing-l);--eui-bottom-right-horizontal-offset: var(--eui-base-spacing-l);--eui-bottom-right-vertical-offset: var(--eui-base-spacing-l);position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-bottom-left-vertical-offset);left:var(--eui-bottom-left-horizontal-offset)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-bottom-right-vertical-offset);right:var(--eui-bottom-right-horizontal-offset)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{color:var(--eui-base-color-white);filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative;background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);max-height:80vh;overflow-y:auto;overflow-wrap:break-word}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}\n"] }]
|
|
98
|
+
args: [{ selector: 'eui-growl', encapsulation: ViewEncapsulation.None, template: "<div\n #container\n role=\"region\"\n aria-labelledby=\"msg-title\"\n aria-describedby=\"msg-detail\"\n aria-live=\"polite\"\n class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n (click)=\"onClick()\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #msgel\n *ngFor=\"let msg of value\"\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info': msg.severity === 'info',\n 'eui-growl-item-container--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success': msg.severity === 'success',\n 'eui-growl--sticky': sticky\n }\"\n [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n <div class=\"eui-growl-item\">\n <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n <div class=\"eui-growl-item-message\">\n <span id=\"msg-title\" class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n <p id=\"msg-detail\" class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n </div>\n <eui-icon-svg-button\n (click)=\"remove(msg)\"\n iconSvgName=\"eui-close\"\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-svg-button>\n </div>\n </div>\n <div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n </div>\n </div>\n</div>\n", styles: [".eui-growl{--eui-bottom-left-horizontal-offset: var(--eui-base-spacing-l);--eui-bottom-left-vertical-offset: var(--eui-base-spacing-l);--eui-bottom-right-horizontal-offset: var(--eui-base-spacing-l);--eui-bottom-right-vertical-offset: var(--eui-base-spacing-l);position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-bottom-left-vertical-offset);left:var(--eui-bottom-left-horizontal-offset)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-bottom-right-vertical-offset);right:var(--eui-bottom-right-horizontal-offset)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{color:var(--eui-base-color-white);filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative;background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);max-height:80vh;overflow-y:auto;overflow-wrap:break-word}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}\n"] }]
|
|
99
99
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.IterableDiffers }], propDecorators: { sticky: [{
|
|
100
100
|
type: Input
|
|
101
101
|
}], life: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-growl.mjs","sources":["../../eui-growl/eui-growl.component.ts","../../eui-growl/eui-growl.component.html","../../eui-growl/eui-growl.module.ts","../../eui-growl/eui-components-eui-growl.ts"],"sourcesContent":["import { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport {\n Component,\n DoCheck,\n ElementRef,\n EventEmitter,\n Input,\n IterableDiffer,\n IterableDiffers,\n OnDestroy,\n Output,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { EuiGrowlMessage } from '@eui/core';\n@Component({\n selector: 'eui-growl',\n templateUrl: './eui-growl.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiGrowlComponent implements DoCheck, OnDestroy {\n @Input()\n get sticky(): boolean {\n return this._sticky;\n }\n set sticky(value: BooleanInput) {\n this._sticky = coerceBooleanProperty(value);\n }\n @Input() life = 3000;\n @Input() value: EuiGrowlMessage[] = [];\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Input() style: any;\n @Input() styleClass: string;\n @Input() position: string;\n @Input() e2eAttr = 'eui-growl';\n @Output() growlClick: EventEmitter<void> = new EventEmitter<void>();\n @Input() closeAllSticky = false;\n\n @ViewChild('container') containerViewChild: ElementRef<HTMLDivElement>;\n\n private differ: IterableDiffer<EuiGrowlMessage>;\n private _sticky = false;\n\n constructor(\n public el: ElementRef,\n differs: IterableDiffers,\n ) {\n this.differ = differs.find([]).create(undefined);\n }\n\n ngDoCheck(): void {\n const changes = this.differ.diff(this.value);\n\n if (changes) {\n // clear timeout in queue to avoid memory leak\n changes.forEachRemovedItem(({ item }) => clearTimeout(item?.timeout));\n // for newly added items create timeout if they are not sticky\n changes.forEachAddedItem(({ item }) => this.createRemovalTimeout(item));\n }\n }\n\n /**\n * @param msg The text message to appear in the container\n */\n remove(msg: EuiGrowlMessage): void;\n /**\n * @deprecated This is DEPRECATED please use it like remove(msg: UxMessage);\n * @param msg\n * @param msgel @deprecated\n */\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n remove(msg: EuiGrowlMessage, msgel?: any): void {\n if (msgel) {\n console.warn(\n 'This is DEPRECATED please use it like remove(msg: UxMessage);\\n' + 'This will be a breaking change in the eUI release.',\n );\n }\n this.value.splice(this.findMessageIndex(msg), 1);\n }\n\n /**\n * Removes all growl messages from the stack\n */\n removeAll(): void {\n if (this.value?.length) {\n this.value.splice(0, this.value.length);\n }\n }\n\n ngOnDestroy(): void {\n if (!this.sticky) {\n // make sure to clear any leftover async Timeout for messages\n this.value.forEach((v) => clearTimeout(v?.timeout));\n }\n }\n\n onClick(): void {\n this.growlClick.emit();\n }\n\n /**\n * check whether sticky growls are greater than two\n */\n isGrowlMoreThanTwo(): boolean {\n return this.value.filter((m) => m.sticky).length > 2;\n }\n\n /**\n * Removes all growl messages from the stack\n *\n * @param msg UxMessage\n */\n private createRemovalTimeout(value: EuiGrowlMessage): void {\n // if message it's NOT sticky and there's not any async running timeout\n if (!value.sticky && !value.timeout) {\n // set Timeout callback for each message based on the given life value\n value.timeout = setTimeout(() => this.remove(value), value.life || this.life);\n }\n }\n\n /**\n * Finds UxMessage index of the array otherwise returns -1\n *\n * @param msg UxMessage\n */\n private findMessageIndex(msg: EuiGrowlMessage): number {\n return this.value?.length ? this.value.findIndex((value) => value === msg) : -1;\n }\n}\n","<div\n #container\n role=\"region\"\n aria-live=\"polite\"\n class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n (click)=\"onClick()\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #msgel\n *ngFor=\"let msg of value\"\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info': msg.severity === 'info',\n 'eui-growl-item-container--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success': msg.severity === 'success',\n 'eui-growl--sticky': sticky\n }\"\n [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n <div class=\"eui-growl-item\">\n <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n </div>\n <eui-icon-svg-button\n (click)=\"remove(msg)\"\n iconSvgName=\"eui-close\"\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-svg-button>\n </div>\n </div>\n <div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n </div>\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiGrowlComponent } from './eui-growl.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, TranslateModule],\n exports: [EuiGrowlComponent],\n declarations: [EuiGrowlComponent],\n})\nexport class EuiGrowlModule {}\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-growl.mjs","sources":["../../eui-growl/eui-growl.component.ts","../../eui-growl/eui-growl.component.html","../../eui-growl/eui-growl.module.ts","../../eui-growl/eui-components-eui-growl.ts"],"sourcesContent":["import { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport {\n Component,\n DoCheck,\n ElementRef,\n EventEmitter,\n Input,\n IterableDiffer,\n IterableDiffers,\n OnDestroy,\n Output,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { EuiGrowlMessage } from '@eui/core';\n@Component({\n selector: 'eui-growl',\n templateUrl: './eui-growl.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiGrowlComponent implements DoCheck, OnDestroy {\n @Input()\n get sticky(): boolean {\n return this._sticky;\n }\n set sticky(value: BooleanInput) {\n this._sticky = coerceBooleanProperty(value);\n }\n @Input() life = 3000;\n @Input() value: EuiGrowlMessage[] = [];\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Input() style: any;\n @Input() styleClass: string;\n @Input() position: string;\n @Input() e2eAttr = 'eui-growl';\n @Output() growlClick: EventEmitter<void> = new EventEmitter<void>();\n @Input() closeAllSticky = false;\n\n @ViewChild('container') containerViewChild: ElementRef<HTMLDivElement>;\n\n private differ: IterableDiffer<EuiGrowlMessage>;\n private _sticky = false;\n\n constructor(\n public el: ElementRef,\n differs: IterableDiffers,\n ) {\n this.differ = differs.find([]).create(undefined);\n }\n\n ngDoCheck(): void {\n const changes = this.differ.diff(this.value);\n\n if (changes) {\n // clear timeout in queue to avoid memory leak\n changes.forEachRemovedItem(({ item }) => clearTimeout(item?.timeout));\n // for newly added items create timeout if they are not sticky\n changes.forEachAddedItem(({ item }) => this.createRemovalTimeout(item));\n }\n }\n\n /**\n * @param msg The text message to appear in the container\n */\n remove(msg: EuiGrowlMessage): void;\n /**\n * @deprecated This is DEPRECATED please use it like remove(msg: UxMessage);\n * @param msg\n * @param msgel @deprecated\n */\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n remove(msg: EuiGrowlMessage, msgel?: any): void {\n if (msgel) {\n console.warn(\n 'This is DEPRECATED please use it like remove(msg: UxMessage);\\n' + 'This will be a breaking change in the eUI release.',\n );\n }\n this.value.splice(this.findMessageIndex(msg), 1);\n }\n\n /**\n * Removes all growl messages from the stack\n */\n removeAll(): void {\n if (this.value?.length) {\n this.value.splice(0, this.value.length);\n }\n }\n\n ngOnDestroy(): void {\n if (!this.sticky) {\n // make sure to clear any leftover async Timeout for messages\n this.value.forEach((v) => clearTimeout(v?.timeout));\n }\n }\n\n onClick(): void {\n this.growlClick.emit();\n }\n\n /**\n * check whether sticky growls are greater than two\n */\n isGrowlMoreThanTwo(): boolean {\n return this.value.filter((m) => m.sticky).length > 2;\n }\n\n /**\n * Removes all growl messages from the stack\n *\n * @param msg UxMessage\n */\n private createRemovalTimeout(value: EuiGrowlMessage): void {\n // if message it's NOT sticky and there's not any async running timeout\n if (!value.sticky && !value.timeout) {\n // set Timeout callback for each message based on the given life value\n value.timeout = setTimeout(() => this.remove(value), value.life || this.life);\n }\n }\n\n /**\n * Finds UxMessage index of the array otherwise returns -1\n *\n * @param msg UxMessage\n */\n private findMessageIndex(msg: EuiGrowlMessage): number {\n return this.value?.length ? this.value.findIndex((value) => value === msg) : -1;\n }\n}\n","<div\n #container\n role=\"region\"\n aria-labelledby=\"msg-title\"\n aria-describedby=\"msg-detail\"\n aria-live=\"polite\"\n class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n (click)=\"onClick()\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #msgel\n *ngFor=\"let msg of value\"\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info': msg.severity === 'info',\n 'eui-growl-item-container--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success': msg.severity === 'success',\n 'eui-growl--sticky': sticky\n }\"\n [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n <div class=\"eui-growl-item\">\n <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n <div class=\"eui-growl-item-message\">\n <span id=\"msg-title\" class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n <p id=\"msg-detail\" class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n </div>\n <eui-icon-svg-button\n (click)=\"remove(msg)\"\n iconSvgName=\"eui-close\"\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-svg-button>\n </div>\n </div>\n <div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n </div>\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiGrowlComponent } from './eui-growl.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, TranslateModule],\n exports: [EuiGrowlComponent],\n declarations: [EuiGrowlComponent],\n})\nexport class EuiGrowlModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eui/components",
|
|
3
|
-
"version": "17.3.
|
|
4
|
-
"tag": "
|
|
3
|
+
"version": "17.3.11-snapshot-1724803910292",
|
|
4
|
+
"tag": "snapshot",
|
|
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": "17.3.
|
|
14
|
-
"@eui/base": "17.3.
|
|
13
|
+
"@eui/core": "17.3.11-snapshot-1724803910292",
|
|
14
|
+
"@eui/base": "17.3.11-snapshot-1724803910292",
|
|
15
15
|
"@angular/common": "^17.1.0",
|
|
16
16
|
"@angular/core": "^17.1.0",
|
|
17
17
|
"@angular/forms": "^17.1.0",
|
|
@@ -54,12 +54,6 @@
|
|
|
54
54
|
"esm": "./esm2022/eui-alert/eui-components-eui-alert.mjs",
|
|
55
55
|
"default": "./fesm2022/eui-components-eui-alert.mjs"
|
|
56
56
|
},
|
|
57
|
-
"./eui-autocomplete": {
|
|
58
|
-
"types": "./eui-autocomplete/index.d.ts",
|
|
59
|
-
"esm2022": "./esm2022/eui-autocomplete/eui-components-eui-autocomplete.mjs",
|
|
60
|
-
"esm": "./esm2022/eui-autocomplete/eui-components-eui-autocomplete.mjs",
|
|
61
|
-
"default": "./fesm2022/eui-components-eui-autocomplete.mjs"
|
|
62
|
-
},
|
|
63
57
|
"./eui-all": {
|
|
64
58
|
"types": "./eui-all/index.d.ts",
|
|
65
59
|
"esm2022": "./esm2022/eui-all/eui-components-eui-all.mjs",
|
|
@@ -84,6 +78,12 @@
|
|
|
84
78
|
"esm": "./esm2022/eui-block-content/eui-components-eui-block-content.mjs",
|
|
85
79
|
"default": "./fesm2022/eui-components-eui-block-content.mjs"
|
|
86
80
|
},
|
|
81
|
+
"./eui-autocomplete": {
|
|
82
|
+
"types": "./eui-autocomplete/index.d.ts",
|
|
83
|
+
"esm2022": "./esm2022/eui-autocomplete/eui-components-eui-autocomplete.mjs",
|
|
84
|
+
"esm": "./esm2022/eui-autocomplete/eui-components-eui-autocomplete.mjs",
|
|
85
|
+
"default": "./fesm2022/eui-components-eui-autocomplete.mjs"
|
|
86
|
+
},
|
|
87
87
|
"./eui-block-document": {
|
|
88
88
|
"types": "./eui-block-document/index.d.ts",
|
|
89
89
|
"esm2022": "./esm2022/eui-block-document/eui-components-eui-block-document.mjs",
|
|
@@ -186,11 +186,11 @@
|
|
|
186
186
|
"esm": "./esm2022/eui-feedback-message/eui-components-eui-feedback-message.mjs",
|
|
187
187
|
"default": "./fesm2022/eui-components-eui-feedback-message.mjs"
|
|
188
188
|
},
|
|
189
|
-
"./eui-
|
|
190
|
-
"types": "./eui-
|
|
191
|
-
"esm2022": "./esm2022/eui-
|
|
192
|
-
"esm": "./esm2022/eui-
|
|
193
|
-
"default": "./fesm2022/eui-components-eui-
|
|
189
|
+
"./eui-growl": {
|
|
190
|
+
"types": "./eui-growl/index.d.ts",
|
|
191
|
+
"esm2022": "./esm2022/eui-growl/eui-components-eui-growl.mjs",
|
|
192
|
+
"esm": "./esm2022/eui-growl/eui-components-eui-growl.mjs",
|
|
193
|
+
"default": "./fesm2022/eui-components-eui-growl.mjs"
|
|
194
194
|
},
|
|
195
195
|
"./eui-file-upload": {
|
|
196
196
|
"types": "./eui-file-upload/index.d.ts",
|
|
@@ -198,11 +198,17 @@
|
|
|
198
198
|
"esm": "./esm2022/eui-file-upload/eui-components-eui-file-upload.mjs",
|
|
199
199
|
"default": "./fesm2022/eui-components-eui-file-upload.mjs"
|
|
200
200
|
},
|
|
201
|
-
"./eui-
|
|
202
|
-
"types": "./eui-
|
|
203
|
-
"esm2022": "./esm2022/eui-
|
|
204
|
-
"esm": "./esm2022/eui-
|
|
205
|
-
"default": "./fesm2022/eui-components-eui-
|
|
201
|
+
"./eui-fieldset": {
|
|
202
|
+
"types": "./eui-fieldset/index.d.ts",
|
|
203
|
+
"esm2022": "./esm2022/eui-fieldset/eui-components-eui-fieldset.mjs",
|
|
204
|
+
"esm": "./esm2022/eui-fieldset/eui-components-eui-fieldset.mjs",
|
|
205
|
+
"default": "./fesm2022/eui-components-eui-fieldset.mjs"
|
|
206
|
+
},
|
|
207
|
+
"./eui-input-checkbox": {
|
|
208
|
+
"types": "./eui-input-checkbox/index.d.ts",
|
|
209
|
+
"esm2022": "./esm2022/eui-input-checkbox/eui-components-eui-input-checkbox.mjs",
|
|
210
|
+
"esm": "./esm2022/eui-input-checkbox/eui-components-eui-input-checkbox.mjs",
|
|
211
|
+
"default": "./fesm2022/eui-components-eui-input-checkbox.mjs"
|
|
206
212
|
},
|
|
207
213
|
"./eui-icon": {
|
|
208
214
|
"types": "./eui-icon/index.d.ts",
|
|
@@ -216,12 +222,6 @@
|
|
|
216
222
|
"esm": "./esm2022/eui-icon-toggle/eui-components-eui-icon-toggle.mjs",
|
|
217
223
|
"default": "./fesm2022/eui-components-eui-icon-toggle.mjs"
|
|
218
224
|
},
|
|
219
|
-
"./eui-input-checkbox": {
|
|
220
|
-
"types": "./eui-input-checkbox/index.d.ts",
|
|
221
|
-
"esm2022": "./esm2022/eui-input-checkbox/eui-components-eui-input-checkbox.mjs",
|
|
222
|
-
"esm": "./esm2022/eui-input-checkbox/eui-components-eui-input-checkbox.mjs",
|
|
223
|
-
"default": "./fesm2022/eui-components-eui-input-checkbox.mjs"
|
|
224
|
-
},
|
|
225
225
|
"./eui-input-group": {
|
|
226
226
|
"types": "./eui-input-group/index.d.ts",
|
|
227
227
|
"esm2022": "./esm2022/eui-input-group/eui-components-eui-input-group.mjs",
|
|
@@ -240,18 +240,6 @@
|
|
|
240
240
|
"esm": "./esm2022/eui-input-radio/eui-components-eui-input-radio.mjs",
|
|
241
241
|
"default": "./fesm2022/eui-components-eui-input-radio.mjs"
|
|
242
242
|
},
|
|
243
|
-
"./eui-input-text": {
|
|
244
|
-
"types": "./eui-input-text/index.d.ts",
|
|
245
|
-
"esm2022": "./esm2022/eui-input-text/eui-components-eui-input-text.mjs",
|
|
246
|
-
"esm": "./esm2022/eui-input-text/eui-components-eui-input-text.mjs",
|
|
247
|
-
"default": "./fesm2022/eui-components-eui-input-text.mjs"
|
|
248
|
-
},
|
|
249
|
-
"./eui-label": {
|
|
250
|
-
"types": "./eui-label/index.d.ts",
|
|
251
|
-
"esm2022": "./esm2022/eui-label/eui-components-eui-label.mjs",
|
|
252
|
-
"esm": "./esm2022/eui-label/eui-components-eui-label.mjs",
|
|
253
|
-
"default": "./fesm2022/eui-components-eui-label.mjs"
|
|
254
|
-
},
|
|
255
243
|
"./eui-list": {
|
|
256
244
|
"types": "./eui-list/index.d.ts",
|
|
257
245
|
"esm2022": "./esm2022/eui-list/eui-components-eui-list.mjs",
|
|
@@ -264,6 +252,18 @@
|
|
|
264
252
|
"esm": "./esm2022/eui-menu/eui-components-eui-menu.mjs",
|
|
265
253
|
"default": "./fesm2022/eui-components-eui-menu.mjs"
|
|
266
254
|
},
|
|
255
|
+
"./eui-input-text": {
|
|
256
|
+
"types": "./eui-input-text/index.d.ts",
|
|
257
|
+
"esm2022": "./esm2022/eui-input-text/eui-components-eui-input-text.mjs",
|
|
258
|
+
"esm": "./esm2022/eui-input-text/eui-components-eui-input-text.mjs",
|
|
259
|
+
"default": "./fesm2022/eui-components-eui-input-text.mjs"
|
|
260
|
+
},
|
|
261
|
+
"./eui-label": {
|
|
262
|
+
"types": "./eui-label/index.d.ts",
|
|
263
|
+
"esm2022": "./esm2022/eui-label/eui-components-eui-label.mjs",
|
|
264
|
+
"esm": "./esm2022/eui-label/eui-components-eui-label.mjs",
|
|
265
|
+
"default": "./fesm2022/eui-components-eui-label.mjs"
|
|
266
|
+
},
|
|
267
267
|
"./eui-message-box": {
|
|
268
268
|
"types": "./eui-message-box/index.d.ts",
|
|
269
269
|
"esm2022": "./esm2022/eui-message-box/eui-components-eui-message-box.mjs",
|
|
@@ -306,12 +306,6 @@
|
|
|
306
306
|
"esm": "./esm2022/eui-progress-circle/eui-components-eui-progress-circle.mjs",
|
|
307
307
|
"default": "./fesm2022/eui-components-eui-progress-circle.mjs"
|
|
308
308
|
},
|
|
309
|
-
"./eui-select": {
|
|
310
|
-
"types": "./eui-select/index.d.ts",
|
|
311
|
-
"esm2022": "./esm2022/eui-select/eui-components-eui-select.mjs",
|
|
312
|
-
"esm": "./esm2022/eui-select/eui-components-eui-select.mjs",
|
|
313
|
-
"default": "./fesm2022/eui-components-eui-select.mjs"
|
|
314
|
-
},
|
|
315
309
|
"./eui-sidebar-menu": {
|
|
316
310
|
"types": "./eui-sidebar-menu/index.d.ts",
|
|
317
311
|
"esm2022": "./esm2022/eui-sidebar-menu/eui-components-eui-sidebar-menu.mjs",
|
|
@@ -330,6 +324,12 @@
|
|
|
330
324
|
"esm": "./esm2022/eui-slide-toggle/eui-components-eui-slide-toggle.mjs",
|
|
331
325
|
"default": "./fesm2022/eui-components-eui-slide-toggle.mjs"
|
|
332
326
|
},
|
|
327
|
+
"./eui-select": {
|
|
328
|
+
"types": "./eui-select/index.d.ts",
|
|
329
|
+
"esm2022": "./esm2022/eui-select/eui-components-eui-select.mjs",
|
|
330
|
+
"esm": "./esm2022/eui-select/eui-components-eui-select.mjs",
|
|
331
|
+
"default": "./fesm2022/eui-components-eui-select.mjs"
|
|
332
|
+
},
|
|
333
333
|
"./eui-table": {
|
|
334
334
|
"types": "./eui-table/index.d.ts",
|
|
335
335
|
"esm2022": "./esm2022/eui-table/eui-components-eui-table.mjs",
|
|
@@ -366,12 +366,6 @@
|
|
|
366
366
|
"esm": "./esm2022/eui-timepicker/eui-components-eui-timepicker.mjs",
|
|
367
367
|
"default": "./fesm2022/eui-components-eui-timepicker.mjs"
|
|
368
368
|
},
|
|
369
|
-
"./eui-tree": {
|
|
370
|
-
"types": "./eui-tree/index.d.ts",
|
|
371
|
-
"esm2022": "./esm2022/eui-tree/eui-components-eui-tree.mjs",
|
|
372
|
-
"esm": "./esm2022/eui-tree/eui-components-eui-tree.mjs",
|
|
373
|
-
"default": "./fesm2022/eui-components-eui-tree.mjs"
|
|
374
|
-
},
|
|
375
369
|
"./eui-tree-list": {
|
|
376
370
|
"types": "./eui-tree-list/index.d.ts",
|
|
377
371
|
"esm2022": "./esm2022/eui-tree-list/eui-components-eui-tree-list.mjs",
|
|
@@ -384,6 +378,12 @@
|
|
|
384
378
|
"esm": "./esm2022/eui-wizard/eui-components-eui-wizard.mjs",
|
|
385
379
|
"default": "./fesm2022/eui-components-eui-wizard.mjs"
|
|
386
380
|
},
|
|
381
|
+
"./eui-tree": {
|
|
382
|
+
"types": "./eui-tree/index.d.ts",
|
|
383
|
+
"esm2022": "./esm2022/eui-tree/eui-components-eui-tree.mjs",
|
|
384
|
+
"esm": "./esm2022/eui-tree/eui-components-eui-tree.mjs",
|
|
385
|
+
"default": "./fesm2022/eui-components-eui-tree.mjs"
|
|
386
|
+
},
|
|
387
387
|
"./layout": {
|
|
388
388
|
"types": "./layout/index.d.ts",
|
|
389
389
|
"esm2022": "./esm2022/layout/eui-components-layout.mjs",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"eui-tooltip.token.d.ts","sourceRoot":"","sources":["../../../../directives/eui-tooltip/token/eui-tooltip.token.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEnE,eAAO,MAAM,wBAAwB,qCAAsE,CAAC"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { InjectionToken } from '@angular/core';
|
|
2
|
-
export const TOOLTIP_CONTAINER_CONFIG = new InjectionToken('TOOLTIP_CONTAINER_CONFIG');
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLXRvb2x0aXAudG9rZW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kaXJlY3RpdmVzL2V1aS10b29sdGlwL3Rva2VuL2V1aS10b29sdGlwLnRva2VuLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJL0MsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBQUcsSUFBSSxjQUFjLENBQXNCLDBCQUEwQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBFdWlUb29sdGlwSW50ZXJmYWNlIH0gZnJvbSAnLi4vbW9kZWxzL2V1aS10b29sdGlwLmNvbmZpZyc7XG5cbmV4cG9ydCBjb25zdCBUT09MVElQX0NPTlRBSU5FUl9DT05GSUcgPSBuZXcgSW5qZWN0aW9uVG9rZW48RXVpVG9vbHRpcEludGVyZmFjZT4oJ1RPT0xUSVBfQ09OVEFJTkVSX0NPTkZJRycpO1xuIl19
|