@eui/components 18.0.0-next.37 → 18.0.0-next.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/classes/EuiWizardStep.html +0 -24
- package/docs/components/EuiAppComponent.html +1 -1
- package/docs/components/EuiAppToolbarComponent.html +1 -1
- package/docs/components/EuiChipComponent.html +1 -1
- package/docs/components/EuiDiscussionThreadItemComponent.html +44 -20
- package/docs/components/EuiFieldsetComponent.html +1 -71
- package/docs/components/EuiGrowlComponent.html +1 -1
- package/docs/components/EuiHeaderComponent.html +1 -1
- package/docs/components/EuiIconToggleComponent.html +162 -364
- package/docs/components/EuiLanguageSelectorComponent.html +1 -1
- package/docs/components/EuiNotificationItemComponent.html +1 -1
- package/docs/components/EuiNotificationItemV2Component.html +1 -1
- package/docs/components/EuiTreeListToolbarComponent.html +1 -1
- package/docs/components/EuiWizardComponent.html +1 -1
- package/docs/components/EuiWizardStepComponent.html +0 -19
- package/docs/dependencies.html +1 -1
- package/docs/interfaces/IEuiWizardStep.html +0 -39
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-card/components/eui-card-header/eui-card-header.component.mjs +1 -1
- package/esm2022/eui-card/eui-card.component.mjs +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +3 -3
- package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +2 -2
- package/esm2022/eui-discussion-thread/eui-discussion-thread-item.component.mjs +10 -22
- package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +2 -2
- package/esm2022/eui-fieldset/eui-fieldset.component.mjs +17 -12
- package/esm2022/eui-growl/eui-growl.component.mjs +3 -3
- package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +76 -63
- package/esm2022/eui-input-group/eui-input-group.component.mjs +2 -2
- package/esm2022/eui-input-number/eui-input-number.component.mjs +2 -2
- package/esm2022/eui-input-text/eui-input-text.component.mjs +2 -2
- package/esm2022/eui-language-selector/language-selector.component.mjs +4 -3
- package/esm2022/eui-select/eui-select.component.mjs +2 -2
- package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
- package/esm2022/eui-tree-list/eui-tree-list.component.mjs +2 -2
- package/esm2022/eui-tree-list/toolbar/toolbar.component.mjs +3 -3
- package/esm2022/eui-wizard/eui-wizard-step.component.mjs +3 -6
- package/esm2022/eui-wizard/eui-wizard.component.mjs +3 -3
- package/esm2022/eui-wizard/models/eui-wizard-step.mjs +2 -3
- package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app.component.mjs +3 -3
- package/esm2022/layout/eui-header/header.component.mjs +3 -3
- package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +3 -3
- package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs +3 -3
- package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts +1 -1
- package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts.map +1 -1
- package/eui-fieldset/eui-fieldset.component.d.ts +2 -4
- package/eui-fieldset/eui-fieldset.component.d.ts.map +1 -1
- package/eui-icon-toggle/eui-icon-toggle.component.d.ts +19 -26
- package/eui-icon-toggle/eui-icon-toggle.component.d.ts.map +1 -1
- package/eui-language-selector/language-selector.component.d.ts.map +1 -1
- package/eui-wizard/eui-wizard-step.component.d.ts +1 -2
- package/eui-wizard/eui-wizard-step.component.d.ts.map +1 -1
- package/eui-wizard/models/eui-wizard-step.d.ts +0 -2
- package/eui-wizard/models/eui-wizard-step.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +2 -2
- package/fesm2022/eui-components-eui-chip.mjs +2 -2
- package/fesm2022/eui-components-eui-chip.mjs.map +2 -2
- package/fesm2022/eui-components-eui-date-range-selector.mjs +2 -2
- package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-discussion-thread.mjs +61 -45
- package/fesm2022/eui-components-eui-discussion-thread.mjs.map +2 -2
- package/fesm2022/eui-components-eui-fieldset.mjs +16 -11
- package/fesm2022/eui-components-eui-fieldset.mjs.map +2 -2
- package/fesm2022/eui-components-eui-growl.mjs +4 -4
- package/fesm2022/eui-components-eui-growl.mjs.map +2 -2
- package/fesm2022/eui-components-eui-icon-toggle.mjs +76 -99
- package/fesm2022/eui-components-eui-icon-toggle.mjs.map +2 -2
- package/fesm2022/eui-components-eui-input-group.mjs +2 -2
- package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-number.mjs +2 -2
- package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-text.mjs +2 -2
- package/fesm2022/eui-components-eui-input-text.mjs.map +1 -1
- package/fesm2022/eui-components-eui-language-selector.mjs +3 -2
- package/fesm2022/eui-components-eui-language-selector.mjs.map +2 -2
- package/fesm2022/eui-components-eui-select.mjs +2 -2
- package/fesm2022/eui-components-eui-select.mjs.map +1 -1
- package/fesm2022/eui-components-eui-textarea.mjs +2 -2
- package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree-list.mjs +8 -8
- package/fesm2022/eui-components-eui-tree-list.mjs.map +2 -2
- package/fesm2022/eui-components-eui-wizard.mjs +5 -9
- package/fesm2022/eui-components-eui-wizard.mjs.map +2 -2
- package/fesm2022/eui-components-layout.mjs +14 -14
- package/fesm2022/eui-components-layout.mjs.map +2 -2
- package/layout/eui-app/eui-app.component.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -10,55 +10,54 @@ var EuiDiscussionThreadItemComponent = class _EuiDiscussionThreadItemComponent {
|
|
|
10
10
|
this.role = "listitem";
|
|
11
11
|
this._isOdd = false;
|
|
12
12
|
}
|
|
13
|
+
get cssClasses() {
|
|
14
|
+
return `eui--${this.typeClass}`;
|
|
15
|
+
}
|
|
13
16
|
get isOdd() {
|
|
14
17
|
return this._isOdd;
|
|
15
18
|
}
|
|
16
19
|
set isOdd(value) {
|
|
17
20
|
this._isOdd = coerceBooleanProperty(value);
|
|
18
21
|
}
|
|
19
|
-
get iconClass() {
|
|
20
|
-
let iconClass = "eui-icon-more-horizontal";
|
|
21
|
-
switch (this.typeClass) {
|
|
22
|
-
case "info":
|
|
23
|
-
iconClass = "eui-icon-info";
|
|
24
|
-
break;
|
|
25
|
-
case "success":
|
|
26
|
-
iconClass = "eui-icon-check";
|
|
27
|
-
break;
|
|
28
|
-
case "warning":
|
|
29
|
-
iconClass = "eui-icon-exclamation";
|
|
30
|
-
break;
|
|
31
|
-
case "danger":
|
|
32
|
-
iconClass = "eui-icon-times";
|
|
33
|
-
break;
|
|
34
|
-
}
|
|
35
|
-
return `eui-icon ${iconClass}`;
|
|
36
|
-
}
|
|
37
22
|
static {
|
|
38
23
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiDiscussionThreadItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
24
|
}
|
|
40
25
|
static {
|
|
41
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
42
|
-
<div class="eui-discussion-
|
|
43
|
-
|
|
26
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EuiDiscussionThreadItemComponent, 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">
|
|
27
|
+
<div class="eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}" title="{{ tooltip }}">
|
|
28
|
+
@if (typeClass === 'success') {
|
|
29
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-check" size="l"></eui-icon-svg>
|
|
30
|
+
}
|
|
31
|
+
@else if (typeClass === 'warning') {
|
|
32
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-exclamation" size="l"></eui-icon-svg>
|
|
33
|
+
}
|
|
34
|
+
@else if (typeClass === 'danger') {
|
|
35
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-close" size="l"></eui-icon-svg>
|
|
36
|
+
}
|
|
37
|
+
@else if (typeClass === 'info') {
|
|
38
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-info" size="l"></eui-icon-svg>
|
|
39
|
+
}
|
|
40
|
+
@else {
|
|
41
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ellipsis-horizontal" size="l"></eui-icon-svg>
|
|
42
|
+
}
|
|
44
43
|
</div>
|
|
45
|
-
<div class="eui-discussion-
|
|
46
|
-
<div class="eui-discussion-
|
|
47
|
-
<div class="eui-discussion-
|
|
48
|
-
<div class="eui-discussion-
|
|
44
|
+
<div class="eui-discussion-thread__item-panel">
|
|
45
|
+
<div class="eui-discussion-thread__item-panel-header">
|
|
46
|
+
<div class="eui-discussion-thread__item-panel-heading">
|
|
47
|
+
<div class="eui-discussion-thread__item-panel-title">
|
|
49
48
|
{{ date | date: 'dd/MM/YYYY' }}
|
|
50
49
|
</div>
|
|
51
|
-
<div class="eui-discussion-
|
|
52
|
-
<eui-icon-svg icon="time" set="outline" size="s" fillColor="grey-80" class="eui-discussion-
|
|
50
|
+
<div class="eui-discussion-thread__item-panel-time">
|
|
51
|
+
<eui-icon-svg icon="time" set="outline" size="s" fillColor="grey-80" class="eui-discussion-thread__item-panel-time-icon"></eui-icon-svg>
|
|
53
52
|
<span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>
|
|
54
53
|
</div>
|
|
55
54
|
</div>
|
|
56
|
-
<div class="eui-discussion-
|
|
55
|
+
<div class="eui-discussion-thread__item-panel-subheading">
|
|
57
56
|
{{ author }}
|
|
58
57
|
</div>
|
|
59
58
|
</div>
|
|
60
|
-
<div class="eui-discussion-
|
|
61
|
-
<p class="eui-discussion-
|
|
59
|
+
<div class="eui-discussion-thread__item-panel-body">
|
|
60
|
+
<p class="eui-discussion-thread__item-panel-body-word-break" [innerHTML]="body"></p>
|
|
62
61
|
</div>
|
|
63
62
|
</div>
|
|
64
63
|
</li>
|
|
@@ -67,32 +66,49 @@ var EuiDiscussionThreadItemComponent = class _EuiDiscussionThreadItemComponent {
|
|
|
67
66
|
};
|
|
68
67
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiDiscussionThreadItemComponent, decorators: [{
|
|
69
68
|
type: Component,
|
|
70
|
-
args: [{ selector: "eui-discussion-thread-item", template: `<li role="none" class="eui-discussion-thread__item" [class.eui-discussion-
|
|
71
|
-
<div class="eui-discussion-
|
|
72
|
-
|
|
69
|
+
args: [{ selector: "eui-discussion-thread-item", template: `<li role="none" class="eui-discussion-thread__item" [class.eui-discussion-thread__item--inverted]="isOdd">
|
|
70
|
+
<div class="eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}" title="{{ tooltip }}">
|
|
71
|
+
@if (typeClass === 'success') {
|
|
72
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-check" size="l"></eui-icon-svg>
|
|
73
|
+
}
|
|
74
|
+
@else if (typeClass === 'warning') {
|
|
75
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-exclamation" size="l"></eui-icon-svg>
|
|
76
|
+
}
|
|
77
|
+
@else if (typeClass === 'danger') {
|
|
78
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-close" size="l"></eui-icon-svg>
|
|
79
|
+
}
|
|
80
|
+
@else if (typeClass === 'info') {
|
|
81
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-info" size="l"></eui-icon-svg>
|
|
82
|
+
}
|
|
83
|
+
@else {
|
|
84
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ellipsis-horizontal" size="l"></eui-icon-svg>
|
|
85
|
+
}
|
|
73
86
|
</div>
|
|
74
|
-
<div class="eui-discussion-
|
|
75
|
-
<div class="eui-discussion-
|
|
76
|
-
<div class="eui-discussion-
|
|
77
|
-
<div class="eui-discussion-
|
|
87
|
+
<div class="eui-discussion-thread__item-panel">
|
|
88
|
+
<div class="eui-discussion-thread__item-panel-header">
|
|
89
|
+
<div class="eui-discussion-thread__item-panel-heading">
|
|
90
|
+
<div class="eui-discussion-thread__item-panel-title">
|
|
78
91
|
{{ date | date: 'dd/MM/YYYY' }}
|
|
79
92
|
</div>
|
|
80
|
-
<div class="eui-discussion-
|
|
81
|
-
<eui-icon-svg icon="time" set="outline" size="s" fillColor="grey-80" class="eui-discussion-
|
|
93
|
+
<div class="eui-discussion-thread__item-panel-time">
|
|
94
|
+
<eui-icon-svg icon="time" set="outline" size="s" fillColor="grey-80" class="eui-discussion-thread__item-panel-time-icon"></eui-icon-svg>
|
|
82
95
|
<span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>
|
|
83
96
|
</div>
|
|
84
97
|
</div>
|
|
85
|
-
<div class="eui-discussion-
|
|
98
|
+
<div class="eui-discussion-thread__item-panel-subheading">
|
|
86
99
|
{{ author }}
|
|
87
100
|
</div>
|
|
88
101
|
</div>
|
|
89
|
-
<div class="eui-discussion-
|
|
90
|
-
<p class="eui-discussion-
|
|
102
|
+
<div class="eui-discussion-thread__item-panel-body">
|
|
103
|
+
<p class="eui-discussion-thread__item-panel-body-word-break" [innerHTML]="body"></p>
|
|
91
104
|
</div>
|
|
92
105
|
</div>
|
|
93
106
|
</li>
|
|
94
107
|
` }]
|
|
95
|
-
}], propDecorators: {
|
|
108
|
+
}], propDecorators: { cssClasses: [{
|
|
109
|
+
type: HostBinding,
|
|
110
|
+
args: ["class"]
|
|
111
|
+
}], role: [{
|
|
96
112
|
type: HostBinding,
|
|
97
113
|
args: ["attr.role"]
|
|
98
114
|
}], id: [{
|
|
@@ -126,12 +142,12 @@ var EuiDiscussionThreadComponent = class _EuiDiscussionThreadComponent {
|
|
|
126
142
|
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i02, type: _EuiDiscussionThreadComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
|
|
127
143
|
}
|
|
128
144
|
static {
|
|
129
|
-
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiDiscussionThreadComponent, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i02, template: '<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 <ng-template [ngIf]="items">\n <eui-discussion-thread-item\n *ngFor="let item of items; let o = odd; let e = even; trackBy: trackByFn"\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 </ng-template>\n\n <ng-template [ngIf]="!items">\n <ng-content></ng-content>\n </ng-template>\n </ul>\n</div>\n', styles: ['.eui-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-secondary-lightest);color:var(--eui-c-primary);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-secondary
|
|
145
|
+
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiDiscussionThreadComponent, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i02, template: '<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 <ng-template [ngIf]="items">\n <eui-discussion-thread-item\n *ngFor="let item of items; let o = odd; let e = even; trackBy: trackByFn"\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 </ng-template>\n\n <ng-template [ngIf]="!items">\n <ng-content></ng-content>\n </ng-template>\n </ul>\n</div>\n', styles: ['.eui-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-secondary-lightest);color:var(--eui-c-primary);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-secondary);display:flex;width:100%;font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-c-secondary-lightest);bottom:0;content:" ";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-base-spacing-m);position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:" ";display:table}.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel{background-color:var(--eui-c-white);border:1px solid #d4d4d4;border-radius:.5rem;box-shadow:0 1px 6px #0000002d;float:left;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0;position:relative;width:44%}.eui-discussion-thread-wrapper .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-discussion-thread-wrapper .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-discussion-thread-wrapper .eui-discussion-thread__item-badge{border-radius:100%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;font-size:1.4rem;height:50px;left:50%;line-height:50px;margin-left:-25px;position:absolute;text-align:center;top:16px;width:50px}.eui-discussion-thread-wrapper .eui-discussion-thread__item-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item-badge .eui-icon-svg{padding-top:var(--eui-base-spacing-xs)}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-header{border-bottom:1px solid var(--eui-c-secondary-lightest);margin-bottom:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-title{align-items:center;display:flex;color:var(--eui-c-info);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time{align-items:center;display:flex;margin-left:auto;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time-icon{margin-right:var(--eui-base-spacing-xs)}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-subheading{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body__word-break{word-break:break-word}.eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-c-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p,.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>ul{margin-bottom:0}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p+p{margin-top:5px}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-tooltip{background-color:#000000bf;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread__item-badge{background-color:var(--eui-c-secondary-lightest)}.eui-discussion-thread__item-badge--primary{background-color:var(--eui-c-primary)}.eui-discussion-thread__item-badge--success{background-color:var(--eui-c-success)}.eui-discussion-thread__item-badge--warning{background-color:var(--eui-c-warning)}.eui-discussion-thread__item-badge--danger{background-color:var(--eui-c-danger)}.eui-discussion-thread__item-badge--info{background-color:var(--eui-c-info)}.eui-discussion-thread__item-badge--accent{background-color:var(--eui-c-accent)}.eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel{float:right}.eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.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-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n'], dependencies: [{ kind: "directive", type: i12.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: ["id", "typeClass", "date", "author", "body", "tooltip", "isOdd"] }], encapsulation: i02.ViewEncapsulation.None });
|
|
130
146
|
}
|
|
131
147
|
};
|
|
132
148
|
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i02, type: EuiDiscussionThreadComponent, decorators: [{
|
|
133
149
|
type: Component2,
|
|
134
|
-
args: [{ selector: "eui-discussion-thread", encapsulation: ViewEncapsulation.None, template: '<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 <ng-template [ngIf]="items">\n <eui-discussion-thread-item\n *ngFor="let item of items; let o = odd; let e = even; trackBy: trackByFn"\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 </ng-template>\n\n <ng-template [ngIf]="!items">\n <ng-content></ng-content>\n </ng-template>\n </ul>\n</div>\n', styles: ['.eui-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-secondary-lightest);color:var(--eui-c-primary);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-secondary
|
|
150
|
+
args: [{ selector: "eui-discussion-thread", encapsulation: ViewEncapsulation.None, template: '<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 <ng-template [ngIf]="items">\n <eui-discussion-thread-item\n *ngFor="let item of items; let o = odd; let e = even; trackBy: trackByFn"\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 </ng-template>\n\n <ng-template [ngIf]="!items">\n <ng-content></ng-content>\n </ng-template>\n </ul>\n</div>\n', styles: ['.eui-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-secondary-lightest);color:var(--eui-c-primary);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.5rem/2.25rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-secondary);display:flex;width:100%;font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-c-secondary-lightest);bottom:0;content:" ";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-base-spacing-m);position:relative}.eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:" ";display:table}.eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel{background-color:var(--eui-c-white);border:1px solid #d4d4d4;border-radius:.5rem;box-shadow:0 1px 6px #0000002d;float:left;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0;position:relative;width:44%}.eui-discussion-thread-wrapper .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-discussion-thread-wrapper .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-discussion-thread-wrapper .eui-discussion-thread__item-badge{border-radius:100%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;font-size:1.4rem;height:50px;left:50%;line-height:50px;margin-left:-25px;position:absolute;text-align:center;top:16px;width:50px}.eui-discussion-thread-wrapper .eui-discussion-thread__item-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item-badge .eui-icon-svg{padding-top:var(--eui-base-spacing-xs)}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-header{border-bottom:1px solid var(--eui-c-secondary-lightest);margin-bottom:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-title{align-items:center;display:flex;color:var(--eui-c-info);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time{align-items:center;display:flex;margin-left:auto;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time-icon{margin-right:var(--eui-base-spacing-xs)}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-subheading{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body__word-break{word-break:break-word}.eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-c-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p,.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>ul{margin-bottom:0}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p+p{margin-top:5px}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-tooltip{background-color:#000000bf;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread__item-badge{background-color:var(--eui-c-secondary-lightest)}.eui-discussion-thread__item-badge--primary{background-color:var(--eui-c-primary)}.eui-discussion-thread__item-badge--success{background-color:var(--eui-c-success)}.eui-discussion-thread__item-badge--warning{background-color:var(--eui-c-warning)}.eui-discussion-thread__item-badge--danger{background-color:var(--eui-c-danger)}.eui-discussion-thread__item-badge--info{background-color:var(--eui-c-info)}.eui-discussion-thread__item-badge--accent{background-color:var(--eui-c-accent)}.eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel{float:right}.eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.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-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n'] }]
|
|
135
151
|
}], propDecorators: { role: [{
|
|
136
152
|
type: HostBinding2,
|
|
137
153
|
args: ["attr.role"]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"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"],
|
|
4
|
-
"sourcesContent": ["import { Component, HostBinding, Input } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-discussion-thread-item',\n templateUrl: './eui-discussion-thread-item.component.html',\n})\nexport class EuiDiscussionThreadItemComponent {\n\n @HostBinding('attr.role') role = 'listitem';\n\n @Input() id: string;\n @Input() typeClass: string;\n @Input() date: string;\n @Input() author: string;\n @Input() body: string;\n @Input() tooltip: string;\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
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,aAAa,aAAa;AAC9C,SAAS,6BAA2C;;;;;AAM9C,IAAO,mCAAP,MAAO,kCAAgC;EAJ7C,cAAA;
|
|
4
|
+
"sourcesContent": ["import { Component, HostBinding, Input } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-discussion-thread-item',\n templateUrl: './eui-discussion-thread-item.component.html',\n})\nexport class EuiDiscussionThreadItemComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return `eui--${this.typeClass}`; // simulate parent variant for icon auto-contrast color fill\n }\n @HostBinding('attr.role') role = 'listitem';\n\n @Input() id: string;\n @Input() typeClass: string;\n @Input() date: string;\n @Input() author: string;\n @Input() body: string;\n @Input() tooltip: string;\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 @if (typeClass === 'success') {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-check\" size=\"l\"></eui-icon-svg>\n }\n @else if (typeClass === 'warning') {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-exclamation\" size=\"l\"></eui-icon-svg>\n }\n @else if (typeClass === 'danger') {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-close\" size=\"l\"></eui-icon-svg>\n }\n @else if (typeClass === 'info') {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-info\" size=\"l\"></eui-icon-svg>\n }\n @else {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ellipsis-horizontal\" size=\"l\"></eui-icon-svg>\n }\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=\"grey-80\" 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 { EuiDiscussionThreadItem } from './models/eui-discussion-thread-item.model';\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})\nexport class EuiDiscussionThreadComponent {\n\n @HostBinding('attr.role') role = 'list';\n \n @Input() items: EuiDiscussionThreadItem[];\n @Input() titleLabel: string;\n @Input() subTitleLabel: string;\n @Input() tooltip: string;\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 <ng-template [ngIf]=\"items\">\n <eui-discussion-thread-item\n *ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\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 </ng-template>\n\n <ng-template [ngIf]=\"!items\">\n <ng-content></ng-content>\n </ng-template>\n </ul>\n</div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiDiscussionThreadComponent } from './eui-discussion-thread.component';\nimport { EuiDiscussionThreadItemComponent } from './eui-discussion-thread-item.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiLabelModule],\n declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],\n})\nexport class EuiDiscussionThreadModule {}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["Component", "HostBinding", "Input", "i0"]
|
|
7
7
|
}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
// eui-fieldset.component.mjs
|
|
2
|
-
import { Component,
|
|
2
|
+
import { Component, Directive, EventEmitter, HostBinding, Input, Output, ViewEncapsulation, booleanAttribute } from "@angular/core";
|
|
3
3
|
import { BaseStatesDirective } from "@eui/components/shared";
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@eui/components/shared";
|
|
6
6
|
import * as i2 from "@angular/common";
|
|
7
|
-
import * as i3 from "@eui/components/eui-
|
|
8
|
-
import * as i4 from "@eui/components/eui-icon";
|
|
7
|
+
import * as i3 from "@eui/components/eui-icon";
|
|
9
8
|
var EuiFieldsetComponent = class _EuiFieldsetComponent {
|
|
10
9
|
get cssClasses() {
|
|
11
10
|
return [
|
|
@@ -39,24 +38,36 @@ var EuiFieldsetComponent = class _EuiFieldsetComponent {
|
|
|
39
38
|
}
|
|
40
39
|
setIcon() {
|
|
41
40
|
this.iconSvgType = "eui-ecl-information";
|
|
41
|
+
let fillColorGen = "info-100";
|
|
42
|
+
if (this.baseStatesDirective.euiWarning) {
|
|
43
|
+
this.iconSvgType = "eui-ecl-information";
|
|
44
|
+
fillColorGen = "info-100";
|
|
45
|
+
}
|
|
42
46
|
if (this.baseStatesDirective.euiWarning) {
|
|
43
47
|
this.iconSvgType = "eui-ecl-warning";
|
|
48
|
+
fillColorGen = "warning-100";
|
|
44
49
|
}
|
|
45
50
|
if (this.baseStatesDirective.euiDanger) {
|
|
46
51
|
this.iconSvgType = "eui-ecl-error";
|
|
52
|
+
fillColorGen = "danger-100";
|
|
47
53
|
}
|
|
48
54
|
if (this.baseStatesDirective.euiSuccess) {
|
|
49
55
|
this.iconSvgType = "eui-ecl-check-filled";
|
|
56
|
+
fillColorGen = "success-100";
|
|
50
57
|
}
|
|
51
58
|
if (this.baseStatesDirective.euiSecondary) {
|
|
52
59
|
this.iconSvgType = "eui-question";
|
|
60
|
+
fillColorGen = "grey-100";
|
|
61
|
+
}
|
|
62
|
+
if (!this.iconSvgFillColor) {
|
|
63
|
+
this.iconSvgFillColor = fillColorGen;
|
|
53
64
|
}
|
|
54
65
|
}
|
|
55
66
|
static {
|
|
56
67
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiFieldsetComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
57
68
|
}
|
|
58
69
|
static {
|
|
59
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiFieldsetComponent, selector: "eui-fieldset", inputs: { e2eAttr: "e2eAttr", id: "id", label: "label", iconClass: "iconClass", iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", hasDefaultIcon: ["hasDefaultIcon", "hasDefaultIcon", booleanAttribute], isExpandable: ["isExpandable", "isExpandable", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isLarge: ["isLarge", "isLarge", booleanAttribute], isFirst: ["isFirst", "isFirst", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } },
|
|
70
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiFieldsetComponent, selector: "eui-fieldset", inputs: { e2eAttr: "e2eAttr", id: "id", label: "label", iconClass: "iconClass", iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", hasDefaultIcon: ["hasDefaultIcon", "hasDefaultIcon", booleanAttribute], isExpandable: ["isExpandable", "isExpandable", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isLarge: ["isLarge", "isLarge", booleanAttribute], isFirst: ["isFirst", "isFirst", booleanAttribute] }, outputs: { expand: "expand" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiHighlighted", "euiHighlighted"] }], ngImport: i0, template: '<div class="eui-fieldset__container">\n <div *ngIf="label" class="eui-fieldset__header" (click)="onToggle()">\n <div class="eui-fieldset__header-label" [class.eui-fieldset__header-label--large]="isLarge">\n <div *ngIf="iconSvgName" class="eui-fieldset__header-icon">\n <eui-icon-svg [icon]="iconSvgName" [fillColor]="iconSvgFillColor"></eui-icon-svg>\n </div>\n <div *ngIf="hasDefaultIcon" class="eui-fieldset__header-icon">\n <eui-icon-svg [icon]="iconSvgType" [fillColor]="iconSvgFillColor"></eui-icon-svg>\n </div>\n <span euiLabel>{{ label }}</span>\n <ng-content select="euiFieldsetLabelExtraContent"></ng-content>\n </div>\n <div class="eui-fieldset__header-right-content">\n <ng-content select="euiFieldsetLabelRightContent"></ng-content>\n <eui-icon-button-expander *ngIf="isExpandable" [isExpanded]="isExpanded"></eui-icon-button-expander>\n </div>\n </div>\n <div id="fieldset-content" *ngIf="isExpanded" class="eui-fieldset__content">\n <ng-content></ng-content>\n </div>\n</div>\n', styles: [".eui-fieldset{--_color: var(--eui-fieldset-color, var(--eui-c-secondary))}.eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-c-secondary-lightest);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset--highlighted .eui-fieldset__container{background-color:transparent;padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{text-transform:none;font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary{--_color: var(--eui-c-primary)}.eui-fieldset--secondary{--_color: var(--eui-c-secondary)}.eui-fieldset--info{--_color: var(--eui-c-info)}.eui-fieldset--success{--_color: var(--eui-c-success)}.eui-fieldset--warning{--_color: var(--eui-c-warning)}.eui-fieldset--danger{--_color: var(--eui-c-danger)}.eui-fieldset .eui-fieldset__header{color:var(--_color)}.eui-fieldset:not(.eui-fieldset--has-icon-color) .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i3.EuiIconButtonExpanderComponent, selector: "eui-icon-button-expander", inputs: ["fillColor", "size", "ariaLabel", "isExpanded", "euiDisabled"], outputs: ["buttonClick"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
60
71
|
}
|
|
61
72
|
};
|
|
62
73
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiFieldsetComponent, decorators: [{
|
|
@@ -75,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
75
86
|
"euiHighlighted"
|
|
76
87
|
]
|
|
77
88
|
}
|
|
78
|
-
], template: '<div class="eui-fieldset__container">\n <div *ngIf="label" class="eui-fieldset__header" (click)="onToggle()">\n <div class="eui-fieldset__header-label" [class.eui-fieldset__header-label--large]="isLarge">\n <div *ngIf="iconSvgName" class="eui-fieldset__header-icon">\n <eui-icon-svg icon="
|
|
89
|
+
], template: '<div class="eui-fieldset__container">\n <div *ngIf="label" class="eui-fieldset__header" (click)="onToggle()">\n <div class="eui-fieldset__header-label" [class.eui-fieldset__header-label--large]="isLarge">\n <div *ngIf="iconSvgName" class="eui-fieldset__header-icon">\n <eui-icon-svg [icon]="iconSvgName" [fillColor]="iconSvgFillColor"></eui-icon-svg>\n </div>\n <div *ngIf="hasDefaultIcon" class="eui-fieldset__header-icon">\n <eui-icon-svg [icon]="iconSvgType" [fillColor]="iconSvgFillColor"></eui-icon-svg>\n </div>\n <span euiLabel>{{ label }}</span>\n <ng-content select="euiFieldsetLabelExtraContent"></ng-content>\n </div>\n <div class="eui-fieldset__header-right-content">\n <ng-content select="euiFieldsetLabelRightContent"></ng-content>\n <eui-icon-button-expander *ngIf="isExpandable" [isExpanded]="isExpanded"></eui-icon-button-expander>\n </div>\n </div>\n <div id="fieldset-content" *ngIf="isExpanded" class="eui-fieldset__content">\n <ng-content></ng-content>\n </div>\n</div>\n', styles: [".eui-fieldset{--_color: var(--eui-fieldset-color, var(--eui-c-secondary))}.eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-c-secondary-lightest);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset--highlighted .eui-fieldset__container{background-color:transparent;padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{text-transform:none;font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset--primary{--_color: var(--eui-c-primary)}.eui-fieldset--secondary{--_color: var(--eui-c-secondary)}.eui-fieldset--info{--_color: var(--eui-c-info)}.eui-fieldset--success{--_color: var(--eui-c-success)}.eui-fieldset--warning{--_color: var(--eui-c-warning)}.eui-fieldset--danger{--_color: var(--eui-c-danger)}.eui-fieldset .eui-fieldset__header{color:var(--_color)}.eui-fieldset:not(.eui-fieldset--has-icon-color) .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}\n"] }]
|
|
79
90
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
80
91
|
type: HostBinding,
|
|
81
92
|
args: ["class"]
|
|
@@ -111,12 +122,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
111
122
|
args: [{ transform: booleanAttribute }]
|
|
112
123
|
}], expand: [{
|
|
113
124
|
type: Output
|
|
114
|
-
}], customLabelRightContent: [{
|
|
115
|
-
type: ContentChild,
|
|
116
|
-
args: [forwardRef(() => EuiFieldsetLabelRightContentTagDirective)]
|
|
117
|
-
}], customLabelExtraContent: [{
|
|
118
|
-
type: ContentChild,
|
|
119
|
-
args: [forwardRef(() => EuiFieldsetLabelExtraContentTagDirective)]
|
|
120
125
|
}] } });
|
|
121
126
|
var EuiFieldsetLabelRightContentTagDirective = class _EuiFieldsetLabelRightContentTagDirective {
|
|
122
127
|
static {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-fieldset/eui-fieldset.component.ts", "../../eui-fieldset/eui-fieldset.component.html", "../../eui-fieldset/eui-fieldset.module.ts"],
|
|
4
|
-
"sourcesContent": ["import {\n Component,\n
|
|
5
|
-
"mappings": ";AAAA,SACI,WACA,
|
|
4
|
+
"sourcesContent": ["import {\n Component,\n Directive,\n EventEmitter,\n HostBinding,\n Input,\n OnChanges,\n Output,\n ViewEncapsulation,\n booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-fieldset',\n templateUrl: './eui-fieldset.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n 'euiHighlighted',\n ],\n },\n ],\n})\nexport class EuiFieldsetComponent implements OnChanges {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-fieldset'),\n this.isFirst ? 'eui-fieldset--first' : '',\n this.isExpandable ? 'eui-fieldset--expandable' : '',\n this.iconSvgFillColor ? 'eui-fieldset--has-icon-color': '',\n ].join(' ').trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-fieldset';\n\n @Input() id: string;\n @Input() label: string;\n @Input() iconClass: string;\n @Input() iconSvgName: string;\n @Input() iconSvgFillColor: string;\n\n @Input({ transform: booleanAttribute }) hasDefaultIcon = false;\n @Input({ transform: booleanAttribute }) isExpandable = false;\n @Input({ transform: booleanAttribute }) isExpanded = true;\n @Input({ transform: booleanAttribute }) isLarge = false;\n @Input({ transform: booleanAttribute }) isFirst = false;\n\n @Output() expand: EventEmitter<string> = new EventEmitter();\n\n public expandMenuLabel = 'Expand ';\n public collapseMenuLabel = 'Collapse ';\n public iconSvgType = 'eui-info';\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n ngOnChanges(): void {\n this.setIcon();\n }\n\n onToggle(): void {\n if (this.isExpandable) {\n this.isExpanded = !this.isExpanded;\n this.expand.emit(this.id);\n }\n }\n\n private setIcon(): void {\n this.iconSvgType = 'eui-ecl-information';\n let fillColorGen = 'info-100';\n\n if (this.baseStatesDirective.euiWarning) {\n this.iconSvgType = 'eui-ecl-information';\n fillColorGen = 'info-100';\n }\n if (this.baseStatesDirective.euiWarning) {\n this.iconSvgType = 'eui-ecl-warning';\n fillColorGen = 'warning-100';\n }\n if (this.baseStatesDirective.euiDanger) {\n this.iconSvgType = 'eui-ecl-error';\n fillColorGen = 'danger-100';\n }\n if (this.baseStatesDirective.euiSuccess) {\n this.iconSvgType = 'eui-ecl-check-filled';\n fillColorGen = 'success-100';\n }\n if (this.baseStatesDirective.euiSecondary) {\n this.iconSvgType = 'eui-question';\n fillColorGen = 'grey-100';\n }\n\n if (!this.iconSvgFillColor) {\n this.iconSvgFillColor = fillColorGen;\n }\n }\n}\n\n/* eslint-disable */\n@Directive({selector: 'euiFieldsetLabelRightContent'})\nexport class EuiFieldsetLabelRightContentTagDirective {\n}\n@Directive({selector: 'euiFieldsetLabelExtraContent'})\nexport class EuiFieldsetLabelExtraContentTagDirective {\n}\n/* eslint-enable */\n", "<div class=\"eui-fieldset__container\">\n <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\"></eui-icon-svg>\n </div>\n <div *ngIf=\"hasDefaultIcon\" class=\"eui-fieldset__header-icon\">\n <eui-icon-svg [icon]=\"iconSvgType\" [fillColor]=\"iconSvgFillColor\"></eui-icon-svg>\n </div>\n <span euiLabel>{{ label }}</span>\n <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n </div>\n <div class=\"eui-fieldset__header-right-content\">\n <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n <eui-icon-button-expander *ngIf=\"isExpandable\" [isExpanded]=\"isExpanded\"></eui-icon-button-expander>\n </div>\n </div>\n <div id=\"fieldset-content\" *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n <ng-content></ng-content>\n </div>\n</div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport {\n EuiFieldsetComponent,\n EuiFieldsetLabelExtraContentTagDirective,\n EuiFieldsetLabelRightContentTagDirective,\n} from './eui-fieldset.component';\n@NgModule({\n imports: [CommonModule, EuiButtonModule, EuiIconModule, BaseStatesDirective],\n exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n})\nexport class EuiFieldsetModule {}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["BaseStatesDirective"]
|
|
7
7
|
}
|
|
@@ -119,7 +119,7 @@ var EuiGrowlComponent = class _EuiGrowlComponent {
|
|
|
119
119
|
</div>
|
|
120
120
|
<eui-icon-button
|
|
121
121
|
(click)="remove(msg)"
|
|
122
|
-
|
|
122
|
+
icon="eui-close"
|
|
123
123
|
ariaLabel="Close growl icon"
|
|
124
124
|
class="eui-growl-item-close">
|
|
125
125
|
</eui-icon-button>
|
|
@@ -136,7 +136,7 @@ var EuiGrowlComponent = class _EuiGrowlComponent {
|
|
|
136
136
|
</div>
|
|
137
137
|
</div>
|
|
138
138
|
</div>
|
|
139
|
-
`, styles: [".eui-growl{--_bg-color: var(--eui-growl-color, var(--eui-c-primary));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-c-primary-contrast))}.eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-c-white)!important;text-decoration:underline}.eui-growl-item-container{filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);max-height:80vh;overflow-y:auto;overflow-wrap:break-word}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-secondary-bg-light)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-growl-item-message code{color:var(--eui-c-secondary-bg-light);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}.eui-growl-item-container--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast)}.eui-growl-item-container--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast)}.eui-growl-item-container--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast)}.eui-growl-item-container--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast)}.eui-growl-item-container--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast)}.eui-growl-item-container{background-color:var(--_bg-color);color:var(--_color-on-bg)}.eui-growl-item-container .eui-icon-svg svg{fill:var(--_color-on-bg);color:var(--_color-on-bg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i2.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
|
|
139
|
+
`, styles: [".eui-growl{--_bg-color: var(--eui-growl-color, var(--eui-c-primary));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-c-primary-contrast))}.eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-c-white)!important;text-decoration:underline}.eui-growl-item-container{filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);max-height:80vh;overflow-y:auto;overflow-wrap:break-word}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-secondary-bg-light)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-growl-item-message code{color:var(--eui-c-secondary-bg-light);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}.eui-growl-item-container--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast)}.eui-growl-item-container--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast)}.eui-growl-item-container--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast)}.eui-growl-item-container--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast)}.eui-growl-item-container--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast)}.eui-growl-item-container{background-color:var(--_bg-color);color:var(--_color-on-bg)}.eui-growl-item-container .eui-icon-svg svg{fill:var(--_color-on-bg)!important;color:var(--_color-on-bg)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i2.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
|
|
140
140
|
}
|
|
141
141
|
};
|
|
142
142
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiGrowlComponent, decorators: [{
|
|
@@ -174,7 +174,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
174
174
|
</div>
|
|
175
175
|
<eui-icon-button
|
|
176
176
|
(click)="remove(msg)"
|
|
177
|
-
|
|
177
|
+
icon="eui-close"
|
|
178
178
|
ariaLabel="Close growl icon"
|
|
179
179
|
class="eui-growl-item-close">
|
|
180
180
|
</eui-icon-button>
|
|
@@ -191,7 +191,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
191
191
|
</div>
|
|
192
192
|
</div>
|
|
193
193
|
</div>
|
|
194
|
-
`, styles: [".eui-growl{--_bg-color: var(--eui-growl-color, var(--eui-c-primary));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-c-primary-contrast))}.eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-c-white)!important;text-decoration:underline}.eui-growl-item-container{filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);max-height:80vh;overflow-y:auto;overflow-wrap:break-word}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-secondary-bg-light)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-growl-item-message code{color:var(--eui-c-secondary-bg-light);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}.eui-growl-item-container--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast)}.eui-growl-item-container--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast)}.eui-growl-item-container--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast)}.eui-growl-item-container--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast)}.eui-growl-item-container--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast)}.eui-growl-item-container{background-color:var(--_bg-color);color:var(--_color-on-bg)}.eui-growl-item-container .eui-icon-svg svg{fill:var(--_color-on-bg);color:var(--_color-on-bg)}\n"] }]
|
|
194
|
+
`, styles: [".eui-growl{--_bg-color: var(--eui-growl-color, var(--eui-c-primary));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-c-primary-contrast))}.eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-c-white)!important;text-decoration:underline}.eui-growl-item-container{filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);max-height:80vh;overflow-y:auto;overflow-wrap:break-word}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-secondary-bg-light)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-lighter)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-c-secondary-bg-light);border-radius:0}.eui-growl-item-message code{color:var(--eui-c-secondary-bg-light);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}.eui-growl-item-container--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast)}.eui-growl-item-container--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast)}.eui-growl-item-container--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast)}.eui-growl-item-container--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast)}.eui-growl-item-container--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast)}.eui-growl-item-container{background-color:var(--_bg-color);color:var(--_color-on-bg)}.eui-growl-item-container .eui-icon-svg svg{fill:var(--_color-on-bg)!important;color:var(--_color-on-bg)!important}\n"] }]
|
|
195
195
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.IterableDiffers }], propDecorators: { sticky: [{
|
|
196
196
|
type: Input
|
|
197
197
|
}], life: [{
|