@eui/components 19.2.1 → 19.2.2-snapshot-1746624054534
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.map +1 -1
- package/docs/components/EuiDiscussionThreadComponent.html +81 -6
- package/docs/components/EuiDiscussionThreadItemComponent.html +4 -0
- package/docs/components/EuiHeaderUserProfileComponent.html +6 -0
- package/docs/components/EuiNavbarComponent.html +0 -4
- package/docs/components/EuiNavbarItemComponent.html +4 -0
- package/docs/components/EuiTableV2Component.html +1 -1
- package/docs/components/EuiTimelineComponent.html +4 -4
- package/docs/components/EuiTimelineItemComponent.html +4 -4
- package/docs/components/EuiToolbarComponent.html +6 -3
- package/docs/components/EuiTooltipContainerComponent.html +0 -4
- package/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/eui-card/components/eui-card-footer/eui-card-footer.component.d.ts.map +1 -1
- package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts.map +1 -1
- package/eui-discussion-thread/eui-discussion-thread.component.d.ts +6 -0
- package/eui-discussion-thread/eui-discussion-thread.component.d.ts.map +1 -1
- package/eui-navbar/eui-navbar-item/eui-navbar-item.component.d.ts.map +1 -1
- package/eui-navbar/eui-navbar.component.d.ts.map +1 -1
- package/eui-timeline/eui-timeline-item.component.d.ts.map +1 -1
- package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +5 -5
- package/fesm2022/eui-components-directives.mjs.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +4 -4
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
- package/fesm2022/eui-components-eui-avatar.mjs +2 -2
- package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +2 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-content.mjs +2 -2
- package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-document.mjs +2 -2
- package/fesm2022/eui-components-eui-block-document.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +2 -2
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs +2 -2
- package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
- package/fesm2022/eui-components-eui-discussion-thread.mjs +18 -7
- package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
- package/fesm2022/eui-components-eui-file-upload.mjs +2 -2
- package/fesm2022/eui-components-eui-growl.mjs +2 -2
- package/fesm2022/eui-components-eui-growl.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-input-checkbox.mjs +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-navbar.mjs +6 -10
- package/fesm2022/eui-components-eui-navbar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-paginator.mjs +2 -2
- package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-bar.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-bar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-circle.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +2 -2
- package/fesm2022/eui-components-eui-tabs-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-tabs-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-timebar.mjs +2 -2
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timeline.mjs +4 -4
- package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
- package/fesm2022/eui-components-eui-wizard.mjs +4 -4
- package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +18 -10
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/layout/eui-header/header-user-profile/header-user-profile.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar.component.d.ts.map +1 -1
- package/package.json +8 -8
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Input, HostBinding, Component,
|
|
2
|
+
import { Input, HostBinding, Component, NgModule } from '@angular/core';
|
|
3
3
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
4
4
|
import * as i2 from '@eui/components/eui-icon';
|
|
5
5
|
import { EUI_ICON } from '@eui/components/eui-icon';
|
|
@@ -46,7 +46,7 @@ class EuiDiscussionThreadItemComponent {
|
|
|
46
46
|
this._isOdd = coerceBooleanProperty(value);
|
|
47
47
|
}
|
|
48
48
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiDiscussionThreadItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: EuiDiscussionThreadItemComponent, isStandalone: true, selector: "eui-discussion-thread-item", inputs: { id: "id", typeClass: "typeClass", date: "date", author: "author", body: "body", tooltip: "tooltip", isOdd: "isOdd" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i0, template: "<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n </div>\n <div class=\"eui-discussion-thread__item-panel\">\n <div class=\"eui-discussion-thread__item-panel-header\">\n <div class=\"eui-discussion-thread__item-panel-heading\">\n <div class=\"eui-discussion-thread__item-panel-title\">\n {{ date | date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread__item-panel-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-subheading\">\n {{ author }}\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-body\">\n <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n </div>\n </div>\n</li>\n", dependencies: [{ kind: "component", type: i1.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: 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"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: EuiDiscussionThreadItemComponent, isStandalone: true, selector: "eui-discussion-thread-item", inputs: { id: "id", typeClass: "typeClass", date: "date", author: "author", body: "body", tooltip: "tooltip", isOdd: "isOdd" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i0, template: "<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n </div>\n <div class=\"eui-discussion-thread__item-panel\">\n <div class=\"eui-discussion-thread__item-panel-header\">\n <div class=\"eui-discussion-thread__item-panel-heading\">\n <div class=\"eui-discussion-thread__item-panel-title\">\n {{ date | date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread__item-panel-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-subheading\">\n {{ author }}\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-body\">\n <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n </div>\n </div>\n</li>\n", styles: [".eui-19 :host .eui-discussion-thread__item{margin-bottom:var(--eui-s-m);position:relative}.eui-19 :host .eui-discussion-thread__item:before,.eui-19 :host .eui-discussion-thread__item:after{content:\" \";display:table}.eui-19 :host .eui-discussion-thread__item:after{clear:both}.eui-19 :host .eui-discussion-thread__item-panel{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-xl);box-shadow:var(--eui-sh-card);float:left;padding:var(--eui-s-m) var(--eui-s-m) 0;position:relative;width:44%}.eui-19 :host .eui-discussion-thread__item-panel:before{border-bottom:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-19 :host .eui-discussion-thread__item-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-c-white);border-right:0 solid var(--eui-c-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-19 :host .eui-discussion-thread__item-badge{background-color:var(--eui-c-white);position:absolute;left:50%;width:50px;margin-left:-22px;top:22px}.eui-19 :host .eui-discussion-thread__item-panel-header{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.eui-19 :host .eui-discussion-thread__item-panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-19 :host .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-title{align-items:center;display:flex;font:var(--eui-f-m-bold)}.eui-19 :host .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-s)}.eui-19 :host .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time-icon{margin-right:var(--eui-s-xs)}.eui-19 :host .eui-discussion-thread__item-panel-subheading{margin-top:var(--eui-s-xs)}.eui-19 :host .eui-discussion-thread__item-panel-body{margin:var(--eui-s-m) 0}.eui-19 :host .eui-discussion-thread__item-panel-body__word-break{word-break:break-word}.eui-19 :host hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-c-black);height:1px;margin:0!important;opacity:.4}.eui-19 :host .eui-discussion-thread__item-panel-body>p,.eui-19 :host .eui-discussion-thread__item-panel-body>ul{margin-bottom:0}.eui-19 :host .eui-discussion-thread__item-panel-body>p+p{margin-top:5px}.eui-19 :host .eui-discussion-thread__item-panel-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-19 :host .eui-discussion-thread__item-panel-tooltip{background-color:#000000bf;font:var(--eui-f-s)}.eui-19 :host .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel{float:right}.eui-19 :host .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 :host .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}@media screen and (min-width: 1140px){.eui-19 :host .eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 :host .eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-19 :host .eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-19 :host .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 :host .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"], dependencies: [{ kind: "component", type: i1.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: 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"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
|
|
50
50
|
}
|
|
51
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiDiscussionThreadItemComponent, decorators: [{
|
|
52
52
|
type: Component,
|
|
@@ -55,7 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
55
55
|
...EUI_ICON,
|
|
56
56
|
...EUI_ICON_STATE,
|
|
57
57
|
DatePipe,
|
|
58
|
-
], template: "<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n </div>\n <div class=\"eui-discussion-thread__item-panel\">\n <div class=\"eui-discussion-thread__item-panel-header\">\n <div class=\"eui-discussion-thread__item-panel-heading\">\n <div class=\"eui-discussion-thread__item-panel-title\">\n {{ date | date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread__item-panel-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-subheading\">\n {{ author }}\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-body\">\n <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n </div>\n </div>\n</li>\n" }]
|
|
58
|
+
], template: "<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n </div>\n <div class=\"eui-discussion-thread__item-panel\">\n <div class=\"eui-discussion-thread__item-panel-header\">\n <div class=\"eui-discussion-thread__item-panel-heading\">\n <div class=\"eui-discussion-thread__item-panel-title\">\n {{ date | date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread__item-panel-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-subheading\">\n {{ author }}\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-body\">\n <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n </div>\n </div>\n</li>\n", styles: [".eui-19 :host .eui-discussion-thread__item{margin-bottom:var(--eui-s-m);position:relative}.eui-19 :host .eui-discussion-thread__item:before,.eui-19 :host .eui-discussion-thread__item:after{content:\" \";display:table}.eui-19 :host .eui-discussion-thread__item:after{clear:both}.eui-19 :host .eui-discussion-thread__item-panel{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-xl);box-shadow:var(--eui-sh-card);float:left;padding:var(--eui-s-m) var(--eui-s-m) 0;position:relative;width:44%}.eui-19 :host .eui-discussion-thread__item-panel:before{border-bottom:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-19 :host .eui-discussion-thread__item-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-c-white);border-right:0 solid var(--eui-c-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-19 :host .eui-discussion-thread__item-badge{background-color:var(--eui-c-white);position:absolute;left:50%;width:50px;margin-left:-22px;top:22px}.eui-19 :host .eui-discussion-thread__item-panel-header{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.eui-19 :host .eui-discussion-thread__item-panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-19 :host .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-title{align-items:center;display:flex;font:var(--eui-f-m-bold)}.eui-19 :host .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-s)}.eui-19 :host .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time-icon{margin-right:var(--eui-s-xs)}.eui-19 :host .eui-discussion-thread__item-panel-subheading{margin-top:var(--eui-s-xs)}.eui-19 :host .eui-discussion-thread__item-panel-body{margin:var(--eui-s-m) 0}.eui-19 :host .eui-discussion-thread__item-panel-body__word-break{word-break:break-word}.eui-19 :host hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-c-black);height:1px;margin:0!important;opacity:.4}.eui-19 :host .eui-discussion-thread__item-panel-body>p,.eui-19 :host .eui-discussion-thread__item-panel-body>ul{margin-bottom:0}.eui-19 :host .eui-discussion-thread__item-panel-body>p+p{margin-top:5px}.eui-19 :host .eui-discussion-thread__item-panel-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-19 :host .eui-discussion-thread__item-panel-tooltip{background-color:#000000bf;font:var(--eui-f-s)}.eui-19 :host .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel{float:right}.eui-19 :host .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 :host .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}@media screen and (min-width: 1140px){.eui-19 :host .eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 :host .eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-19 :host .eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-19 :host .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 :host .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"] }]
|
|
59
59
|
}], propDecorators: { cssClasses: [{
|
|
60
60
|
type: HostBinding,
|
|
61
61
|
args: ['class']
|
|
@@ -96,6 +96,14 @@ class EuiDiscussionThreadComponent {
|
|
|
96
96
|
*/
|
|
97
97
|
this.role = 'list';
|
|
98
98
|
}
|
|
99
|
+
/**
|
|
100
|
+
* Gets the CSS classes to apply to the host element.
|
|
101
|
+
*
|
|
102
|
+
* @returns {string} The CSS classes as a space-separated string.
|
|
103
|
+
*/
|
|
104
|
+
get cssClasses() {
|
|
105
|
+
return ['eui-discussion-thread'].join(' ').trim();
|
|
106
|
+
}
|
|
99
107
|
/**
|
|
100
108
|
* Track by function for ngFor directive to improve rendering performance.
|
|
101
109
|
* Uses the id property of each discussion thread item.
|
|
@@ -110,16 +118,19 @@ class EuiDiscussionThreadComponent {
|
|
|
110
118
|
return item.id;
|
|
111
119
|
}
|
|
112
120
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiDiscussionThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
113
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiDiscussionThreadComponent, isStandalone: true, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"eui-discussion-thread-wrapper
|
|
121
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiDiscussionThreadComponent, isStandalone: true, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"eui-discussion-thread-wrapper-header\">\n <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n</div>\n<ul role=\"none\" class=\"eui-discussion-thread-content\">\n @if (items) {\n @for (item of items; track item.id; let o = $odd; let e = $even;) {\n <eui-discussion-thread-item\n [isOdd]=\"o\"\n id=\"{{ item.id }}\"\n typeClass=\"{{ item.typeClass }}\"\n date=\"{{ item.date }}\"\n author=\"{{ item.author }}\"\n body=\"{{ item.body }}\"\n tooltip=\"{{ item.tooltip }}\">\n </eui-discussion-thread-item>\n }\n }\n\n @if (!items) {\n <ng-content></ng-content>\n }\n</ul>\n", styles: [".eui-19 :host.eui-discussion-thread{margin:0;padding:0;position:relative}.eui-19 :host.eui-discussion-thread .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 :host.eui-discussion-thread .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:var(--eui-s-xs);padding-bottom:var(--eui-s-2xs);width:100%;font:var(--eui-f-m-bold)}.eui-19 :host.eui-discussion-thread .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-neutral);display:flex;width:100%;font:var(--eui-f-m)}.eui-19 :host.eui-discussion-thread .eui-discussion-thread-content{list-style:none;padding:20px 0;position:relative}.eui-19 :host.eui-discussion-thread .eui-discussion-thread-content:before{background-color:var(--eui-c-neutral-lightest);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}\n"], dependencies: [{ kind: "component", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: ["id", "typeClass", "date", "author", "body", "tooltip", "isOdd"] }] }); }
|
|
114
122
|
}
|
|
115
123
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiDiscussionThreadComponent, decorators: [{
|
|
116
124
|
type: Component,
|
|
117
|
-
args: [{ selector: 'eui-discussion-thread',
|
|
125
|
+
args: [{ selector: 'eui-discussion-thread', imports: [
|
|
118
126
|
EuiDiscussionThreadItemComponent,
|
|
119
127
|
...EUI_ICON,
|
|
120
128
|
...EUI_LABEL,
|
|
121
|
-
], template: "<div class=\"eui-discussion-thread-wrapper
|
|
122
|
-
}], propDecorators: {
|
|
129
|
+
], template: "<div class=\"eui-discussion-thread-wrapper-header\">\n <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n</div>\n<ul role=\"none\" class=\"eui-discussion-thread-content\">\n @if (items) {\n @for (item of items; track item.id; let o = $odd; let e = $even;) {\n <eui-discussion-thread-item\n [isOdd]=\"o\"\n id=\"{{ item.id }}\"\n typeClass=\"{{ item.typeClass }}\"\n date=\"{{ item.date }}\"\n author=\"{{ item.author }}\"\n body=\"{{ item.body }}\"\n tooltip=\"{{ item.tooltip }}\">\n </eui-discussion-thread-item>\n }\n }\n\n @if (!items) {\n <ng-content></ng-content>\n }\n</ul>\n", styles: [".eui-19 :host.eui-discussion-thread{margin:0;padding:0;position:relative}.eui-19 :host.eui-discussion-thread .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 :host.eui-discussion-thread .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:var(--eui-s-xs);padding-bottom:var(--eui-s-2xs);width:100%;font:var(--eui-f-m-bold)}.eui-19 :host.eui-discussion-thread .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-neutral);display:flex;width:100%;font:var(--eui-f-m)}.eui-19 :host.eui-discussion-thread .eui-discussion-thread-content{list-style:none;padding:20px 0;position:relative}.eui-19 :host.eui-discussion-thread .eui-discussion-thread-content:before{background-color:var(--eui-c-neutral-lightest);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}\n"] }]
|
|
130
|
+
}], propDecorators: { cssClasses: [{
|
|
131
|
+
type: HostBinding,
|
|
132
|
+
args: ['class']
|
|
133
|
+
}], role: [{
|
|
123
134
|
type: HostBinding,
|
|
124
135
|
args: ['attr.role']
|
|
125
136
|
}], items: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-discussion-thread.mjs","sources":["../../eui-discussion-thread/eui-discussion-thread-item.component.ts","../../eui-discussion-thread/eui-discussion-thread-item.component.html","../../eui-discussion-thread/eui-discussion-thread.component.ts","../../eui-discussion-thread/eui-discussion-thread.component.html","../../eui-discussion-thread/eui-discussion-thread.module.ts","../../eui-discussion-thread/index.ts","../../eui-discussion-thread/eui-components-eui-discussion-thread.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EUI_LABEL } from '@eui/components/eui-label';\nimport { EUI_ICON_STATE } from '@eui/components/eui-icon-state';\nimport { DatePipe } from '@angular/common';\n\n/**\n * @description\n * Component for displaying individual items within a discussion thread.\n * This component represents a single entry in a conversation or thread timeline,\n * displaying information such as the author, date, content body, and optional tooltip.\n *\n * The component applies the ARIA role 'listitem' to maintain proper accessibility\n * and includes support for styling variants through the typeClass property.\n */\n@Component({\n selector: 'eui-discussion-thread-item',\n templateUrl: './eui-discussion-thread-item.component.html',\n imports: [\n ...EUI_LABEL,\n ...EUI_ICON,\n ...EUI_ICON_STATE,\n DatePipe,\n ],\n})\nexport class EuiDiscussionThreadItemComponent {\n /**\n * Sets CSS classes on the host element based on the typeClass property.\n * This helps maintain consistent styling with the parent theme variant.\n * @returns {string} The CSS class to be applied\n */\n @HostBinding('class')\n public get cssClasses(): string {\n return `eui--${this.typeClass}`; // simulate parent variant for icon auto-contrast color fill\n }\n\n /**\n * ARIA role for the host element to ensure proper accessibility.\n * @default 'listitem'\n */\n @HostBinding('attr.role') role = 'listitem';\n\n /**\n * Unique identifier for the discussion thread item.\n */\n @Input() id: string;\n\n /**\n * Type class defining the visual style of the item (e.g., 'info', 'warning', 'error').\n * This affects the color scheme applied to the item.\n */\n @Input() typeClass: string;\n\n /**\n * Date when the thread item was created or modified.\n */\n @Input() date: string;\n\n /**\n * Name or identifier of the author who created the item.\n */\n @Input() author: string;\n\n /**\n * Content body of the discussion thread item.\n */\n @Input() body: string;\n\n /**\n * Tooltip text to display additional information when hovering over the item.\n */\n @Input() tooltip: string;\n\n /**\n * Indicates if this item is in an odd position in the list.\n * Used for alternating styling patterns within the thread.\n */\n @Input()\n get isOdd(): boolean {\n return this._isOdd;\n }\n set isOdd(value: BooleanInput) {\n this._isOdd = coerceBooleanProperty(value);\n }\n private _isOdd = false;\n}\n","<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n </div>\n <div class=\"eui-discussion-thread__item-panel\">\n <div class=\"eui-discussion-thread__item-panel-header\">\n <div class=\"eui-discussion-thread__item-panel-heading\">\n <div class=\"eui-discussion-thread__item-panel-title\">\n {{ date | date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread__item-panel-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-subheading\">\n {{ author }}\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-body\">\n <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n </div>\n </div>\n</li>\n","import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\nimport { EUI_LABEL } from '@eui/components/eui-label';\nimport { EUI_ICON } from '@eui/components/eui-icon';\n\nimport { EuiDiscussionThreadItem } from './models/eui-discussion-thread-item.model';\nimport { EuiDiscussionThreadItemComponent } from './eui-discussion-thread-item.component';\n\n/**\n * @description\n * Component for displaying a discussion thread or conversation timeline.\n * This component renders a list of discussion thread items in a structured format,\n * with support for titles, subtitles, and tooltips for additional context.\n *\n * The component applies the ARIA role 'list' to the host element to maintain proper\n * accessibility for screen readers.\n *\n */\n@Component({\n selector: 'eui-discussion-thread',\n templateUrl: './eui-discussion-thread.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n imports: [\n EuiDiscussionThreadItemComponent,\n ...EUI_ICON,\n ...EUI_LABEL,\n ],\n})\nexport class EuiDiscussionThreadComponent {\n /**\n * ARIA role for the host element to ensure proper accessibility.\n * @default 'list'\n */\n @HostBinding('attr.role') role = 'list';\n\n /**\n * Array of discussion thread items to be displayed.\n * Each item should conform to the EuiDiscussionThreadItem interface.\n */\n @Input() items: EuiDiscussionThreadItem[];\n\n /**\n * The main title label for the discussion thread.\n */\n @Input() titleLabel: string;\n\n /**\n * The subtitle label for the discussion thread, typically used to provide\n * additional context or categorization.\n */\n @Input() subTitleLabel: string;\n\n /**\n * Tooltip text to display when hovering over the discussion thread.\n */\n @Input() tooltip: string;\n\n /**\n * Track by function for ngFor directive to improve rendering performance.\n * Uses the id property of each discussion thread item.\n *\n * @deprecated It will be removed in the next major version.\n *\n * @param index - The index of the current item in the array\n * @param item - The current discussion thread item\n * @returns The unique identifier for the item\n */\n public trackByFn(index: number, item: EuiDiscussionThreadItem): string {\n return item.id;\n }\n}\n","<div class=\"eui-discussion-thread-wrapper\">\n <div class=\"eui-discussion-thread-wrapper-header\">\n <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n </div>\n <ul role=\"none\" class=\"eui-discussion-thread\">\n @if (items) {\n @for (item of items; track item.id; let o = $odd; let e = $even;) {\n <eui-discussion-thread-item\n [isOdd]=\"o\"\n id=\"{{ item.id }}\"\n typeClass=\"{{ item.typeClass }}\"\n date=\"{{ item.date }}\"\n author=\"{{ item.author }}\"\n body=\"{{ item.body }}\"\n tooltip=\"{{ item.tooltip }}\">\n </eui-discussion-thread-item>\n }\n }\n\n @if (!items) {\n <ng-content></ng-content>\n }\n </ul>\n</div>\n","import { NgModule } from '@angular/core';\nimport { EuiDiscussionThreadComponent } from './eui-discussion-thread.component';\nimport { EuiDiscussionThreadItemComponent } from './eui-discussion-thread-item.component';\n\n/**\n * @description\n * Provides components for displaying structured discussion threads and conversation timelines.\n *\n * @deprecated Use {@link EUI_DISCUSSION_THREAD} instead.\n *\n * @see EuiDiscussionThreadComponent\n * @see EuiDiscussionThreadItemComponent\n */\n@NgModule({\n imports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n})\nexport class EuiDiscussionThreadModule {}\n","import { EuiDiscussionThreadItemComponent } from './eui-discussion-thread-item.component';\nimport { EuiDiscussionThreadComponent } from './eui-discussion-thread.component';\n\nexport * from './eui-discussion-thread.component';\nexport * from './eui-discussion-thread-item.component';\nexport * from './eui-discussion-thread.module';\nexport * from './models/eui-discussion-thread-item.model';\n\nexport const EUI_DISCUSSION_THREAD = [\n EuiDiscussionThreadComponent, \n EuiDiscussionThreadItemComponent,\n] as const;","/**\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-discussion-thread.mjs","sources":["../../eui-discussion-thread/eui-discussion-thread-item.component.ts","../../eui-discussion-thread/eui-discussion-thread-item.component.html","../../eui-discussion-thread/eui-discussion-thread.component.ts","../../eui-discussion-thread/eui-discussion-thread.component.html","../../eui-discussion-thread/eui-discussion-thread.module.ts","../../eui-discussion-thread/index.ts","../../eui-discussion-thread/eui-components-eui-discussion-thread.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EUI_LABEL } from '@eui/components/eui-label';\nimport { EUI_ICON_STATE } from '@eui/components/eui-icon-state';\nimport { DatePipe } from '@angular/common';\n\n/**\n * @description\n * Component for displaying individual items within a discussion thread.\n * This component represents a single entry in a conversation or thread timeline,\n * displaying information such as the author, date, content body, and optional tooltip.\n *\n * The component applies the ARIA role 'listitem' to maintain proper accessibility\n * and includes support for styling variants through the typeClass property.\n */\n@Component({\n selector: 'eui-discussion-thread-item',\n templateUrl: './eui-discussion-thread-item.component.html',\n styleUrl: './eui-discussion-thread-item.scss',\n imports: [\n ...EUI_LABEL,\n ...EUI_ICON,\n ...EUI_ICON_STATE,\n DatePipe,\n ],\n})\nexport class EuiDiscussionThreadItemComponent {\n /**\n * Sets CSS classes on the host element based on the typeClass property.\n * This helps maintain consistent styling with the parent theme variant.\n * @returns {string} The CSS class to be applied\n */\n @HostBinding('class')\n public get cssClasses(): string {\n return `eui--${this.typeClass}`; // simulate parent variant for icon auto-contrast color fill\n }\n\n /**\n * ARIA role for the host element to ensure proper accessibility.\n * @default 'listitem'\n */\n @HostBinding('attr.role') role = 'listitem';\n\n /**\n * Unique identifier for the discussion thread item.\n */\n @Input() id: string;\n\n /**\n * Type class defining the visual style of the item (e.g., 'info', 'warning', 'error').\n * This affects the color scheme applied to the item.\n */\n @Input() typeClass: string;\n\n /**\n * Date when the thread item was created or modified.\n */\n @Input() date: string;\n\n /**\n * Name or identifier of the author who created the item.\n */\n @Input() author: string;\n\n /**\n * Content body of the discussion thread item.\n */\n @Input() body: string;\n\n /**\n * Tooltip text to display additional information when hovering over the item.\n */\n @Input() tooltip: string;\n\n /**\n * Indicates if this item is in an odd position in the list.\n * Used for alternating styling patterns within the thread.\n */\n @Input()\n get isOdd(): boolean {\n return this._isOdd;\n }\n set isOdd(value: BooleanInput) {\n this._isOdd = coerceBooleanProperty(value);\n }\n private _isOdd = false;\n}\n","<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n </div>\n <div class=\"eui-discussion-thread__item-panel\">\n <div class=\"eui-discussion-thread__item-panel-header\">\n <div class=\"eui-discussion-thread__item-panel-heading\">\n <div class=\"eui-discussion-thread__item-panel-title\">\n {{ date | date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread__item-panel-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-subheading\">\n {{ author }}\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-body\">\n <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n </div>\n </div>\n</li>\n","import { Component, HostBinding, Input } from '@angular/core';\n\nimport { EUI_LABEL } from '@eui/components/eui-label';\nimport { EUI_ICON } from '@eui/components/eui-icon';\n\nimport { EuiDiscussionThreadItem } from './models/eui-discussion-thread-item.model';\nimport { EuiDiscussionThreadItemComponent } from './eui-discussion-thread-item.component';\n\n/**\n * @description\n * Component for displaying a discussion thread or conversation timeline.\n * This component renders a list of discussion thread items in a structured format,\n * with support for titles, subtitles, and tooltips for additional context.\n *\n * The component applies the ARIA role 'list' to the host element to maintain proper\n * accessibility for screen readers.\n *\n */\n@Component({\n selector: 'eui-discussion-thread',\n templateUrl: './eui-discussion-thread.component.html',\n styleUrls: ['./eui-discussion-thread.scss'],\n imports: [\n EuiDiscussionThreadItemComponent,\n ...EUI_ICON,\n ...EUI_LABEL,\n ],\n})\nexport class EuiDiscussionThreadComponent {\n /**\n * Gets the CSS classes to apply to the host element.\n *\n * @returns {string} The CSS classes as a space-separated string.\n */\n @HostBinding('class')\n get cssClasses(): string {\n return ['eui-discussion-thread'].join(' ').trim();\n }\n\n /**\n * ARIA role for the host element to ensure proper accessibility.\n * @default 'list'\n */\n @HostBinding('attr.role') role = 'list';\n\n /**\n * Array of discussion thread items to be displayed.\n * Each item should conform to the EuiDiscussionThreadItem interface.\n */\n @Input() items: EuiDiscussionThreadItem[];\n\n /**\n * The main title label for the discussion thread.\n */\n @Input() titleLabel: string;\n\n /**\n * The subtitle label for the discussion thread, typically used to provide\n * additional context or categorization.\n */\n @Input() subTitleLabel: string;\n\n /**\n * Tooltip text to display when hovering over the discussion thread.\n */\n @Input() tooltip: string;\n\n /**\n * Track by function for ngFor directive to improve rendering performance.\n * Uses the id property of each discussion thread item.\n *\n * @deprecated It will be removed in the next major version.\n *\n * @param index - The index of the current item in the array\n * @param item - The current discussion thread item\n * @returns The unique identifier for the item\n */\n public trackByFn(index: number, item: EuiDiscussionThreadItem): string {\n return item.id;\n }\n}\n","<div class=\"eui-discussion-thread-wrapper-header\">\n <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n</div>\n<ul role=\"none\" class=\"eui-discussion-thread-content\">\n @if (items) {\n @for (item of items; track item.id; let o = $odd; let e = $even;) {\n <eui-discussion-thread-item\n [isOdd]=\"o\"\n id=\"{{ item.id }}\"\n typeClass=\"{{ item.typeClass }}\"\n date=\"{{ item.date }}\"\n author=\"{{ item.author }}\"\n body=\"{{ item.body }}\"\n tooltip=\"{{ item.tooltip }}\">\n </eui-discussion-thread-item>\n }\n }\n\n @if (!items) {\n <ng-content></ng-content>\n }\n</ul>\n","import { NgModule } from '@angular/core';\nimport { EuiDiscussionThreadComponent } from './eui-discussion-thread.component';\nimport { EuiDiscussionThreadItemComponent } from './eui-discussion-thread-item.component';\n\n/**\n * @description\n * Provides components for displaying structured discussion threads and conversation timelines.\n *\n * @deprecated Use {@link EUI_DISCUSSION_THREAD} instead.\n *\n * @see EuiDiscussionThreadComponent\n * @see EuiDiscussionThreadItemComponent\n */\n@NgModule({\n imports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n})\nexport class EuiDiscussionThreadModule {}\n","import { EuiDiscussionThreadItemComponent } from './eui-discussion-thread-item.component';\nimport { EuiDiscussionThreadComponent } from './eui-discussion-thread.component';\n\nexport * from './eui-discussion-thread.component';\nexport * from './eui-discussion-thread-item.component';\nexport * from './eui-discussion-thread.module';\nexport * from './models/eui-discussion-thread-item.model';\n\nexport const EUI_DISCUSSION_THREAD = [\n EuiDiscussionThreadComponent, \n EuiDiscussionThreadItemComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -580,7 +580,7 @@ class EuiFileUploadComponent {
|
|
|
580
580
|
useExisting: EuiFileUploadComponent,
|
|
581
581
|
multi: true,
|
|
582
582
|
},
|
|
583
|
-
], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "fileInputs", predicate: ["input"], descendants: true }], ngImport: i0, template: "@if (hasDragArea) {\n <div\n class=\"eui-file-upload__drop-area\"\n [class.eui-file-upload__drop-area--active]=\"dragEntered\"\n [class.eui-file-upload__drop-area--disabled]=\"isDropAreaDisabled\">\n <span class=\"eui-file-upload__fake-btn\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</span>\n <span>{{ 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate }}</span>\n <input\n #input\n class=\"eui-file-upload__file-input\"\n attr.aria-label=\"{{ 'eui.euifileupload.CHOOSE-FILE' | translate }} 'or' {{\n 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate\n }}\"\n type=\"file\"\n accept=\"{{ accept }}\"\n [attr.disabled]=\"isDropAreaDisabled ? 'disabled' : null\"\n [multiple]=\"isMultiple\"\n (dragenter)=\"onDragEnter()\"\n (dragleave)=\"onDragLeave()\" />\n </div>\n} @else {\n <div class=\"eui-file-upload__simple-input-file\">\n <label for=\"file-{{ randomNumberId }}\">\n @if (browseButtonTemplate) {\n <ng-template [ngTemplateOutlet]=\"browseButtonTemplate\"></ng-template>\n } @else {\n <button euiButton type=\"button\" (click)=\"openBrowseWindow()\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</button>\n }\n </label>\n \n @if (isMultiple) {\n <input\n #input\n aria-label=\"Choose Multiple Files\"\n class=\"file-input\"\n id=\"file-{{ randomNumberId }}\"\n type=\"file\"\n accept=\"{{ accept }}\"\n multiple />\n } @else {\n <input\n #input\n aria-label=\"Choose a single file\"\n class=\"file-input\"\n id=\"file-{{ randomNumberId }}\"\n type=\"file\"\n accept=\"{{ accept }}\" />\n }\n </div>\n}\n\n@if (hasProgressBar) {\n @if (progressBarTemplate) {\n <ng-template [ngTemplateOutlet]=\"progressBarTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { progress } }\" />\n } @else {\n <eui-file-upload-progress [progress]=\"progress\" />\n }\n}\n\n@for (uploadedFile of uploadedFiles; let i = $index; track $index) {\n <div>\n <eui-file-preview\n [isItemsClickable]=\"isItemsClickable\"\n [index]=\"i\"\n [file]=\"uploadedFile\"\n [hasPreview]=\"hasPreview\"\n [hasPreviewAsImage]=\"hasPreviewAsImage\"\n [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n [uploadedFileTemplate]=\"uploadedFileTemplate\"\n (itemClick)=\"onItemClick($event)\"\n (removeFromList)=\"removeFromUploadedList($event)\">\n </eui-file-preview>\n </div>\n}\n\n@for (file of files; let i = $index; track $index) {\n <div>\n <eui-file-preview\n isFileObject\n [isItemsClickable]=\"isItemsClickable\"\n [index]=\"i\"\n [file]=\"file\"\n [hasPreview]=\"hasPreview\"\n [hasPreviewAsImage]=\"hasPreviewAsImage\"\n [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n [uploadedFileTemplate]=\"uploadedFileTemplate\"\n (itemClick)=\"onItemClick($event)\"\n (removeFromList)=\"removeFromList($event)\">\n </eui-file-preview>\n </div>\n}\n\n@if (filesTotalSize && hasTotalSizeDisplayed) {\n <div class=\"eui-file-upload__total-size\">\n {{ filesTotalSize | filesize }} {{ 'eui.euifileupload.TOTAL-SIZE' | translate }}\n </div>\n}\n\n<ng-content />\n\n@if (showResetBtn) {\n @if (resetButtonTemplate) {\n <ng-template [ngTemplateOutlet]=\"resetButtonTemplate\" />\n } @else {\n <button euiButton type=\"button\" (click)=\"resetList()\">\n {{ 'eui.euifileupload.RESET-LIST' | translate }}\n </button>\n }\n}\n", styles: [".eui-19 .eui-file-upload__total-size{margin-bottom:1rem;font:var(--eui-f-m-bold)}.eui-19 .eui-file-upload__drop-area{outline:1px dashed var(--eui-c-s-primary-
|
|
583
|
+
], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "fileInputs", predicate: ["input"], descendants: true }], ngImport: i0, template: "@if (hasDragArea) {\n <div\n class=\"eui-file-upload__drop-area\"\n [class.eui-file-upload__drop-area--active]=\"dragEntered\"\n [class.eui-file-upload__drop-area--disabled]=\"isDropAreaDisabled\">\n <span class=\"eui-file-upload__fake-btn\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</span>\n <span>{{ 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate }}</span>\n <input\n #input\n class=\"eui-file-upload__file-input\"\n attr.aria-label=\"{{ 'eui.euifileupload.CHOOSE-FILE' | translate }} 'or' {{\n 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate\n }}\"\n type=\"file\"\n accept=\"{{ accept }}\"\n [attr.disabled]=\"isDropAreaDisabled ? 'disabled' : null\"\n [multiple]=\"isMultiple\"\n (dragenter)=\"onDragEnter()\"\n (dragleave)=\"onDragLeave()\" />\n </div>\n} @else {\n <div class=\"eui-file-upload__simple-input-file\">\n <label for=\"file-{{ randomNumberId }}\">\n @if (browseButtonTemplate) {\n <ng-template [ngTemplateOutlet]=\"browseButtonTemplate\"></ng-template>\n } @else {\n <button euiButton type=\"button\" (click)=\"openBrowseWindow()\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</button>\n }\n </label>\n \n @if (isMultiple) {\n <input\n #input\n aria-label=\"Choose Multiple Files\"\n class=\"file-input\"\n id=\"file-{{ randomNumberId }}\"\n type=\"file\"\n accept=\"{{ accept }}\"\n multiple />\n } @else {\n <input\n #input\n aria-label=\"Choose a single file\"\n class=\"file-input\"\n id=\"file-{{ randomNumberId }}\"\n type=\"file\"\n accept=\"{{ accept }}\" />\n }\n </div>\n}\n\n@if (hasProgressBar) {\n @if (progressBarTemplate) {\n <ng-template [ngTemplateOutlet]=\"progressBarTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { progress } }\" />\n } @else {\n <eui-file-upload-progress [progress]=\"progress\" />\n }\n}\n\n@for (uploadedFile of uploadedFiles; let i = $index; track $index) {\n <div>\n <eui-file-preview\n [isItemsClickable]=\"isItemsClickable\"\n [index]=\"i\"\n [file]=\"uploadedFile\"\n [hasPreview]=\"hasPreview\"\n [hasPreviewAsImage]=\"hasPreviewAsImage\"\n [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n [uploadedFileTemplate]=\"uploadedFileTemplate\"\n (itemClick)=\"onItemClick($event)\"\n (removeFromList)=\"removeFromUploadedList($event)\">\n </eui-file-preview>\n </div>\n}\n\n@for (file of files; let i = $index; track $index) {\n <div>\n <eui-file-preview\n isFileObject\n [isItemsClickable]=\"isItemsClickable\"\n [index]=\"i\"\n [file]=\"file\"\n [hasPreview]=\"hasPreview\"\n [hasPreviewAsImage]=\"hasPreviewAsImage\"\n [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n [uploadedFileTemplate]=\"uploadedFileTemplate\"\n (itemClick)=\"onItemClick($event)\"\n (removeFromList)=\"removeFromList($event)\">\n </eui-file-preview>\n </div>\n}\n\n@if (filesTotalSize && hasTotalSizeDisplayed) {\n <div class=\"eui-file-upload__total-size\">\n {{ filesTotalSize | filesize }} {{ 'eui.euifileupload.TOTAL-SIZE' | translate }}\n </div>\n}\n\n<ng-content />\n\n@if (showResetBtn) {\n @if (resetButtonTemplate) {\n <ng-template [ngTemplateOutlet]=\"resetButtonTemplate\" />\n } @else {\n <button euiButton type=\"button\" (click)=\"resetList()\">\n {{ 'eui.euifileupload.RESET-LIST' | translate }}\n </button>\n }\n}\n", styles: [".eui-19 .eui-file-upload__total-size{margin-bottom:1rem;font:var(--eui-f-m-bold)}.eui-19 .eui-file-upload__drop-area{outline:1px dashed var(--eui-c-s-primary-base);border-radius:var(--eui-br-m);margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-19 .eui-file-upload__drop-area--active{background-color:var(--eui-c-active-bg);outline:3px dashed var(--eui-c-s-primary-base);border-radius:var(--eui-br-m);margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-19 .eui-file-upload__drop-area--disabled{opacity:.75;cursor:not-allowed}.eui-19 .eui-file-upload__drop-area--disabled .file-input{cursor:default}.eui-19 .eui-file-upload__fake-btn{background-color:#fff;border:var(--eui-bw-xs) solid #9e9ec4;border-radius:var(--eui-br-m);margin-right:8px;padding:8px 15px}.eui-19 .eui-file-upload__file-input{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-19 .eui-file-upload__file-input:not(:disabled){cursor:pointer}.eui-19 .eui-file-upload__simple-input-file{margin-bottom:var(--eui-s-xs)}.eui-19 .eui-file-upload__simple-input-file .file-input{display:none}.eui-19 .eui-file-upload__preview{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.eui-19 .eui-file-upload__preview--left{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-file-upload__preview--left__image{margin-right:var(--eui-s-m)}.eui-19 .eui-file-upload__preview--left__image img{width:180px}.eui-19 .eui-file-upload__preview--left__image .loading-container{text-align:center;width:180px}.eui-19 .eui-file-upload__preview--left__filename{display:block}.eui-19 .eui-file-upload__preview--right{align-items:center;display:flex;margin-left:auto;gap:var(--eui-s-m)}.eui-19 .eui-file-upload__progress-bar-container{margin-bottom:var(--eui-s-2xs)}.eui-19 .eui-file-upload__progress-bar-container .progress-bar{background-color:var(--eui-c-s-primary-base);height:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: EuiFilePreviewComponent, selector: "eui-file-preview", inputs: ["file", "uploadedFileTemplate", "index", "previewAsIconConfig", "hasPreview", "isFilenameDisplayed", "isFilesizeDisplayed", "isFiletypeDisplayed", "hasPreviewAsImage", "hasPreviewAsIcon", "isItemsClickable", "isFileObject"], outputs: ["removeFromList", "itemClick"] }, { kind: "component", type: EuiFileUploadProgressComponent, selector: "eui-file-upload-progress", inputs: ["progress"] }, { kind: "pipe", type: EuiFileSizePipe, name: "filesize" }, { kind: "component", type: i1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
584
584
|
}
|
|
585
585
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiFileUploadComponent, decorators: [{
|
|
586
586
|
type: Component,
|
|
@@ -598,7 +598,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
598
598
|
EuiFileSizePipe,
|
|
599
599
|
...EUI_BUTTON,
|
|
600
600
|
...EUI_ICON,
|
|
601
|
-
], template: "@if (hasDragArea) {\n <div\n class=\"eui-file-upload__drop-area\"\n [class.eui-file-upload__drop-area--active]=\"dragEntered\"\n [class.eui-file-upload__drop-area--disabled]=\"isDropAreaDisabled\">\n <span class=\"eui-file-upload__fake-btn\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</span>\n <span>{{ 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate }}</span>\n <input\n #input\n class=\"eui-file-upload__file-input\"\n attr.aria-label=\"{{ 'eui.euifileupload.CHOOSE-FILE' | translate }} 'or' {{\n 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate\n }}\"\n type=\"file\"\n accept=\"{{ accept }}\"\n [attr.disabled]=\"isDropAreaDisabled ? 'disabled' : null\"\n [multiple]=\"isMultiple\"\n (dragenter)=\"onDragEnter()\"\n (dragleave)=\"onDragLeave()\" />\n </div>\n} @else {\n <div class=\"eui-file-upload__simple-input-file\">\n <label for=\"file-{{ randomNumberId }}\">\n @if (browseButtonTemplate) {\n <ng-template [ngTemplateOutlet]=\"browseButtonTemplate\"></ng-template>\n } @else {\n <button euiButton type=\"button\" (click)=\"openBrowseWindow()\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</button>\n }\n </label>\n \n @if (isMultiple) {\n <input\n #input\n aria-label=\"Choose Multiple Files\"\n class=\"file-input\"\n id=\"file-{{ randomNumberId }}\"\n type=\"file\"\n accept=\"{{ accept }}\"\n multiple />\n } @else {\n <input\n #input\n aria-label=\"Choose a single file\"\n class=\"file-input\"\n id=\"file-{{ randomNumberId }}\"\n type=\"file\"\n accept=\"{{ accept }}\" />\n }\n </div>\n}\n\n@if (hasProgressBar) {\n @if (progressBarTemplate) {\n <ng-template [ngTemplateOutlet]=\"progressBarTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { progress } }\" />\n } @else {\n <eui-file-upload-progress [progress]=\"progress\" />\n }\n}\n\n@for (uploadedFile of uploadedFiles; let i = $index; track $index) {\n <div>\n <eui-file-preview\n [isItemsClickable]=\"isItemsClickable\"\n [index]=\"i\"\n [file]=\"uploadedFile\"\n [hasPreview]=\"hasPreview\"\n [hasPreviewAsImage]=\"hasPreviewAsImage\"\n [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n [uploadedFileTemplate]=\"uploadedFileTemplate\"\n (itemClick)=\"onItemClick($event)\"\n (removeFromList)=\"removeFromUploadedList($event)\">\n </eui-file-preview>\n </div>\n}\n\n@for (file of files; let i = $index; track $index) {\n <div>\n <eui-file-preview\n isFileObject\n [isItemsClickable]=\"isItemsClickable\"\n [index]=\"i\"\n [file]=\"file\"\n [hasPreview]=\"hasPreview\"\n [hasPreviewAsImage]=\"hasPreviewAsImage\"\n [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n [uploadedFileTemplate]=\"uploadedFileTemplate\"\n (itemClick)=\"onItemClick($event)\"\n (removeFromList)=\"removeFromList($event)\">\n </eui-file-preview>\n </div>\n}\n\n@if (filesTotalSize && hasTotalSizeDisplayed) {\n <div class=\"eui-file-upload__total-size\">\n {{ filesTotalSize | filesize }} {{ 'eui.euifileupload.TOTAL-SIZE' | translate }}\n </div>\n}\n\n<ng-content />\n\n@if (showResetBtn) {\n @if (resetButtonTemplate) {\n <ng-template [ngTemplateOutlet]=\"resetButtonTemplate\" />\n } @else {\n <button euiButton type=\"button\" (click)=\"resetList()\">\n {{ 'eui.euifileupload.RESET-LIST' | translate }}\n </button>\n }\n}\n", styles: [".eui-19 .eui-file-upload__total-size{margin-bottom:1rem;font:var(--eui-f-m-bold)}.eui-19 .eui-file-upload__drop-area{outline:1px dashed var(--eui-c-s-primary-
|
|
601
|
+
], template: "@if (hasDragArea) {\n <div\n class=\"eui-file-upload__drop-area\"\n [class.eui-file-upload__drop-area--active]=\"dragEntered\"\n [class.eui-file-upload__drop-area--disabled]=\"isDropAreaDisabled\">\n <span class=\"eui-file-upload__fake-btn\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</span>\n <span>{{ 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate }}</span>\n <input\n #input\n class=\"eui-file-upload__file-input\"\n attr.aria-label=\"{{ 'eui.euifileupload.CHOOSE-FILE' | translate }} 'or' {{\n 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate\n }}\"\n type=\"file\"\n accept=\"{{ accept }}\"\n [attr.disabled]=\"isDropAreaDisabled ? 'disabled' : null\"\n [multiple]=\"isMultiple\"\n (dragenter)=\"onDragEnter()\"\n (dragleave)=\"onDragLeave()\" />\n </div>\n} @else {\n <div class=\"eui-file-upload__simple-input-file\">\n <label for=\"file-{{ randomNumberId }}\">\n @if (browseButtonTemplate) {\n <ng-template [ngTemplateOutlet]=\"browseButtonTemplate\"></ng-template>\n } @else {\n <button euiButton type=\"button\" (click)=\"openBrowseWindow()\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</button>\n }\n </label>\n \n @if (isMultiple) {\n <input\n #input\n aria-label=\"Choose Multiple Files\"\n class=\"file-input\"\n id=\"file-{{ randomNumberId }}\"\n type=\"file\"\n accept=\"{{ accept }}\"\n multiple />\n } @else {\n <input\n #input\n aria-label=\"Choose a single file\"\n class=\"file-input\"\n id=\"file-{{ randomNumberId }}\"\n type=\"file\"\n accept=\"{{ accept }}\" />\n }\n </div>\n}\n\n@if (hasProgressBar) {\n @if (progressBarTemplate) {\n <ng-template [ngTemplateOutlet]=\"progressBarTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { progress } }\" />\n } @else {\n <eui-file-upload-progress [progress]=\"progress\" />\n }\n}\n\n@for (uploadedFile of uploadedFiles; let i = $index; track $index) {\n <div>\n <eui-file-preview\n [isItemsClickable]=\"isItemsClickable\"\n [index]=\"i\"\n [file]=\"uploadedFile\"\n [hasPreview]=\"hasPreview\"\n [hasPreviewAsImage]=\"hasPreviewAsImage\"\n [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n [uploadedFileTemplate]=\"uploadedFileTemplate\"\n (itemClick)=\"onItemClick($event)\"\n (removeFromList)=\"removeFromUploadedList($event)\">\n </eui-file-preview>\n </div>\n}\n\n@for (file of files; let i = $index; track $index) {\n <div>\n <eui-file-preview\n isFileObject\n [isItemsClickable]=\"isItemsClickable\"\n [index]=\"i\"\n [file]=\"file\"\n [hasPreview]=\"hasPreview\"\n [hasPreviewAsImage]=\"hasPreviewAsImage\"\n [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n [uploadedFileTemplate]=\"uploadedFileTemplate\"\n (itemClick)=\"onItemClick($event)\"\n (removeFromList)=\"removeFromList($event)\">\n </eui-file-preview>\n </div>\n}\n\n@if (filesTotalSize && hasTotalSizeDisplayed) {\n <div class=\"eui-file-upload__total-size\">\n {{ filesTotalSize | filesize }} {{ 'eui.euifileupload.TOTAL-SIZE' | translate }}\n </div>\n}\n\n<ng-content />\n\n@if (showResetBtn) {\n @if (resetButtonTemplate) {\n <ng-template [ngTemplateOutlet]=\"resetButtonTemplate\" />\n } @else {\n <button euiButton type=\"button\" (click)=\"resetList()\">\n {{ 'eui.euifileupload.RESET-LIST' | translate }}\n </button>\n }\n}\n", styles: [".eui-19 .eui-file-upload__total-size{margin-bottom:1rem;font:var(--eui-f-m-bold)}.eui-19 .eui-file-upload__drop-area{outline:1px dashed var(--eui-c-s-primary-base);border-radius:var(--eui-br-m);margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-19 .eui-file-upload__drop-area--active{background-color:var(--eui-c-active-bg);outline:3px dashed var(--eui-c-s-primary-base);border-radius:var(--eui-br-m);margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-19 .eui-file-upload__drop-area--disabled{opacity:.75;cursor:not-allowed}.eui-19 .eui-file-upload__drop-area--disabled .file-input{cursor:default}.eui-19 .eui-file-upload__fake-btn{background-color:#fff;border:var(--eui-bw-xs) solid #9e9ec4;border-radius:var(--eui-br-m);margin-right:8px;padding:8px 15px}.eui-19 .eui-file-upload__file-input{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-19 .eui-file-upload__file-input:not(:disabled){cursor:pointer}.eui-19 .eui-file-upload__simple-input-file{margin-bottom:var(--eui-s-xs)}.eui-19 .eui-file-upload__simple-input-file .file-input{display:none}.eui-19 .eui-file-upload__preview{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.eui-19 .eui-file-upload__preview--left{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 .eui-file-upload__preview--left__image{margin-right:var(--eui-s-m)}.eui-19 .eui-file-upload__preview--left__image img{width:180px}.eui-19 .eui-file-upload__preview--left__image .loading-container{text-align:center;width:180px}.eui-19 .eui-file-upload__preview--left__filename{display:block}.eui-19 .eui-file-upload__preview--right{align-items:center;display:flex;margin-left:auto;gap:var(--eui-s-m)}.eui-19 .eui-file-upload__progress-bar-container{margin-bottom:var(--eui-s-2xs)}.eui-19 .eui-file-upload__progress-bar-container .progress-bar{background-color:var(--eui-c-s-primary-base);height:var(--eui-s-2xs)}\n"] }]
|
|
602
602
|
}], propDecorators: { e2eAttr: [{
|
|
603
603
|
type: Input
|
|
604
604
|
}], progress: [{
|
|
@@ -89,7 +89,7 @@ class EuiGrowlComponent {
|
|
|
89
89
|
return this.value?.length ? this.value.findIndex((value) => value === msg) : -1;
|
|
90
90
|
}
|
|
91
91
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiGrowlComponent, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
92
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiGrowlComponent, isStandalone: true, selector: "eui-growl", inputs: { e2eAttr: "e2eAttr", sticky: ["sticky", "sticky", booleanAttribute], life: "life", value: "value", closeAllSticky: "closeAllSticky", position: "position" }, outputs: { growlClick: "growlClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-live": "this.ariaLive", "attr.aria-labelledby": "this.ariaLabelledBy", "attr.aria-describedby": "this.ariaDescribedBy" } }, ngImport: i0, template: "@for (msg of value; track msg) {\n<div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info eui--info': msg.severity === 'info',\n 'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success eui--success': msg.severity === 'success',\n 'eui-growl-item-container--filled': msg.filled,\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\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-summary-wrapper\">\n <eui-icon-state [euiVariant]=\"msg.severity\" class=\"eui-growl-item-icon\"/>\n <span [id]=\"titleId\" class=\"eui-growl-item-title\">{{ msg.summary }}</span>\n </div>\n <div [id]=\"contentId\" class=\"eui-growl-item-content\" [innerHTML]=\"msg.detail\"></div>\n\n <eui-icon-button\n (buttonClick)=\"remove(msg)\"\n icon=\"close:outline\"\n fillColor=\"neutral-light\"\n euiRounded\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-button>\n </div>\n\n</div>\n}\n@if (closeAllSticky && isGrowlMoreThanTwo()) {\n<div class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--secondary\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-summary-wrapper\">\n <eui-icon-svg icon=\"checkmark-done:sharp\"/>\n <span class=\"eui-growl-item-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <eui-icon-button (buttonClick)=\"removeAll()\"\n icon=\"close:outline\"\n fillColor=\"neutral-light\"\n euiRounded\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\"/>\n </div>\n</div>\n}\n", styles: [".eui-19 .eui-growl{--_color: var(--eui-growl-color, var(--eui-c-s-info-on-bg));--_bg-color: var(--eui-growl-bg-color, var(--eui-c-s-info-bg));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-c-s-info-bg-contrast));--_close-hover-color: var(--eui-growl-close-hover-color, var(--eui-c-s-info-bg-hover));--eui-bottom-left-horizontal-offset: var(--eui-s-l);--eui-bottom-left-vertical-offset: var(--eui-s-l);--eui-bottom-right-horizontal-offset: var(--eui-s-l);--eui-bottom-right-vertical-offset: var(--eui-s-l)}.eui-19 .eui-growl-item-container--primary{--_color: var(--eui-c-s-primary);--_bg-color: var(--eui-c-s-primary-bg);--_color-on-bg: var(--eui-c-s-primary-bg-contrast);--_close-hover-color: var(--eui-c-s-primary-bg-hover)}.eui-19 .eui-growl-item-container--secondary{--_color: var(--eui-c-s-secondary);--_bg-color: var(--eui-c-s-secondary-bg);--_color-on-bg: var(--eui-c-s-secondary-bg-contrast);--_close-hover-color: var(--eui-c-s-secondary-bg-hover)}.eui-19 .eui-growl-item-container--info{--_color: var(--eui-c-s-info);--_bg-color: var(--eui-c-s-info-bg);--_color-on-bg: var(--eui-c-s-info-bg-contrast);--_close-hover-color: var(--eui-c-s-info-bg-hover)}.eui-19 .eui-growl-item-container--success{--_color: var(--eui-c-s-success);--_bg-color: var(--eui-c-s-success-bg);--_color-on-bg: var(--eui-c-s-success-bg-contrast);--_close-hover-color: var(--eui-c-s-success-bg-hover)}.eui-19 .eui-growl-item-container--warning{--_color: var(--eui-c-s-warning);--_bg-color: var(--eui-c-s-warning-bg);--_color-on-bg: var(--eui-c-s-warning-bg-contrast);--_close-hover-color: var(--eui-c-s-warning-bg-hover)}.eui-19 .eui-growl-item-container--danger{--_color: var(--eui-c-s-danger);--_bg-color: var(--eui-c-s-danger-bg);--_color-on-bg: var(--eui-c-s-danger-bg-contrast);--_close-hover-color: var(--eui-c-s-danger-bg-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--primary{--_bg-color: var(--eui-c-s-primary-fill);--_color-on-bg: var(--eui-c-s-primary-fill-contrast);--_color: var(--eui-c-s-primary-fill-contrast);--_icon-color: var(--eui-c-s-primary-fill-contrast);--_close-hover-color: var(--eui-c-s-primary-fill-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--info{--_bg-color: var(--eui-c-s-info-fill);--_color-on-bg: var(--eui-c-s-info-fill-contrast);--_color: var(--eui-c-s-info-fill-contrast);--_icon-color: var(--eui-c-s-info-fill-contrast);--_close-hover-color: var(--eui-c-s-info-fill-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--success{--_bg-color: var(--eui-c-s-success-fill);--_color-on-bg: var(--eui-c-s-success-fill-contrast);--_color: var(--eui-c-s-success-fill-contrast);--_icon-color: var(--eui-c-s-success-fill-contrast);--_close-hover-color: var(--eui-c-s-success-fill-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--warning{--_bg-color: var(--eui-c-s-warning-fill);--_color-on-bg: var(--eui-c-s-warning-fill-contrast);--_color: var(--eui-c-s-warning-fill-contrast);--_icon-color: var(--eui-c-s-warning-fill-contrast);--_close-hover-color: var(--eui-c-s-warning-fill-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--danger{--_bg-color: var(--eui-c-s-danger-fill);--_color-on-bg: var(--eui-c-s-danger-fill-contrast);--_color: var(--eui-c-s-danger-fill-contrast);--_icon-color: var(--eui-c-s-danger-fill-contrast);--_close-hover-color: var(--eui-c-s-danger-fill-hover)}.eui-19 .eui-growl{position:fixed;width:20rem;z-index:var(--eui-zi-growl-message)}.eui-19 .eui-growl--bottom-left{bottom:var(--eui-bottom-left-vertical-offset);left:var(--eui-bottom-left-horizontal-offset)}.eui-19 .eui-growl--bottom-center{bottom:var(--eui-s-l);right:50%;transform:translate(50%)}.eui-19 .eui-growl--bottom-right{bottom:var(--eui-bottom-right-vertical-offset);right:var(--eui-bottom-right-horizontal-offset)}.eui-19 .eui-growl--top-left{left:var(--eui-s-l);top:var(--eui-s-l)}.eui-19 .eui-growl--top-center{right:50%;top:var(--eui-s-l);transform:translate(50%)}.eui-19 .eui-growl--top-right{right:var(--eui-s-l);top:var(--eui-s-l)}.eui-19 .eui-growl a{text-decoration:underline}.eui-19 .eui-growl-item-container{margin-bottom:var(--eui-s-s);position:relative;background-color:var(--_bg-color);color:var(--_color-on-bg)}.eui-19 .eui-growl-item{display:flex;flex-direction:column;padding:var(--eui-s-m);position:relative;width:20rem;box-shadow:var(--eui-sh-3)}.eui-19 .eui-growl-item-summary-wrapper{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-19 .eui-growl-item-title{font:var(--eui-f-m-compact-bold);margin-right:var(--eui-s-xl);color:var(--_color)}.eui-19 .eui-growl-item-content:not(:empty){margin-top:var(--eui-s-xs);max-height:80vh;overflow-y:auto;overflow-wrap:break-word;font:var(--eui-f-m-compact)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar{display:inherit;height:4px;width:4px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-growl-item-content:not(:empty){scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-growl-item-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 .eui-growl-item-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 .eui-growl-item-container--filled .eui-icon-svg svg{fill:var(--_icon-color)!important;color:var(--_icon-color)!important}.eui-19 .eui-growl-item-container--filled a,.eui-19 .eui-growl-item-container--filled code{color:var(--eui-c-white)!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { 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"] }, { kind: "component", type: i3.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "iconUrl", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
92
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiGrowlComponent, isStandalone: true, selector: "eui-growl", inputs: { e2eAttr: "e2eAttr", sticky: ["sticky", "sticky", booleanAttribute], life: "life", value: "value", closeAllSticky: "closeAllSticky", position: "position" }, outputs: { growlClick: "growlClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-live": "this.ariaLive", "attr.aria-labelledby": "this.ariaLabelledBy", "attr.aria-describedby": "this.ariaDescribedBy" } }, ngImport: i0, template: "@for (msg of value; track msg) {\n<div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info eui--info': msg.severity === 'info',\n 'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success eui--success': msg.severity === 'success',\n 'eui-growl-item-container--filled': msg.filled,\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\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-summary-wrapper\">\n <eui-icon-state [euiVariant]=\"msg.severity\" class=\"eui-growl-item-icon\"/>\n <span [id]=\"titleId\" class=\"eui-growl-item-title\">{{ msg.summary }}</span>\n </div>\n <div [id]=\"contentId\" class=\"eui-growl-item-content\" [innerHTML]=\"msg.detail\"></div>\n\n <eui-icon-button\n (buttonClick)=\"remove(msg)\"\n icon=\"close:outline\"\n fillColor=\"neutral-light\"\n euiRounded\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-button>\n </div>\n\n</div>\n}\n@if (closeAllSticky && isGrowlMoreThanTwo()) {\n<div class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--secondary\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-summary-wrapper\">\n <eui-icon-svg icon=\"checkmark-done:sharp\"/>\n <span class=\"eui-growl-item-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <eui-icon-button (buttonClick)=\"removeAll()\"\n icon=\"close:outline\"\n fillColor=\"neutral-light\"\n euiRounded\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\"/>\n </div>\n</div>\n}\n", styles: [".eui-19 .eui-growl{--_color: var(--eui-growl-color, var(--eui-c-s-info-on-surface-light));--_bg-color: var(--eui-growl-bg-color, var(--eui-c-s-info-surface-light));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-c-s-info-surface-light-contrast));--_close-hover-color: var(--eui-growl-close-hover-color, var(--eui-c-s-info-surface-light-hover));--eui-bottom-left-horizontal-offset: var(--eui-s-l);--eui-bottom-left-vertical-offset: var(--eui-s-l);--eui-bottom-right-horizontal-offset: var(--eui-s-l);--eui-bottom-right-vertical-offset: var(--eui-s-l)}.eui-19 .eui-growl-item-container--primary{--_color: var(--eui-c-s-primary);--_bg-color: var(--eui-c-s-primary-surface-light);--_color-on-bg: var(--eui-c-s-primary-surface-light-contrast);--_close-hover-color: var(--eui-c-s-primary-surface-light-hover)}.eui-19 .eui-growl-item-container--secondary{--_color: var(--eui-c-s-secondary);--_bg-color: var(--eui-c-s-secondary-surface-light);--_color-on-bg: var(--eui-c-s-secondary-surface-light-contrast);--_close-hover-color: var(--eui-c-s-secondary-surface-light-hover)}.eui-19 .eui-growl-item-container--info{--_color: var(--eui-c-s-info);--_bg-color: var(--eui-c-s-info-surface-light);--_color-on-bg: var(--eui-c-s-info-surface-light-contrast);--_close-hover-color: var(--eui-c-s-info-surface-light-hover)}.eui-19 .eui-growl-item-container--success{--_color: var(--eui-c-s-success);--_bg-color: var(--eui-c-s-success-surface-light);--_color-on-bg: var(--eui-c-s-success-surface-light-contrast);--_close-hover-color: var(--eui-c-s-success-surface-light-hover)}.eui-19 .eui-growl-item-container--warning{--_color: var(--eui-c-s-warning);--_bg-color: var(--eui-c-s-warning-surface-light);--_color-on-bg: var(--eui-c-s-warning-surface-light-contrast);--_close-hover-color: var(--eui-c-s-warning-surface-light-hover)}.eui-19 .eui-growl-item-container--danger{--_color: var(--eui-c-s-danger);--_bg-color: var(--eui-c-s-danger-surface-light);--_color-on-bg: var(--eui-c-s-danger-surface-light-contrast);--_close-hover-color: var(--eui-c-s-danger-surface-light-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--primary{--_bg-color: var(--eui-c-s-primary-surface);--_color-on-bg: var(--eui-c-s-primary-surface-contrast);--_color: var(--eui-c-s-primary-surface-contrast);--_icon-color: var(--eui-c-s-primary-surface-contrast);--_close-hover-color: var(--eui-c-s-primary-surface-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--info{--_bg-color: var(--eui-c-s-info-surface);--_color-on-bg: var(--eui-c-s-info-surface-contrast);--_color: var(--eui-c-s-info-surface-contrast);--_icon-color: var(--eui-c-s-info-surface-contrast);--_close-hover-color: var(--eui-c-s-info-surface-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--success{--_bg-color: var(--eui-c-s-success-surface);--_color-on-bg: var(--eui-c-s-success-surface-contrast);--_color: var(--eui-c-s-success-surface-contrast);--_icon-color: var(--eui-c-s-success-surface-contrast);--_close-hover-color: var(--eui-c-s-success-surface-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--warning{--_bg-color: var(--eui-c-s-warning-surface);--_color-on-bg: var(--eui-c-s-warning-surface-contrast);--_color: var(--eui-c-s-warning-surface-contrast);--_icon-color: var(--eui-c-s-warning-surface-contrast);--_close-hover-color: var(--eui-c-s-warning-surface-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--danger{--_bg-color: var(--eui-c-s-danger-surface);--_color-on-bg: var(--eui-c-s-danger-surface-contrast);--_color: var(--eui-c-s-danger-surface-contrast);--_icon-color: var(--eui-c-s-danger-surface-contrast);--_close-hover-color: var(--eui-c-s-danger-surface-hover)}.eui-19 .eui-growl{position:fixed;width:20rem;z-index:var(--eui-zi-growl-message)}.eui-19 .eui-growl--bottom-left{bottom:var(--eui-bottom-left-vertical-offset);left:var(--eui-bottom-left-horizontal-offset)}.eui-19 .eui-growl--bottom-center{bottom:var(--eui-s-l);right:50%;transform:translate(50%)}.eui-19 .eui-growl--bottom-right{bottom:var(--eui-bottom-right-vertical-offset);right:var(--eui-bottom-right-horizontal-offset)}.eui-19 .eui-growl--top-left{left:var(--eui-s-l);top:var(--eui-s-l)}.eui-19 .eui-growl--top-center{right:50%;top:var(--eui-s-l);transform:translate(50%)}.eui-19 .eui-growl--top-right{right:var(--eui-s-l);top:var(--eui-s-l)}.eui-19 .eui-growl a{text-decoration:underline}.eui-19 .eui-growl-item-container{margin-bottom:var(--eui-s-s);position:relative;background-color:var(--_bg-color);color:var(--_color-on-bg)}.eui-19 .eui-growl-item{display:flex;flex-direction:column;padding:var(--eui-s-m);position:relative;width:20rem;box-shadow:var(--eui-sh-3)}.eui-19 .eui-growl-item-summary-wrapper{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-19 .eui-growl-item-title{font:var(--eui-f-m-compact-bold);margin-right:var(--eui-s-xl);color:var(--_color)}.eui-19 .eui-growl-item-content:not(:empty){margin-top:var(--eui-s-xs);max-height:80vh;overflow-y:auto;overflow-wrap:break-word;font:var(--eui-f-m-compact)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar{display:inherit;height:4px;width:4px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-growl-item-content:not(:empty){scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-growl-item-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 .eui-growl-item-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 .eui-growl-item-container--filled .eui-icon-svg svg{fill:var(--_icon-color)!important;color:var(--_icon-color)!important}.eui-19 .eui-growl-item-container--filled a,.eui-19 .eui-growl-item-container--filled code{color:var(--eui-c-white)!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { 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"] }, { kind: "component", type: i3.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "iconUrl", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
93
93
|
}
|
|
94
94
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiGrowlComponent, decorators: [{
|
|
95
95
|
type: Component,
|
|
@@ -99,7 +99,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
99
99
|
...EUI_ICON,
|
|
100
100
|
...EUI_ICON_BUTTON,
|
|
101
101
|
...EUI_ICON_STATE,
|
|
102
|
-
], template: "@for (msg of value; track msg) {\n<div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info eui--info': msg.severity === 'info',\n 'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success eui--success': msg.severity === 'success',\n 'eui-growl-item-container--filled': msg.filled,\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\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-summary-wrapper\">\n <eui-icon-state [euiVariant]=\"msg.severity\" class=\"eui-growl-item-icon\"/>\n <span [id]=\"titleId\" class=\"eui-growl-item-title\">{{ msg.summary }}</span>\n </div>\n <div [id]=\"contentId\" class=\"eui-growl-item-content\" [innerHTML]=\"msg.detail\"></div>\n\n <eui-icon-button\n (buttonClick)=\"remove(msg)\"\n icon=\"close:outline\"\n fillColor=\"neutral-light\"\n euiRounded\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-button>\n </div>\n\n</div>\n}\n@if (closeAllSticky && isGrowlMoreThanTwo()) {\n<div class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--secondary\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-summary-wrapper\">\n <eui-icon-svg icon=\"checkmark-done:sharp\"/>\n <span class=\"eui-growl-item-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <eui-icon-button (buttonClick)=\"removeAll()\"\n icon=\"close:outline\"\n fillColor=\"neutral-light\"\n euiRounded\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\"/>\n </div>\n</div>\n}\n", styles: [".eui-19 .eui-growl{--_color: var(--eui-growl-color, var(--eui-c-s-info-on-
|
|
102
|
+
], template: "@for (msg of value; track msg) {\n<div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info eui--info': msg.severity === 'info',\n 'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success eui--success': msg.severity === 'success',\n 'eui-growl-item-container--filled': msg.filled,\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\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-summary-wrapper\">\n <eui-icon-state [euiVariant]=\"msg.severity\" class=\"eui-growl-item-icon\"/>\n <span [id]=\"titleId\" class=\"eui-growl-item-title\">{{ msg.summary }}</span>\n </div>\n <div [id]=\"contentId\" class=\"eui-growl-item-content\" [innerHTML]=\"msg.detail\"></div>\n\n <eui-icon-button\n (buttonClick)=\"remove(msg)\"\n icon=\"close:outline\"\n fillColor=\"neutral-light\"\n euiRounded\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-button>\n </div>\n\n</div>\n}\n@if (closeAllSticky && isGrowlMoreThanTwo()) {\n<div class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--secondary\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-summary-wrapper\">\n <eui-icon-svg icon=\"checkmark-done:sharp\"/>\n <span class=\"eui-growl-item-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <eui-icon-button (buttonClick)=\"removeAll()\"\n icon=\"close:outline\"\n fillColor=\"neutral-light\"\n euiRounded\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\"/>\n </div>\n</div>\n}\n", styles: [".eui-19 .eui-growl{--_color: var(--eui-growl-color, var(--eui-c-s-info-on-surface-light));--_bg-color: var(--eui-growl-bg-color, var(--eui-c-s-info-surface-light));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-c-s-info-surface-light-contrast));--_close-hover-color: var(--eui-growl-close-hover-color, var(--eui-c-s-info-surface-light-hover));--eui-bottom-left-horizontal-offset: var(--eui-s-l);--eui-bottom-left-vertical-offset: var(--eui-s-l);--eui-bottom-right-horizontal-offset: var(--eui-s-l);--eui-bottom-right-vertical-offset: var(--eui-s-l)}.eui-19 .eui-growl-item-container--primary{--_color: var(--eui-c-s-primary);--_bg-color: var(--eui-c-s-primary-surface-light);--_color-on-bg: var(--eui-c-s-primary-surface-light-contrast);--_close-hover-color: var(--eui-c-s-primary-surface-light-hover)}.eui-19 .eui-growl-item-container--secondary{--_color: var(--eui-c-s-secondary);--_bg-color: var(--eui-c-s-secondary-surface-light);--_color-on-bg: var(--eui-c-s-secondary-surface-light-contrast);--_close-hover-color: var(--eui-c-s-secondary-surface-light-hover)}.eui-19 .eui-growl-item-container--info{--_color: var(--eui-c-s-info);--_bg-color: var(--eui-c-s-info-surface-light);--_color-on-bg: var(--eui-c-s-info-surface-light-contrast);--_close-hover-color: var(--eui-c-s-info-surface-light-hover)}.eui-19 .eui-growl-item-container--success{--_color: var(--eui-c-s-success);--_bg-color: var(--eui-c-s-success-surface-light);--_color-on-bg: var(--eui-c-s-success-surface-light-contrast);--_close-hover-color: var(--eui-c-s-success-surface-light-hover)}.eui-19 .eui-growl-item-container--warning{--_color: var(--eui-c-s-warning);--_bg-color: var(--eui-c-s-warning-surface-light);--_color-on-bg: var(--eui-c-s-warning-surface-light-contrast);--_close-hover-color: var(--eui-c-s-warning-surface-light-hover)}.eui-19 .eui-growl-item-container--danger{--_color: var(--eui-c-s-danger);--_bg-color: var(--eui-c-s-danger-surface-light);--_color-on-bg: var(--eui-c-s-danger-surface-light-contrast);--_close-hover-color: var(--eui-c-s-danger-surface-light-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--primary{--_bg-color: var(--eui-c-s-primary-surface);--_color-on-bg: var(--eui-c-s-primary-surface-contrast);--_color: var(--eui-c-s-primary-surface-contrast);--_icon-color: var(--eui-c-s-primary-surface-contrast);--_close-hover-color: var(--eui-c-s-primary-surface-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--info{--_bg-color: var(--eui-c-s-info-surface);--_color-on-bg: var(--eui-c-s-info-surface-contrast);--_color: var(--eui-c-s-info-surface-contrast);--_icon-color: var(--eui-c-s-info-surface-contrast);--_close-hover-color: var(--eui-c-s-info-surface-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--success{--_bg-color: var(--eui-c-s-success-surface);--_color-on-bg: var(--eui-c-s-success-surface-contrast);--_color: var(--eui-c-s-success-surface-contrast);--_icon-color: var(--eui-c-s-success-surface-contrast);--_close-hover-color: var(--eui-c-s-success-surface-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--warning{--_bg-color: var(--eui-c-s-warning-surface);--_color-on-bg: var(--eui-c-s-warning-surface-contrast);--_color: var(--eui-c-s-warning-surface-contrast);--_icon-color: var(--eui-c-s-warning-surface-contrast);--_close-hover-color: var(--eui-c-s-warning-surface-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--danger{--_bg-color: var(--eui-c-s-danger-surface);--_color-on-bg: var(--eui-c-s-danger-surface-contrast);--_color: var(--eui-c-s-danger-surface-contrast);--_icon-color: var(--eui-c-s-danger-surface-contrast);--_close-hover-color: var(--eui-c-s-danger-surface-hover)}.eui-19 .eui-growl{position:fixed;width:20rem;z-index:var(--eui-zi-growl-message)}.eui-19 .eui-growl--bottom-left{bottom:var(--eui-bottom-left-vertical-offset);left:var(--eui-bottom-left-horizontal-offset)}.eui-19 .eui-growl--bottom-center{bottom:var(--eui-s-l);right:50%;transform:translate(50%)}.eui-19 .eui-growl--bottom-right{bottom:var(--eui-bottom-right-vertical-offset);right:var(--eui-bottom-right-horizontal-offset)}.eui-19 .eui-growl--top-left{left:var(--eui-s-l);top:var(--eui-s-l)}.eui-19 .eui-growl--top-center{right:50%;top:var(--eui-s-l);transform:translate(50%)}.eui-19 .eui-growl--top-right{right:var(--eui-s-l);top:var(--eui-s-l)}.eui-19 .eui-growl a{text-decoration:underline}.eui-19 .eui-growl-item-container{margin-bottom:var(--eui-s-s);position:relative;background-color:var(--_bg-color);color:var(--_color-on-bg)}.eui-19 .eui-growl-item{display:flex;flex-direction:column;padding:var(--eui-s-m);position:relative;width:20rem;box-shadow:var(--eui-sh-3)}.eui-19 .eui-growl-item-summary-wrapper{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-19 .eui-growl-item-title{font:var(--eui-f-m-compact-bold);margin-right:var(--eui-s-xl);color:var(--_color)}.eui-19 .eui-growl-item-content:not(:empty){margin-top:var(--eui-s-xs);max-height:80vh;overflow-y:auto;overflow-wrap:break-word;font:var(--eui-f-m-compact)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar{display:inherit;height:4px;width:4px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-growl-item-content:not(:empty){scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-growl-item-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 .eui-growl-item-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 .eui-growl-item-container--filled .eui-icon-svg svg{fill:var(--_icon-color)!important;color:var(--_icon-color)!important}.eui-19 .eui-growl-item-container--filled a,.eui-19 .eui-growl-item-container--filled code{color:var(--eui-c-white)!important}\n"] }]
|
|
103
103
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.IterableDiffers }], propDecorators: { cssClasses: [{
|
|
104
104
|
type: HostBinding,
|
|
105
105
|
args: ['class']
|
|
@@ -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/index.ts","../../eui-growl/eui-components-eui-growl.ts"],"sourcesContent":["import {\n booleanAttribute,\n Component,\n DoCheck,\n ElementRef,\n EventEmitter,\n HostBinding,\n HostListener,\n Input,\n IterableDiffer,\n IterableDiffers,\n OnDestroy,\n Output,\n ViewEncapsulation,\n} from '@angular/core';\nimport { EuiGrowlMessage } from '@eui/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EUI_ICON_BUTTON } from '@eui/components/eui-icon-button';\nimport { EUI_ICON_STATE } from '@eui/components/eui-icon-state';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'eui-growl',\n templateUrl: './eui-growl.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n imports: [\n NgClass,\n TranslateModule,\n ...EUI_ICON,\n ...EUI_ICON_BUTTON,\n ...EUI_ICON_STATE,\n ],\n})\nexport class EuiGrowlComponent implements DoCheck, OnDestroy {\n titleId = 'msg-title';\n contentId = 'msg-detail';\n\n @HostBinding('class')\n get cssClasses(): string {\n return ['eui-growl', `eui-growl--${this.position}`].join(' ').trim();\n }\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-growl';\n @HostBinding('attr.role')\n protected role = 'region';\n @HostBinding('attr.aria-live')\n protected ariaLive= 'polite';\n @HostBinding('attr.aria-labelledby')\n protected ariaLabelledBy = this.titleId;\n @HostBinding('attr.aria-describedby')\n protected ariaDescribedBy= this.contentId;\n\n @Input({ transform: booleanAttribute }) sticky = false;\n\n @Input() life = 3000;\n @Input() value: EuiGrowlMessage[] = [];\n @Input() closeAllSticky = false;\n\n @Input() position: string;\n\n @Output() growlClick: EventEmitter<void> = new EventEmitter<void>();\n\n private differ: IterableDiffer<EuiGrowlMessage>;\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 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 @HostListener('click')\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 value\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) as unknown as number;\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","@for (msg of value; track msg) {\n<div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info eui--info': msg.severity === 'info',\n 'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success eui--success': msg.severity === 'success',\n 'eui-growl-item-container--filled': msg.filled,\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\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-summary-wrapper\">\n <eui-icon-state [euiVariant]=\"msg.severity\" class=\"eui-growl-item-icon\"/>\n <span [id]=\"titleId\" class=\"eui-growl-item-title\">{{ msg.summary }}</span>\n </div>\n <div [id]=\"contentId\" class=\"eui-growl-item-content\" [innerHTML]=\"msg.detail\"></div>\n\n <eui-icon-button\n (buttonClick)=\"remove(msg)\"\n icon=\"close:outline\"\n fillColor=\"neutral-light\"\n euiRounded\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-button>\n </div>\n\n</div>\n}\n@if (closeAllSticky && isGrowlMoreThanTwo()) {\n<div class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--secondary\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-summary-wrapper\">\n <eui-icon-svg icon=\"checkmark-done:sharp\"/>\n <span class=\"eui-growl-item-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <eui-icon-button (buttonClick)=\"removeAll()\"\n icon=\"close:outline\"\n fillColor=\"neutral-light\"\n euiRounded\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\"/>\n </div>\n</div>\n}\n","import { NgModule } from '@angular/core';\nimport { EuiGrowlComponent } from './eui-growl.component';\n\n/**\n * Module for the EuiGrowl component.\n *\n * @deprecated Use {@link EUI_GROWL} directly instead.\n */\n@NgModule({\n imports: [EuiGrowlComponent],\n exports: [EuiGrowlComponent],\n})\nexport class EuiGrowlModule {}\n","import { EuiGrowlComponent } from './eui-growl.component';\n\nexport * from './eui-growl.component';\nexport * from './eui-growl.module';\n\nexport const EUI_GROWL = [ EuiGrowlComponent ] as const;","/**\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/index.ts","../../eui-growl/eui-components-eui-growl.ts"],"sourcesContent":["import {\n booleanAttribute,\n Component,\n DoCheck,\n ElementRef,\n EventEmitter,\n HostBinding,\n HostListener,\n Input,\n IterableDiffer,\n IterableDiffers,\n OnDestroy,\n Output,\n ViewEncapsulation,\n} from '@angular/core';\nimport { EuiGrowlMessage } from '@eui/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EUI_ICON_BUTTON } from '@eui/components/eui-icon-button';\nimport { EUI_ICON_STATE } from '@eui/components/eui-icon-state';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'eui-growl',\n templateUrl: './eui-growl.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n imports: [\n NgClass,\n TranslateModule,\n ...EUI_ICON,\n ...EUI_ICON_BUTTON,\n ...EUI_ICON_STATE,\n ],\n})\nexport class EuiGrowlComponent implements DoCheck, OnDestroy {\n titleId = 'msg-title';\n contentId = 'msg-detail';\n\n @HostBinding('class')\n get cssClasses(): string {\n return ['eui-growl', `eui-growl--${this.position}`].join(' ').trim();\n }\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-growl';\n @HostBinding('attr.role')\n protected role = 'region';\n @HostBinding('attr.aria-live')\n protected ariaLive= 'polite';\n @HostBinding('attr.aria-labelledby')\n protected ariaLabelledBy = this.titleId;\n @HostBinding('attr.aria-describedby')\n protected ariaDescribedBy= this.contentId;\n\n @Input({ transform: booleanAttribute }) sticky = false;\n\n @Input() life = 3000;\n @Input() value: EuiGrowlMessage[] = [];\n @Input() closeAllSticky = false;\n\n @Input() position: string;\n\n @Output() growlClick: EventEmitter<void> = new EventEmitter<void>();\n\n private differ: IterableDiffer<EuiGrowlMessage>;\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 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 @HostListener('click')\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 value\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) as unknown as number;\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","@for (msg of value; track msg) {\n<div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info eui--info': msg.severity === 'info',\n 'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success eui--success': msg.severity === 'success',\n 'eui-growl-item-container--filled': msg.filled,\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\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-summary-wrapper\">\n <eui-icon-state [euiVariant]=\"msg.severity\" class=\"eui-growl-item-icon\"/>\n <span [id]=\"titleId\" class=\"eui-growl-item-title\">{{ msg.summary }}</span>\n </div>\n <div [id]=\"contentId\" class=\"eui-growl-item-content\" [innerHTML]=\"msg.detail\"></div>\n\n <eui-icon-button\n (buttonClick)=\"remove(msg)\"\n icon=\"close:outline\"\n fillColor=\"neutral-light\"\n euiRounded\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-button>\n </div>\n\n</div>\n}\n@if (closeAllSticky && isGrowlMoreThanTwo()) {\n<div class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--secondary\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-summary-wrapper\">\n <eui-icon-svg icon=\"checkmark-done:sharp\"/>\n <span class=\"eui-growl-item-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <eui-icon-button (buttonClick)=\"removeAll()\"\n icon=\"close:outline\"\n fillColor=\"neutral-light\"\n euiRounded\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\"/>\n </div>\n</div>\n}\n","import { NgModule } from '@angular/core';\nimport { EuiGrowlComponent } from './eui-growl.component';\n\n/**\n * Module for the EuiGrowl component.\n *\n * @deprecated Use {@link EUI_GROWL} directly instead.\n */\n@NgModule({\n imports: [EuiGrowlComponent],\n exports: [EuiGrowlComponent],\n})\nexport class EuiGrowlModule {}\n","import { EuiGrowlComponent } from './eui-growl.component';\n\nexport * from './eui-growl.component';\nexport * from './eui-growl.module';\n\nexport const EUI_GROWL = [ EuiGrowlComponent ] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -38,7 +38,7 @@ class EuiIconButtonComponent {
|
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiIconButtonComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiIconButtonComponent, isStandalone: true, selector: "eui-icon-button", inputs: { icon: "icon", iconUrl: "iconUrl", 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" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], 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\" [iconUrl]=\"iconUrl\" [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-19 :host.eui-icon-button{display:inline-flex}.eui-19 :host.eui-icon-button .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-19 :host.eui-icon-button .eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-19 :host.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-19 :host.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-19 :host.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-19 :host.eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-19 :host.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)}.eui-19 :host.eui-icon-button--primary .eui-icon-button__button:hover{background-color:var(--eui-c-s-primary-
|
|
41
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiIconButtonComponent, isStandalone: true, selector: "eui-icon-button", inputs: { icon: "icon", iconUrl: "iconUrl", 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" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], 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\" [iconUrl]=\"iconUrl\" [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-19 :host.eui-icon-button{display:inline-flex}.eui-19 :host.eui-icon-button .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-19 :host.eui-icon-button .eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-19 :host.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-19 :host.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-19 :host.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-19 :host.eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-19 :host.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)}.eui-19 :host.eui-icon-button--primary .eui-icon-button__button:hover{background-color:var(--eui-c-s-primary-surface-light-hover)}.eui-19 :host.eui-icon-button--secondary .eui-icon-button__button:hover{background-color:var(--eui-c-s-secondary-surface-light-hover)}.eui-19 :host.eui-icon-button--info .eui-icon-button__button:hover{background-color:var(--eui-c-s-info-surface-light-hover)}.eui-19 :host.eui-icon-button--success .eui-icon-button__button:hover{background-color:var(--eui-c-s-success-surface-light-hover)}.eui-19 :host.eui-icon-button--warning .eui-icon-button__button:hover{background-color:var(--eui-c-s-warning-surface-light-hover)}.eui-19 :host.eui-icon-button--danger .eui-icon-button__button:hover{background-color:var(--eui-c-s-danger-surface-light-hover)}\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"] }] }); }
|
|
42
42
|
}
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiIconButtonComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
@@ -55,7 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
55
55
|
'euiVariant',
|
|
56
56
|
],
|
|
57
57
|
},
|
|
58
|
-
], imports: [...EUI_ICON], 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\" [iconUrl]=\"iconUrl\" [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-19 :host.eui-icon-button{display:inline-flex}.eui-19 :host.eui-icon-button .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-19 :host.eui-icon-button .eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-19 :host.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-19 :host.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-19 :host.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-19 :host.eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-19 :host.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)}.eui-19 :host.eui-icon-button--primary .eui-icon-button__button:hover{background-color:var(--eui-c-s-primary-
|
|
58
|
+
], imports: [...EUI_ICON], 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\" [iconUrl]=\"iconUrl\" [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-19 :host.eui-icon-button{display:inline-flex}.eui-19 :host.eui-icon-button .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-19 :host.eui-icon-button .eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-19 :host.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-19 :host.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-19 :host.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-19 :host.eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-19 :host.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)}.eui-19 :host.eui-icon-button--primary .eui-icon-button__button:hover{background-color:var(--eui-c-s-primary-surface-light-hover)}.eui-19 :host.eui-icon-button--secondary .eui-icon-button__button:hover{background-color:var(--eui-c-s-secondary-surface-light-hover)}.eui-19 :host.eui-icon-button--info .eui-icon-button__button:hover{background-color:var(--eui-c-s-info-surface-light-hover)}.eui-19 :host.eui-icon-button--success .eui-icon-button__button:hover{background-color:var(--eui-c-s-success-surface-light-hover)}.eui-19 :host.eui-icon-button--warning .eui-icon-button__button:hover{background-color:var(--eui-c-s-warning-surface-light-hover)}.eui-19 :host.eui-icon-button--danger .eui-icon-button__button:hover{background-color:var(--eui-c-s-danger-surface-light-hover)}\n"] }]
|
|
59
59
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
60
60
|
type: HostBinding,
|
|
61
61
|
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/index.ts","../../eui-icon-button/eui-components-eui-icon-button.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, booleanAttribute, OnInit } from '@angular/core';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-icon-button',\n templateUrl: './eui-icon-button.component.html',\n styleUrls: [ './eui-icon-button.component.scss' ],\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiVariant',\n ],\n },\n ], \n imports: [ ...EUI_ICON ],\n})\nexport class EuiIconButtonComponent implements OnInit {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('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() iconUrl: 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 constructor(protected baseStatesDirective: BaseStatesDirective) {}\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\" [iconUrl]=\"iconUrl\" [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';\n\nimport { EuiIconButtonComponent } from './eui-icon-button.component';\n\n/**\n * @description\n * Module for the EuiIconButton component.\n *\n * This module provides the EuiIconButtonComponent which is used to create\n * icon buttons with various styles and functionalities.\n *\n * @deprecated Use the {@link EUI_ICON_BUTTON} instead\n */\n@NgModule({\n imports: [EuiIconButtonComponent],\n exports: [EuiIconButtonComponent],\n})\nexport class EuiIconButtonModule {}\n","import { EuiIconButtonComponent } from './eui-icon-button.component';\n\nexport * from './eui-icon-button.component';\nexport * from './eui-icon-button.module';\n\nexport const EUI_ICON_BUTTON = [\n EuiIconButtonComponent,\n] as const;\n\n// export { EuiIconButtonComponent as EuiIconButton } from './eui-icon-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAwBa,sBAAsB,CAAA;AAC/B,IAAA,IACI,UAAU,GAAA;QACV,OAAO;AACH,YAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,iBAAiB,CAAC;YACzD,IAAI,CAAC,YAAY,GAAG,iCAAiC,GAAE,EAAE;YACzD,IAAI,CAAC,kBAAkB,GAAG,wCAAwC,GAAE,EAAE;YACtE,IAAI,CAAC,eAAe,GAAG,qCAAqC,GAAE,EAAE;YAChE,IAAI,CAAC,UAAU,GAAG,0BAA0B,GAAE,EAAE;YAChD,IAAI,CAAC,WAAW,GAAG,2BAA2B,GAAE,EAAE;AACrD;aACI,IAAI,CAAC,GAAG;AACR,aAAA,IAAI,EAAE;;AAkBf,IAAA,WAAA,CAAsB,mBAAwC,EAAA;QAAxC,IAAmB,CAAA,mBAAA,GAAnB,mBAAmB;QAZhC,IAAI,CAAA,IAAA,GAAkE,GAAG;QAEzE,IAAQ,CAAA,QAAA,GAAG,CAAC;QAEmB,IAAY,CAAA,YAAA,GAAG,KAAK;QACpB,IAAkB,CAAA,kBAAA,GAAG,KAAK;QAC1B,IAAe,CAAA,eAAA,GAAG,IAAI;QACtB,IAAU,CAAA,UAAA,GAAG,KAAK;QAClB,IAAW,CAAA,WAAA,GAAG,KAAK;AAEjD,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAS;;AAIjD,IAAA,OAAO,CAAC,KAAY,EAAA;AAChB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGhC,QAAQ,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AACzB,YAAA,IAAI,CAAC,eAAe,GAAG,KAAK;;;8GAtC3B,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAsBX,gBAAgB,CAAA,EAAA,kBAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAChB,gBAAgB,CAAA,EAAA,eAAA,EAAA,CAAA,iBAAA,EAAA,iBAAA,EAChB,gBAAgB,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAChB,gBAAgB,CAAA,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAChB,gBAAgB,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClDxC,8YASA,EAAA,MAAA,EAAA,CAAA,
|
|
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/index.ts","../../eui-icon-button/eui-components-eui-icon-button.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, booleanAttribute, OnInit } from '@angular/core';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-icon-button',\n templateUrl: './eui-icon-button.component.html',\n styleUrls: [ './eui-icon-button.component.scss' ],\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiVariant',\n ],\n },\n ], \n imports: [ ...EUI_ICON ],\n})\nexport class EuiIconButtonComponent implements OnInit {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('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() iconUrl: 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 constructor(protected baseStatesDirective: BaseStatesDirective) {}\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\" [iconUrl]=\"iconUrl\" [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';\n\nimport { EuiIconButtonComponent } from './eui-icon-button.component';\n\n/**\n * @description\n * Module for the EuiIconButton component.\n *\n * This module provides the EuiIconButtonComponent which is used to create\n * icon buttons with various styles and functionalities.\n *\n * @deprecated Use the {@link EUI_ICON_BUTTON} instead\n */\n@NgModule({\n imports: [EuiIconButtonComponent],\n exports: [EuiIconButtonComponent],\n})\nexport class EuiIconButtonModule {}\n","import { EuiIconButtonComponent } from './eui-icon-button.component';\n\nexport * from './eui-icon-button.component';\nexport * from './eui-icon-button.module';\n\nexport const EUI_ICON_BUTTON = [\n EuiIconButtonComponent,\n] as const;\n\n// export { EuiIconButtonComponent as EuiIconButton } from './eui-icon-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|