@eui/components 18.0.0-next.15 → 18.0.0-next.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuiAlertComponent.html +1 -1
- package/docs/components/EuiChipComponent.html +1 -1
- package/docs/components/EuiDashboardCardComponent.html +0 -24
- package/docs/components/EuiDiscussionThreadItemComponent.html +1 -1
- package/docs/components/EuiFileUploadComponent.html +1 -1
- package/docs/components/EuiMenuItemComponent.html +1 -1
- package/docs/dependencies.html +1 -3
- package/docs/js/menu-wc.js +9 -9
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +32 -2
- package/esm2022/eui-alert/eui-alert.component.mjs +3 -3
- package/esm2022/eui-alert/eui-alert.module.mjs +9 -11
- package/esm2022/eui-card/eui-card.component.mjs +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +3 -3
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +2 -10
- package/esm2022/eui-discussion-thread/eui-discussion-thread-item.component.mjs +3 -3
- package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +2 -2
- package/esm2022/eui-file-upload/eui-file-upload.component.mjs +3 -3
- package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +2 -2
- package/esm2022/eui-input-radio/eui-input-radio.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu-item.component.mjs +3 -3
- package/esm2022/eui-select/eui-select.component.mjs +2 -2
- package/eui-alert/eui-alert.module.d.ts.map +1 -1
- package/eui-dashboard-card/eui-dashboard-card.component.d.ts +1 -6
- package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +17 -22
- package/fesm2022/eui-components-eui-alert.mjs.map +2 -2
- 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 +2 -2
- package/fesm2022/eui-components-eui-dashboard-card.mjs +2 -7
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +2 -2
- package/fesm2022/eui-components-eui-discussion-thread.mjs +4 -4
- package/fesm2022/eui-components-eui-discussion-thread.mjs.map +2 -2
- package/fesm2022/eui-components-eui-file-upload.mjs +4 -4
- package/fesm2022/eui-components-eui-file-upload.mjs.map +2 -2
- 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-input-radio.mjs +2 -2
- package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +0 -20
- package/fesm2022/eui-components-eui-menu.mjs.map +2 -2
- package/fesm2022/eui-components-eui-select.mjs +2 -2
- package/fesm2022/eui-components-eui-select.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -18,8 +18,7 @@ var EuiDashboardCardComponent = class _EuiDashboardCardComponent {
|
|
|
18
18
|
get cssClasses() {
|
|
19
19
|
return [
|
|
20
20
|
this.baseStatesDirective.getCssClasses("eui-dashboard-card"),
|
|
21
|
-
this.isHorizontal ? "eui-dashboard-card--horizontal" : ""
|
|
22
|
-
this.isDisabled ? "eui-dashboard-card--disabled" : ""
|
|
21
|
+
this.isHorizontal ? "eui-dashboard-card--horizontal" : ""
|
|
23
22
|
].join(" ").trim();
|
|
24
23
|
}
|
|
25
24
|
constructor(baseStatesDirective) {
|
|
@@ -32,7 +31,6 @@ var EuiDashboardCardComponent = class _EuiDashboardCardComponent {
|
|
|
32
31
|
this.isHorizontal = false;
|
|
33
32
|
this.isFlatAvatar = false;
|
|
34
33
|
this.hasNoBackgroundAvatar = false;
|
|
35
|
-
this.isDisabled = false;
|
|
36
34
|
this.cardClick = new EventEmitter();
|
|
37
35
|
}
|
|
38
36
|
onClick(event) {
|
|
@@ -50,7 +48,7 @@ var EuiDashboardCardComponent = class _EuiDashboardCardComponent {
|
|
|
50
48
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiDashboardCardComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
51
49
|
}
|
|
52
50
|
static {
|
|
53
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EuiDashboardCardComponent, selector: "eui-dashboard-card", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", labelMaxLines: "labelMaxLines", subLabelMaxLines: "subLabelMaxLines", imageUrl: "imageUrl", iconSvgName: "iconSvgName", iconSvgSize: "iconSvgSize", iconLabel: "iconLabel", url: "url", urlExternal: "urlExternal", urlExternalTarget: "urlExternalTarget", isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], isFlatAvatar: ["isFlatAvatar", "isFlatAvatar", booleanAttribute], hasNoBackgroundAvatar: ["hasNoBackgroundAvatar", "hasNoBackgroundAvatar", booleanAttribute]
|
|
51
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EuiDashboardCardComponent, selector: "eui-dashboard-card", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", labelMaxLines: "labelMaxLines", subLabelMaxLines: "subLabelMaxLines", imageUrl: "imageUrl", iconSvgName: "iconSvgName", iconSvgSize: "iconSvgSize", iconLabel: "iconLabel", url: "url", urlExternal: "urlExternal", urlExternalTarget: "urlExternalTarget", isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], isFlatAvatar: ["isFlatAvatar", "isFlatAvatar", booleanAttribute], hasNoBackgroundAvatar: ["hasNoBackgroundAvatar", "hasNoBackgroundAvatar", booleanAttribute] }, outputs: { cardClick: "cardClick" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: `@if (url || urlExternal) {
|
|
54
52
|
@if (urlExternal) {
|
|
55
53
|
<a href="{{ urlExternal }}" target="{{ urlExternalTarget }}" class="eui-dashboard-card__anchor-wrapper">
|
|
56
54
|
<ng-container *ngTemplateOutlet="content"></ng-container>
|
|
@@ -217,9 +215,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
217
215
|
}], hasNoBackgroundAvatar: [{
|
|
218
216
|
type: Input,
|
|
219
217
|
args: [{ transform: booleanAttribute }]
|
|
220
|
-
}], isDisabled: [{
|
|
221
|
-
type: Input,
|
|
222
|
-
args: [{ transform: booleanAttribute }]
|
|
223
218
|
}], cardClick: [{
|
|
224
219
|
type: Output
|
|
225
220
|
}], onClick: [{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-dashboard-card/eui-dashboard-card.component.ts", "../../eui-dashboard-card/eui-dashboard-card.component.html"],
|
|
4
|
-
"sourcesContent": ["import {\n Component,\n NgModule,\n HostBinding,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n OnInit,\n Input,\n HostListener,\n Output,\n EventEmitter,\n booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@Component({\n templateUrl: './eui-dashboard-card.component.html',\n selector: 'eui-dashboard-card',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSize2XL',\n 'euiSizeVariant',\n 'euiDisabled',\n ],\n },\n ],\n})\nexport class EuiDashboardCardComponent implements OnInit {\n // class binding\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-dashboard-card'),\n this.isHorizontal ? 'eui-dashboard-card--horizontal' : '',\n
|
|
5
|
-
"mappings": ";AAAA,SACI,WACA,UACA,aACA,yBACA,mBAEA,OACA,cACA,QACA,cACA,wBACG;AACP,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAE7B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;;;;;;;;AAiCxB,IAAO,4BAAP,MAAO,2BAAyB;;EAElC,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,oBAAoB;MAC3D,KAAK,eAAe,mCAAmC;
|
|
4
|
+
"sourcesContent": ["import {\n Component,\n NgModule,\n HostBinding,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n OnInit,\n Input,\n HostListener,\n Output,\n EventEmitter,\n booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@Component({\n templateUrl: './eui-dashboard-card.component.html',\n selector: 'eui-dashboard-card',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSize2XL',\n 'euiSizeVariant',\n 'euiDisabled',\n ],\n },\n ],\n})\nexport class EuiDashboardCardComponent implements OnInit {\n // class binding\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-dashboard-card'),\n this.isHorizontal ? 'eui-dashboard-card--horizontal' : '',\n ]\n .join(' ')\n .trim();\n }\n\n // e2e\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-dashboard-card';\n\n // aria ok - Cfr. euiDisabled\n\n // cmp input\n @Input() label: string;\n @Input() subLabel: string;\n @Input() labelMaxLines: 1 | 2 | 3 | 4 | 5 = 2;\n @Input() subLabelMaxLines: 1 | 2 | 3 | 4 | 5 = 2;\n @Input() imageUrl: string;\n @Input() iconSvgName: string;\n @Input() iconSvgSize: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n @Input() iconLabel: string;\n @Input() url: string;\n @Input() urlExternal: string;\n @Input() urlExternalTarget = '_blank';\n\n // coerce / tranforms / state booleans\n @Input({ transform: booleanAttribute }) isHorizontal = false;\n @Input({ transform: booleanAttribute }) isFlatAvatar = false;\n @Input({ transform: booleanAttribute }) hasNoBackgroundAvatar = false;\n\n // outputs\n @Output() cardClick = new EventEmitter<MouseEvent>();\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n @HostListener('click', ['$event'])\n onClick(event: MouseEvent): void {\n this.cardClick.emit(event);\n }\n\n ngOnInit(): void {\n if (!this.baseStatesDirective.euiSizeVariant) {\n this.baseStatesDirective.euiSizeL = true;\n }\n if (!this.baseStatesDirective.euiVariant) {\n this.baseStatesDirective.euiSecondary = true;\n }\n }\n}\n\n@NgModule({\n imports: [CommonModule, RouterModule, EuiAvatarModule, EuiLabelModule, EuiIconModule],\n declarations: [EuiDashboardCardComponent],\n exports: [EuiDashboardCardComponent],\n})\nexport class EuiDashboardCardModule {}\n", "@if (url || urlExternal) {\n @if (urlExternal) {\n <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n } @else {\n <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n }\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n @if (iconSvgName || imageUrl || iconLabel) {\n <div class=\"eui-dashboard-card__avatar-wrapper\">\n <eui-avatar\n [euiVariant]=\"baseStatesDirective.euiVariant\"\n [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n [isFlat]=\"isFlatAvatar\"\n [hasNoBackground]=\"hasNoBackgroundAvatar\">\n <eui-avatar-icon>\n <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n </eui-avatar-icon>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n </eui-avatar>\n </div>\n }\n <div class=\"eui-dashboard-card__content-wrapper\">\n @if (label) {\n <div class=\"eui-dashboard-card__label-content\">\n <eui-label>\n <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n {{ label }}\n </eui-label>\n @if (subLabel) {\n <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n {{ subLabel }}\n </eui-label>\n }\n </eui-label>\n </div>\n }\n <div class=\"eui-dashboard-card__sub-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -49,7 +49,7 @@ var EuiDiscussionThreadItemComponent = class _EuiDiscussionThreadItemComponent {
|
|
|
49
49
|
{{ date | date: 'dd/MM/YYYY' }}
|
|
50
50
|
</div>
|
|
51
51
|
<div class="eui-discussion-thread-time">
|
|
52
|
-
<eui-icon-svg icon="time" set="outline" size="s" fillColor="grey-75" class="eui-
|
|
52
|
+
<eui-icon-svg icon="time" set="outline" size="s" fillColor="grey-75" class="eui-discussion-thread-time-icon"></eui-icon-svg>
|
|
53
53
|
<span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>
|
|
54
54
|
</div>
|
|
55
55
|
</div>
|
|
@@ -78,7 +78,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
78
78
|
{{ date | date: 'dd/MM/YYYY' }}
|
|
79
79
|
</div>
|
|
80
80
|
<div class="eui-discussion-thread-time">
|
|
81
|
-
<eui-icon-svg icon="time" set="outline" size="s" fillColor="grey-75" class="eui-
|
|
81
|
+
<eui-icon-svg icon="time" set="outline" size="s" fillColor="grey-75" class="eui-discussion-thread-time-icon"></eui-icon-svg>
|
|
82
82
|
<span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>
|
|
83
83
|
</div>
|
|
84
84
|
</div>
|
|
@@ -126,12 +126,12 @@ var EuiDiscussionThreadComponent = class _EuiDiscussionThreadComponent {
|
|
|
126
126
|
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i02, type: _EuiDiscussionThreadComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
|
|
127
127
|
}
|
|
128
128
|
static {
|
|
129
|
-
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", 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-base-color-grey-20);color:var(--eui-base-color-primary-100);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-base-color-grey-100);display:flex;width:100%;font:normal normal 400 1.125rem/1.5rem 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-base-color-grey-15);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 .eui-discussion-thread-panel{background-color:var(--eui-base-color-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 .eui-discussion-thread-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 .eui-discussion-thread-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-base-color-white);border-right:0 solid var(--eui-base-color-white);border-top:14px solid transparent;content:" ";display:inline-block;position:absolute;right:-14px;top:27px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge{border-radius:100%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--eui-base-color-white);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 .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-header{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.eui-discussion-thread-wrapper .eui-discussion-thread-heading{align-items:center;display:flex;justify-content:space-between}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-title{align-items:center;display:flex;color:var(--eui-base-color-primary-100);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-time{align-items:center;display:flex;margin-left:auto;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-wrapper .eui-discussion-thread-body__word-break{word-break:break-word}.eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p,.eui-discussion-thread-wrapper .eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-wrapper .eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-wrapper .eui-discussion-thread-tooltip{background-color:#000000bf;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}@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 });
|
|
129
|
+
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", 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-base-color-grey-20);color:var(--eui-base-color-primary-100);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-base-color-grey-100);display:flex;width:100%;font:normal normal 400 1.125rem/1.5rem 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-base-color-grey-15);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 .eui-discussion-thread-panel{background-color:var(--eui-base-color-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 .eui-discussion-thread-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 .eui-discussion-thread-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-base-color-white);border-right:0 solid var(--eui-base-color-white);border-top:14px solid transparent;content:" ";display:inline-block;position:absolute;right:-14px;top:27px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge{border-radius:100%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--eui-base-color-white);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 .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-header{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.eui-discussion-thread-wrapper .eui-discussion-thread-heading{align-items:center;display:flex;justify-content:space-between}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-title{align-items:center;display:flex;color:var(--eui-base-color-primary-100);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-time{align-items:center;display:flex;margin-left:auto;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-time-icon{margin-right:var(--eui-base-spacing-xs)}.eui-discussion-thread-wrapper .eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-wrapper .eui-discussion-thread-body__word-break{word-break:break-word}.eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p,.eui-discussion-thread-wrapper .eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-wrapper .eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-wrapper .eui-discussion-thread-tooltip{background-color:#000000bf;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}@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
130
|
}
|
|
131
131
|
};
|
|
132
132
|
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i02, type: EuiDiscussionThreadComponent, decorators: [{
|
|
133
133
|
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-base-color-grey-20);color:var(--eui-base-color-primary-100);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-base-color-grey-100);display:flex;width:100%;font:normal normal 400 1.125rem/1.5rem 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-base-color-grey-15);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 .eui-discussion-thread-panel{background-color:var(--eui-base-color-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 .eui-discussion-thread-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 .eui-discussion-thread-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-base-color-white);border-right:0 solid var(--eui-base-color-white);border-top:14px solid transparent;content:" ";display:inline-block;position:absolute;right:-14px;top:27px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge{border-radius:100%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--eui-base-color-white);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 .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-header{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.eui-discussion-thread-wrapper .eui-discussion-thread-heading{align-items:center;display:flex;justify-content:space-between}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-title{align-items:center;display:flex;color:var(--eui-base-color-primary-100);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-time{align-items:center;display:flex;margin-left:auto;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-wrapper .eui-discussion-thread-body__word-break{word-break:break-word}.eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p,.eui-discussion-thread-wrapper .eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-wrapper .eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-wrapper .eui-discussion-thread-tooltip{background-color:#000000bf;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}@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'] }]
|
|
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-base-color-grey-20);color:var(--eui-base-color-primary-100);display:flex;margin-bottom:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-2xs);width:100%;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-base-color-grey-100);display:flex;width:100%;font:normal normal 400 1.125rem/1.5rem 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-base-color-grey-15);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 .eui-discussion-thread-panel{background-color:var(--eui-base-color-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 .eui-discussion-thread-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 .eui-discussion-thread-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-base-color-white);border-right:0 solid var(--eui-base-color-white);border-top:14px solid transparent;content:" ";display:inline-block;position:absolute;right:-14px;top:27px}.eui-discussion-thread-wrapper .eui-discussion-thread__item .eui-discussion-thread-badge{border-radius:100%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:var(--eui-base-color-white);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 .eui-discussion-thread-badge--small{height:1.5rem;left:51.75%;top:2.5rem;width:1.5rem}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel{float:right}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread__item.eui-discussion-thread-inverted .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-discussion-thread-wrapper .eui-discussion-thread-badge{background-color:var(--eui-base-color-grey-25)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.primary{background-color:var(--eui-base-color-primary-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.success{background-color:var(--eui-base-color-success-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.warning{background-color:var(--eui-base-color-warning-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.danger{background-color:var(--eui-base-color-danger-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.info{background-color:var(--eui-base-color-info-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-badge.accent{background-color:var(--eui-base-color-accent-100)!important}.eui-discussion-thread-wrapper .eui-discussion-thread-header{border-bottom:1px solid var(--eui-base-color-grey-15);margin-bottom:var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-s)}.eui-discussion-thread-wrapper .eui-discussion-thread-heading{align-items:center;display:flex;justify-content:space-between}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-title{align-items:center;display:flex;color:var(--eui-base-color-primary-100);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-time{align-items:center;display:flex;margin-left:auto;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-heading .eui-discussion-thread-time-icon{margin-right:var(--eui-base-spacing-xs)}.eui-discussion-thread-wrapper .eui-discussion-thread-subheading{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-discussion-thread-wrapper .eui-discussion-thread-body{margin:var(--eui-base-spacing-m) 0}.eui-discussion-thread-wrapper .eui-discussion-thread-body__word-break{word-break:break-word}.eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-base-color-black);height:1px;margin:0!important;opacity:.4}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p,.eui-discussion-thread-wrapper .eui-discussion-thread-body>ul{margin-bottom:0}.eui-discussion-thread-wrapper .eui-discussion-thread-body>p+p{margin-top:5px}.eui-discussion-thread-wrapper .eui-discussion-thread-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-discussion-thread-wrapper .eui-discussion-thread-tooltip{background-color:#000000bf;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}@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
135
|
}], propDecorators: { role: [{
|
|
136
136
|
type: HostBinding2,
|
|
137
137
|
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 get iconClass(): string {\n let iconClass = 'eui-icon-more-horizontal';\n switch (this.typeClass) {\n case 'info':\n iconClass = 'eui-icon-info';\n break;\n case 'success':\n iconClass = 'eui-icon-check';\n break;\n case 'warning':\n iconClass = 'eui-icon-exclamation';\n break;\n case 'danger':\n iconClass = 'eui-icon-times';\n break;\n }\n return `eui-icon ${iconClass}`;\n }\n}\n", "<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread-inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread-badge {{ typeClass }}\" title=\"{{ tooltip }}\">\n <span class=\"{{ iconClass }}\"></span>\n </div>\n <div class=\"eui-discussion-thread-panel\">\n <div class=\"eui-discussion-thread-header\">\n <div class=\"eui-discussion-thread-heading\">\n <div class=\"eui-discussion-thread-title\">\n {{ date | date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"grey-75\" class=\"eui-
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,aAAa,aAAa;AAC9C,SAAS,6BAA2C;;;;;AAM9C,IAAO,mCAAP,MAAO,kCAAgC;EAJ7C,cAAA;AAM8B,SAAA,OAAO;AAgBzB,SAAA,SAAS;;EAPjB,IACI,QAAK;AACL,WAAO,KAAK;EAChB;EACA,IAAI,MAAM,OAAmB;AACzB,SAAK,SAAS,sBAAsB,KAAK;EAC7C;EAGA,IAAI,YAAS;AACT,QAAI,YAAY;AAChB,YAAQ,KAAK,WAAW;MACpB,KAAK;AACD,oBAAY;AACZ;MACJ,KAAK;AACD,oBAAY;AACZ;MACJ,KAAK;AACD,oBAAY;AACZ;MACJ,KAAK;AACD,oBAAY;AACZ;IACR;AACA,WAAO,YAAY,SAAS;EAChC;;4GArCS,mCAAgC,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAhC,mCAAgC,UAAA,8BAAA,QAAA,EAAA,IAAA,MAAA,WAAA,aAAA,MAAA,QAAA,QAAA,UAAA,MAAA,QAAA,SAAA,WAAA,OAAA,QAAA,GAAA,MAAA,EAAA,YAAA,EAAA,aAAA,YAAA,EAAA,GAAA,UAAA,IAAA,UCP7C;;;;;;;;;;;;;;;;;;;;;;;;GAwBA,cAAA,CAAA,EAAA,MAAA,aAAA,MAAA,wBAAA,UAAA,iDAAA,QAAA,CAAA,QAAA,QAAA,aAAA,OAAA,kBAAA,QAAA,SAAA,WAAA,aAAA,cAAA,cAAA,aAAA,WAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,sBAAA,UAAA,+KAAA,QAAA,CAAA,eAAA,eAAA,aAAA,EAAA,GAAA,EAAA,MAAA,QAAA,MAAA,aAAA,MAAA,OAAA,CAAA,EAAA,CAAA;EAAA;;kGDjBa,kCAAgC,YAAA,CAAA;QAJ5C;qBACa,8BAA4B,UAAA;;;;;;;;;;;;;;;;;;;;;;;;EAAA,CAAA;sBAKZ,MAAI,CAAA;QAA7B;SAAY,WAAW;IAEf,IAAE,CAAA;QAAV;IACQ,WAAS,CAAA;QAAjB;IACQ,MAAI,CAAA;QAAZ;IACQ,QAAM,CAAA;QAAd;IACQ,MAAI,CAAA;QAAZ;IACQ,SAAO,CAAA;QAAf;IAGG,OAAK,CAAA;QADR;;;;AElBL,SAAS,aAAAA,YAAW,eAAAC,cAAa,SAAAC,QAAO,yBAAyB;;;AAU3D,IAAO,+BAAP,MAAO,8BAA4B;EANzC,cAAA;AAQ8B,SAAA,OAAO;;EAO1B,UAAU,OAAe,MAA6B;AACzD,WAAO,KAAK;EAChB;;8GAXS,+BAA4B,MAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAA5B,+BAA4B,UAAA,yBAAA,QAAA,EAAA,OAAA,SAAA,YAAA,cAAA,eAAA,iBAAA,SAAA,UAAA,GAAA,MAAA,EAAA,YAAA,EAAA,aAAA,YAAA,EAAA,GAAA,UAAAC,KAAA,UCVzC,u+BAwBA,QAAA,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\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 get iconClass(): string {\n let iconClass = 'eui-icon-more-horizontal';\n switch (this.typeClass) {\n case 'info':\n iconClass = 'eui-icon-info';\n break;\n case 'success':\n iconClass = 'eui-icon-check';\n break;\n case 'warning':\n iconClass = 'eui-icon-exclamation';\n break;\n case 'danger':\n iconClass = 'eui-icon-times';\n break;\n }\n return `eui-icon ${iconClass}`;\n }\n}\n", "<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread-inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread-badge {{ typeClass }}\" title=\"{{ tooltip }}\">\n <span class=\"{{ iconClass }}\"></span>\n </div>\n <div class=\"eui-discussion-thread-panel\">\n <div class=\"eui-discussion-thread-header\">\n <div class=\"eui-discussion-thread-heading\">\n <div class=\"eui-discussion-thread-title\">\n {{ date | date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"grey-75\" class=\"eui-discussion-thread-time-icon\"></eui-icon-svg>\n <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n </div>\n </div>\n <div class=\"eui-discussion-thread-subheading\">\n {{ author }}\n </div>\n </div>\n <div class=\"eui-discussion-thread-body\">\n <p class=\"eui-discussion-thread-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
|
}
|
|
@@ -409,7 +409,7 @@ var EuiFileUploadComponent = class _EuiFileUploadComponent {
|
|
|
409
409
|
(dragenter)="onDragEnter()"
|
|
410
410
|
(dragleave)="onDragLeave()" />
|
|
411
411
|
</div>
|
|
412
|
-
<div class="eui-file-upload__simple-input-file
|
|
412
|
+
<div class="eui-file-upload__simple-input-file" *ngIf="!hasDragArea">
|
|
413
413
|
<label for="file-{{ randomNumberId }}">
|
|
414
414
|
<button euiButton type="button" (click)="openBrowseWindow()">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</button>
|
|
415
415
|
</label>
|
|
@@ -468,7 +468,7 @@ var EuiFileUploadComponent = class _EuiFileUploadComponent {
|
|
|
468
468
|
<button euiButton type="button" (click)="resetList()" *ngIf="showResetBtn">
|
|
469
469
|
{{ 'eui.euifileupload.RESET-LIST' | translate }}
|
|
470
470
|
</button>
|
|
471
|
-
`, styles: [".eui-file-upload__total-size{margin-bottom:1rem;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-file-upload__drop-area{outline:1px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--active{background-color:var(--eui-base-color-primary-5);outline:3px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--disabled{opacity:.75;cursor:not-allowed}.eui-file-upload__drop-area--disabled .file-input{cursor:default}.eui-file-upload__fake-btn{background-color:#fff;border:1px solid #9e9ec4;border-radius:3px;margin-right:8px;padding:8px 15px}.eui-file-upload__file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-file-upload__simple-input-file .file-input{display:none}.eui-file-upload__preview{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.eui-file-upload__preview--left{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-file-upload__preview--left__image{margin-right:var(--eui-base-spacing-m)}.eui-file-upload__preview--left__image img{width:180px}.eui-file-upload__preview--left__image .loading-container{text-align:center;width:180px}.eui-file-upload__preview--left__filename{display:block}.eui-file-upload__preview--right{align-items:center;display:flex;margin-left:auto}.eui-file-upload__progress-bar-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-file-upload__progress-bar-container .progress-bar{background-color:var(--eui-base-color-primary-100);height:var(--eui-base-spacing-2xs)}\n"], dependencies: [{ kind: "directive", type: i22.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i22.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i32.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: EuiFileUploadProgressComponent, selector: "eui-file-upload-progress", inputs: ["progress"] }, { kind: "component", type: EuiFilePreviewComponent, selector: "eui-file-preview", inputs: ["file", "index", "previewAsIconConfig", "hasPreview", "isFilenameDisplayed", "isFilesizeDisplayed", "isFiletypeDisplayed", "hasPreviewAsImage", "hasPreviewAsIcon", "isItemsClickable"], outputs: ["removeFromList", "itemClick"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: EuiFileSizePipe, name: "filesize" }], encapsulation: i04.ViewEncapsulation.None });
|
|
471
|
+
`, styles: [".eui-file-upload__total-size{margin-bottom:1rem;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-file-upload__drop-area{outline:1px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--active{background-color:var(--eui-base-color-primary-5);outline:3px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--disabled{opacity:.75;cursor:not-allowed}.eui-file-upload__drop-area--disabled .file-input{cursor:default}.eui-file-upload__fake-btn{background-color:#fff;border:1px solid #9e9ec4;border-radius:3px;margin-right:8px;padding:8px 15px}.eui-file-upload__file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-file-upload__simple-input-file{margin-bottom:var(--eui-base-spacing-xs)}.eui-file-upload__simple-input-file .file-input{display:none}.eui-file-upload__preview{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.eui-file-upload__preview--left{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-file-upload__preview--left__image{margin-right:var(--eui-base-spacing-m)}.eui-file-upload__preview--left__image img{width:180px}.eui-file-upload__preview--left__image .loading-container{text-align:center;width:180px}.eui-file-upload__preview--left__filename{display:block}.eui-file-upload__preview--right{align-items:center;display:flex;margin-left:auto}.eui-file-upload__progress-bar-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-file-upload__progress-bar-container .progress-bar{background-color:var(--eui-base-color-primary-100);height:var(--eui-base-spacing-2xs)}\n"], dependencies: [{ kind: "directive", type: i22.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i22.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i32.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: EuiFileUploadProgressComponent, selector: "eui-file-upload-progress", inputs: ["progress"] }, { kind: "component", type: EuiFilePreviewComponent, selector: "eui-file-preview", inputs: ["file", "index", "previewAsIconConfig", "hasPreview", "isFilenameDisplayed", "isFilesizeDisplayed", "isFiletypeDisplayed", "hasPreviewAsImage", "hasPreviewAsIcon", "isItemsClickable"], outputs: ["removeFromList", "itemClick"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: EuiFileSizePipe, name: "filesize" }], encapsulation: i04.ViewEncapsulation.None });
|
|
472
472
|
}
|
|
473
473
|
};
|
|
474
474
|
i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i04, type: EuiFileUploadComponent, decorators: [{
|
|
@@ -503,7 +503,7 @@ i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
503
503
|
(dragenter)="onDragEnter()"
|
|
504
504
|
(dragleave)="onDragLeave()" />
|
|
505
505
|
</div>
|
|
506
|
-
<div class="eui-file-upload__simple-input-file
|
|
506
|
+
<div class="eui-file-upload__simple-input-file" *ngIf="!hasDragArea">
|
|
507
507
|
<label for="file-{{ randomNumberId }}">
|
|
508
508
|
<button euiButton type="button" (click)="openBrowseWindow()">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</button>
|
|
509
509
|
</label>
|
|
@@ -562,7 +562,7 @@ i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
562
562
|
<button euiButton type="button" (click)="resetList()" *ngIf="showResetBtn">
|
|
563
563
|
{{ 'eui.euifileupload.RESET-LIST' | translate }}
|
|
564
564
|
</button>
|
|
565
|
-
`, styles: [".eui-file-upload__total-size{margin-bottom:1rem;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-file-upload__drop-area{outline:1px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--active{background-color:var(--eui-base-color-primary-5);outline:3px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--disabled{opacity:.75;cursor:not-allowed}.eui-file-upload__drop-area--disabled .file-input{cursor:default}.eui-file-upload__fake-btn{background-color:#fff;border:1px solid #9e9ec4;border-radius:3px;margin-right:8px;padding:8px 15px}.eui-file-upload__file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-file-upload__simple-input-file .file-input{display:none}.eui-file-upload__preview{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.eui-file-upload__preview--left{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-file-upload__preview--left__image{margin-right:var(--eui-base-spacing-m)}.eui-file-upload__preview--left__image img{width:180px}.eui-file-upload__preview--left__image .loading-container{text-align:center;width:180px}.eui-file-upload__preview--left__filename{display:block}.eui-file-upload__preview--right{align-items:center;display:flex;margin-left:auto}.eui-file-upload__progress-bar-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-file-upload__progress-bar-container .progress-bar{background-color:var(--eui-base-color-primary-100);height:var(--eui-base-spacing-2xs)}\n"] }]
|
|
565
|
+
`, styles: [".eui-file-upload__total-size{margin-bottom:1rem;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-file-upload__drop-area{outline:1px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--active{background-color:var(--eui-base-color-primary-5);outline:3px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;-webkit-transition:.2s;transition:.2s}.eui-file-upload__drop-area--disabled{opacity:.75;cursor:not-allowed}.eui-file-upload__drop-area--disabled .file-input{cursor:default}.eui-file-upload__fake-btn{background-color:#fff;border:1px solid #9e9ec4;border-radius:3px;margin-right:8px;padding:8px 15px}.eui-file-upload__file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.eui-file-upload__simple-input-file{margin-bottom:var(--eui-base-spacing-xs)}.eui-file-upload__simple-input-file .file-input{display:none}.eui-file-upload__preview{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.eui-file-upload__preview--left{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-file-upload__preview--left__image{margin-right:var(--eui-base-spacing-m)}.eui-file-upload__preview--left__image img{width:180px}.eui-file-upload__preview--left__image .loading-container{text-align:center;width:180px}.eui-file-upload__preview--left__filename{display:block}.eui-file-upload__preview--right{align-items:center;display:flex;margin-left:auto}.eui-file-upload__progress-bar-container{margin-bottom:var(--eui-base-spacing-2xs)}.eui-file-upload__progress-bar-container .progress-bar{background-color:var(--eui-base-color-primary-100);height:var(--eui-base-spacing-2xs)}\n"] }]
|
|
566
566
|
}], ctorParameters: () => [{ type: i13.BaseStatesDirective }], propDecorators: { e2eAttr: [{
|
|
567
567
|
type: Input3
|
|
568
568
|
}], progress: [{
|