@eui/components 15.0.0-rc.17 → 15.0.0-rc.18
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/EuiChipComponent.html +1 -1
- package/docs/components/EuiGrowlComponent.html +1 -1
- package/docs/components/EuiPaginatorComponent.html +1 -1
- package/docs/components/EuiTabsComponent.html +1 -1
- package/docs/components/UxDynamicModalComponent.html +1 -1
- package/docs/components/UxFieldSearchComponent.html +1 -1
- package/docs/dependencies.html +3 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +29 -29
- package/esm2020/eui-button/eui-button.component.mjs +2 -2
- package/esm2020/eui-chip/eui-chip.component.mjs +3 -3
- package/esm2020/eui-growl/eui-growl.component.mjs +3 -3
- package/esm2020/eui-paginator/eui-paginator.component.mjs +3 -3
- package/esm2020/eui-tabs/eui-tabs.component.mjs +3 -3
- package/esm2020/eui-timeline/eui-timeline-item.component.mjs +2 -2
- package/esm2020/eui-timeline/eui-timeline.component.mjs +2 -2
- package/esm2020/legacy/ux-datepicker/ux-datepicker.component.mjs +2 -2
- package/esm2020/legacy/ux-dynamic-modal/ux-dynamic-modal.component.mjs +3 -3
- package/esm2020/legacy/ux-field-search/ux-field-search.component.mjs +3 -3
- package/fesm2015/eui-components-eui-button.mjs +2 -2
- package/fesm2015/eui-components-eui-button.mjs.map +1 -1
- package/fesm2015/eui-components-eui-chip.mjs +2 -2
- package/fesm2015/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2015/eui-components-eui-growl.mjs +2 -2
- package/fesm2015/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2015/eui-components-eui-paginator.mjs +2 -2
- package/fesm2015/eui-components-eui-paginator.mjs.map +1 -1
- package/fesm2015/eui-components-eui-tabs.mjs +2 -2
- package/fesm2015/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2015/eui-components-eui-timeline.mjs +4 -4
- package/fesm2015/eui-components-legacy-ux-datepicker.mjs +2 -2
- package/fesm2015/eui-components-legacy-ux-datepicker.mjs.map +1 -1
- package/fesm2015/eui-components-legacy-ux-dynamic-modal.mjs +2 -2
- package/fesm2015/eui-components-legacy-ux-dynamic-modal.mjs.map +1 -1
- package/fesm2015/eui-components-legacy-ux-field-search.mjs +2 -2
- package/fesm2015/eui-components-legacy-ux-field-search.mjs.map +1 -1
- package/fesm2020/eui-components-eui-button.mjs +2 -2
- package/fesm2020/eui-components-eui-button.mjs.map +1 -1
- package/fesm2020/eui-components-eui-chip.mjs +2 -2
- package/fesm2020/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2020/eui-components-eui-growl.mjs +2 -2
- package/fesm2020/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2020/eui-components-eui-paginator.mjs +2 -2
- package/fesm2020/eui-components-eui-paginator.mjs.map +1 -1
- package/fesm2020/eui-components-eui-tabs.mjs +2 -2
- package/fesm2020/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2020/eui-components-eui-timeline.mjs +4 -4
- package/fesm2020/eui-components-legacy-ux-datepicker.mjs +2 -2
- package/fesm2020/eui-components-legacy-ux-datepicker.mjs.map +1 -1
- package/fesm2020/eui-components-legacy-ux-dynamic-modal.mjs +2 -2
- package/fesm2020/eui-components-legacy-ux-dynamic-modal.mjs.map +1 -1
- package/fesm2020/eui-components-legacy-ux-field-search.mjs +2 -2
- package/fesm2020/eui-components-legacy-ux-field-search.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -82,18 +82,18 @@
|
|
|
82
82
|
<li>
|
|
83
83
|
<a href="#COMPONENTS" title="packages/eui/packages/components/layout/eui-header/header.module.ts" ><b>COMPONENTS</b> (packages/.../header.module.ts)</a>
|
|
84
84
|
</li>
|
|
85
|
-
<li>
|
|
86
|
-
<a href="#COMPONENTS" title="packages/eui/packages/components/layout/eui-user-profile/user-profile.module.ts" ><b>COMPONENTS</b> (packages/.../user-profile.module.ts)</a>
|
|
87
|
-
</li>
|
|
88
85
|
<li>
|
|
89
86
|
<a href="#COMPONENTS" title="packages/eui/packages/components/layout/eui-toolbar/toolbar.module.ts" ><b>COMPONENTS</b> (packages/.../toolbar.module.ts)</a>
|
|
90
87
|
</li>
|
|
91
88
|
<li>
|
|
92
|
-
<a href="#COMPONENTS" title="packages/eui/packages/components/layout/eui-
|
|
89
|
+
<a href="#COMPONENTS" title="packages/eui/packages/components/layout/eui-user-profile/user-profile.module.ts" ><b>COMPONENTS</b> (packages/.../user-profile.module.ts)</a>
|
|
93
90
|
</li>
|
|
94
91
|
<li>
|
|
95
92
|
<a href="#COMPONENTS" title="packages/eui/packages/components/layout/eui-app/eui-app-toolbar/toolbar.module.ts" ><b>COMPONENTS</b> (packages/.../toolbar.module.ts)</a>
|
|
96
93
|
</li>
|
|
94
|
+
<li>
|
|
95
|
+
<a href="#COMPONENTS" title="packages/eui/packages/components/layout/eui-app/eui-app-sidebar/sidebar.module.ts" ><b>COMPONENTS</b> (packages/.../sidebar.module.ts)</a>
|
|
96
|
+
</li>
|
|
97
97
|
<li>
|
|
98
98
|
<a href="#constants" title="packages/eui/packages/components/legacy/ux-dynamic-popover/constants/constants.ts" ><b>constants</b> (packages/.../constants.ts)</a>
|
|
99
99
|
</li>
|
|
@@ -809,7 +809,7 @@
|
|
|
809
809
|
</tbody>
|
|
810
810
|
</table>
|
|
811
811
|
</section>
|
|
812
|
-
<h3>packages/eui/packages/components/layout/eui-
|
|
812
|
+
<h3>packages/eui/packages/components/layout/eui-toolbar/toolbar.module.ts</h3>
|
|
813
813
|
<section>
|
|
814
814
|
<h3></h3> <table class="table table-sm table-bordered">
|
|
815
815
|
<tbody>
|
|
@@ -831,9 +831,16 @@
|
|
|
831
831
|
<tr>
|
|
832
832
|
<td class="col-md-4">
|
|
833
833
|
<i>Default value : </i><code>[
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
834
|
+
EuiToolbarComponent,
|
|
835
|
+
EuiToolbarItemComponent,
|
|
836
|
+
EuiToolbarItemsComponent,
|
|
837
|
+
EuiToolbarItemUserProfileComponent,
|
|
838
|
+
EuiToolbarItemSearchComponent,
|
|
839
|
+
EuiToolbarItemNotificationsComponent,
|
|
840
|
+
EuiToolbarLogoComponent,
|
|
841
|
+
EuiToolbarAppComponent,
|
|
842
|
+
EuiToolbarEnvironmentComponent,
|
|
843
|
+
EuiToolbarMenuComponent,
|
|
837
844
|
]</code>
|
|
838
845
|
</td>
|
|
839
846
|
</tr>
|
|
@@ -842,7 +849,7 @@
|
|
|
842
849
|
</tbody>
|
|
843
850
|
</table>
|
|
844
851
|
</section>
|
|
845
|
-
<h3>packages/eui/packages/components/layout/eui-
|
|
852
|
+
<h3>packages/eui/packages/components/layout/eui-user-profile/user-profile.module.ts</h3>
|
|
846
853
|
<section>
|
|
847
854
|
<h3></h3> <table class="table table-sm table-bordered">
|
|
848
855
|
<tbody>
|
|
@@ -864,16 +871,9 @@
|
|
|
864
871
|
<tr>
|
|
865
872
|
<td class="col-md-4">
|
|
866
873
|
<i>Default value : </i><code>[
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
EuiToolbarItemUserProfileComponent,
|
|
871
|
-
EuiToolbarItemSearchComponent,
|
|
872
|
-
EuiToolbarItemNotificationsComponent,
|
|
873
|
-
EuiToolbarLogoComponent,
|
|
874
|
-
EuiToolbarAppComponent,
|
|
875
|
-
EuiToolbarEnvironmentComponent,
|
|
876
|
-
EuiToolbarMenuComponent,
|
|
874
|
+
EuiUserProfileComponent,
|
|
875
|
+
EuiUserProfileMenuComponent,
|
|
876
|
+
EuiUserProfileMenuItemComponent,
|
|
877
877
|
]</code>
|
|
878
878
|
</td>
|
|
879
879
|
</tr>
|
|
@@ -882,7 +882,7 @@
|
|
|
882
882
|
</tbody>
|
|
883
883
|
</table>
|
|
884
884
|
</section>
|
|
885
|
-
<h3>packages/eui/packages/components/layout/eui-app/eui-app-
|
|
885
|
+
<h3>packages/eui/packages/components/layout/eui-app/eui-app-toolbar/toolbar.module.ts</h3>
|
|
886
886
|
<section>
|
|
887
887
|
<h3></h3> <table class="table table-sm table-bordered">
|
|
888
888
|
<tbody>
|
|
@@ -904,13 +904,7 @@
|
|
|
904
904
|
<tr>
|
|
905
905
|
<td class="col-md-4">
|
|
906
906
|
<i>Default value : </i><code>[
|
|
907
|
-
|
|
908
|
-
EuiAppSidebarHeaderComponent,
|
|
909
|
-
EuiAppSidebarBodyComponent,
|
|
910
|
-
EuiAppSidebarFooterComponent,
|
|
911
|
-
EuiAppSidebarMenuComponent,
|
|
912
|
-
EuiAppSidebarHeaderUserProfileComponent,
|
|
913
|
-
EuiAppSidebarDrawerComponent,
|
|
907
|
+
EuiAppToolbarComponent,
|
|
914
908
|
]</code>
|
|
915
909
|
</td>
|
|
916
910
|
</tr>
|
|
@@ -919,7 +913,7 @@
|
|
|
919
913
|
</tbody>
|
|
920
914
|
</table>
|
|
921
915
|
</section>
|
|
922
|
-
<h3>packages/eui/packages/components/layout/eui-app/eui-app-
|
|
916
|
+
<h3>packages/eui/packages/components/layout/eui-app/eui-app-sidebar/sidebar.module.ts</h3>
|
|
923
917
|
<section>
|
|
924
918
|
<h3></h3> <table class="table table-sm table-bordered">
|
|
925
919
|
<tbody>
|
|
@@ -941,7 +935,13 @@
|
|
|
941
935
|
<tr>
|
|
942
936
|
<td class="col-md-4">
|
|
943
937
|
<i>Default value : </i><code>[
|
|
944
|
-
|
|
938
|
+
EuiAppSidebarComponent,
|
|
939
|
+
EuiAppSidebarHeaderComponent,
|
|
940
|
+
EuiAppSidebarBodyComponent,
|
|
941
|
+
EuiAppSidebarFooterComponent,
|
|
942
|
+
EuiAppSidebarMenuComponent,
|
|
943
|
+
EuiAppSidebarHeaderUserProfileComponent,
|
|
944
|
+
EuiAppSidebarDrawerComponent,
|
|
945
945
|
]</code>
|
|
946
946
|
</td>
|
|
947
947
|
</tr>
|
|
@@ -55,10 +55,10 @@ export class EuiButtonComponent extends BaseDirective {
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
/** @nocollapse */ EuiButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
58
|
-
/** @nocollapse */ EuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: "euiBasicButton", euiButtonCall: "euiButtonCall", euiBlockButton: "euiBlockButton", isLoading: "isLoading", euiIconButton: "euiIconButton", euiLineWrap: "euiLineWrap" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<span class=\"eui-button__container\">\n <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n <eui-icon [isLoading]=\"true\"></eui-icon>\n </span>\n <ng-content></ng-content>\n</span>\n", styles: ["button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:none}.eui-button{font: 400 1rem/1.25rem arial,sans-serif;align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--eui-base-font-size);justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap}.eui-button:active,.eui-button.active,.eui-button:focus{z-index:1;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading),.eui-button .eui-button__container>.eui-icon:not(.eui-icon--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container>.eui-icon:not(.eui-icon--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font-size:var(--eui-base-font-size-s)}.eui-button .eui-button__container .eui-label+.eui-icon{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:calc(var(--eui-base-spacing-xs) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.eui-button .eui-button__loading-icon .eui-icon.eui-icon--loading{margin-right:var(--eui-base-spacing-xl)}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating .eui-icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.eui-button-floating:before{border-radius:0}a.eui-button{text-decoration:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{color:var(--eui-base-color-white);text-decoration:none}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover{color:var(--eui-base-color-text)}.eui-button__expand-trigger{border-top:1px solid var(--eui-base-color-grey-15);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}.eui-button__expand-trigger .eui-label+.eui-icon,.eui-button__expand-trigger .eui-icon+.eui-label{margin-left:var(--eui-base-spacing-s)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font-size:var(--eui-base-font-size-s)}.eui-button--size-s .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font-size:var(--eui-base-font-size)}.eui-button--size-m .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font-size:var(--eui-base-font-size-l)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button--size-l .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-2xl)}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--primary .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110)}.eui-button--primary--darker{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--primary--darker:hover{background-color:var(--eui-base-color-primary-130)}.eui-button--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-100)}.eui-button--secondary .eui-icon-svg{fill:var(--eui-base-grey-100)}.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--secondary--darker{background-color:var(--eui-base-color-grey-25);border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-100)}.eui-button--secondary--darker:hover{background-color:var(--eui-base-color-grey-50)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--info .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--info:hover{background-color:var(--eui-base-color-info-110)}.eui-button--info--darker{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--info--darker:hover{background-color:var(--eui-base-color-info-130)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--success .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--success:hover{background-color:var(--eui-base-color-success-110)}.eui-button--success--darker{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--success--darker:hover{background-color:var(--eui-base-color-success-130)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--warning .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110)}.eui-button--warning--darker{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--warning--darker:hover{background-color:var(--eui-base-color-warning-130)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--danger .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110)}.eui-button--danger--darker{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--danger--darker:hover{background-color:var(--eui-base-color-danger-130)}.eui-button--accent .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--basic{background-color:transparent;border:1px solid transparent}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary .eui-icon-svg{fill:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{color:var(--eui-base-color-grey-75)}.eui-button--basic.eui-button--secondary .eui-icon-svg{fill:var(--eui-base-color-grey-75)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info .eui-icon-svg{fill:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success .eui-icon-svg{fill:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{color:var(--eui-base-color-warning-140)}.eui-button--basic.eui-button--warning .eui-icon-svg{fill:var(--eui-base-color-warning-140)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger .eui-icon-svg{fill:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--outline{background-color:var(--eui-base-color-white)}.eui-button--outline.eui-button--primary{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary .eui-icon-svg{fill:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--primary:active .eui-icon-svg,.eui-button--outline.eui-button--primary:focus .eui-icon-svg,.eui-button--outline.eui-button--primary:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--secondary{border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-75)}.eui-button--outline.eui-button--secondary .eui-icon-svg{fill:var(--eui-base-color-grey-75)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--outline.eui-button--info{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info .eui-icon-svg{fill:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--info:active .eui-icon-svg,.eui-button--outline.eui-button--info:focus .eui-icon-svg,.eui-button--outline.eui-button--info:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--success{border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success .eui-icon-svg{fill:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--success:active .eui-icon-svg,.eui-button--outline.eui-button--success:focus .eui-icon-svg,.eui-button--outline.eui-button--success:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--warning{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-140)}.eui-button--outline.eui-button--warning .eui-icon-svg{fill:var(--eui-base-color-warning-140)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--warning:active .eui-icon-svg,.eui-button--outline.eui-button--warning:focus .eui-icon-svg,.eui-button--outline.eui-button--warning:hover .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--outline.eui-button--danger{border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger .eui-icon-svg{fill:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--danger:active .eui-icon-svg,.eui-button--outline.eui-button--danger:focus .eui-icon-svg,.eui-button--outline.eui-button--danger:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--accent{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent:active .eui-icon-svg,.eui-button--outline.eui-button--accent:focus .eui-icon-svg,.eui-button--outline.eui-button--accent:hover .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button--responsive{position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--responsive .eui-button__container .eui-icon{overflow:visible}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-base-color-white);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button--expand-toggle .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-l)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
58
|
+
/** @nocollapse */ EuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: "euiBasicButton", euiButtonCall: "euiButtonCall", euiBlockButton: "euiBlockButton", isLoading: "isLoading", euiIconButton: "euiIconButton", euiLineWrap: "euiLineWrap" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<span class=\"eui-button__container\">\n <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n <eui-icon [isLoading]=\"true\"></eui-icon>\n </span>\n <ng-content></ng-content>\n</span>\n", styles: ["button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:none}.eui-button{font: 400 1rem/1.25rem arial,sans-serif;align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--eui-base-font-size);justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap}.eui-button:active,.eui-button.active,.eui-button:focus{z-index:1;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading),.eui-button .eui-button__container>.eui-icon:not(.eui-icon--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container>.eui-icon:not(.eui-icon--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font-size:var(--eui-base-font-size-s)}.eui-button .eui-button__container .eui-label+.eui-icon{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:calc(var(--eui-base-spacing-xs) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.eui-button .eui-button__loading-icon .eui-icon.eui-icon--loading{margin-right:var(--eui-base-spacing-xl)}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating .eui-icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.eui-button-floating:before{border-radius:0}a.eui-button{text-decoration:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{color:var(--eui-base-color-white);text-decoration:none}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover{color:var(--eui-base-color-text)}.eui-button__expand-trigger{border-top:1px solid var(--eui-base-color-grey-15);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}.eui-button__expand-trigger .eui-label+.eui-icon,.eui-button__expand-trigger .eui-icon+.eui-label{margin-left:var(--eui-base-spacing-s)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font-size:var(--eui-base-font-size-s)}.eui-button--size-s .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font-size:var(--eui-base-font-size)}.eui-button--size-m .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font-size:var(--eui-base-font-size-l)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button--size-l .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-2xl)}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--primary .eui-icon-svg{fill:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110)}.eui-button--primary--darker{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--primary--darker:hover{background-color:var(--eui-base-color-primary-130)}.eui-button--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-100)}.eui-button--secondary .eui-icon-svg{fill:var(--eui-base-grey-100)}.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--secondary--darker{background-color:var(--eui-base-color-grey-25);border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-100)}.eui-button--secondary--darker:hover{background-color:var(--eui-base-color-grey-50)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--info .eui-icon-svg{fill:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-button--info:hover{background-color:var(--eui-base-color-info-110)}.eui-button--info--darker{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--info--darker:hover{background-color:var(--eui-base-color-info-130)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--success .eui-icon-svg{fill:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-button--success:hover{background-color:var(--eui-base-color-success-110)}.eui-button--success--darker{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--success--darker:hover{background-color:var(--eui-base-color-success-130)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--warning .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110)}.eui-button--warning--darker{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--warning--darker:hover{background-color:var(--eui-base-color-warning-130)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--danger .eui-icon-svg{fill:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110)}.eui-button--danger--darker{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--danger--darker:hover{background-color:var(--eui-base-color-danger-130)}.eui-button--accent .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--basic{background-color:transparent;border:1px solid transparent}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary .eui-icon-svg{fill:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{color:var(--eui-base-color-grey-75)}.eui-button--basic.eui-button--secondary .eui-icon-svg{fill:var(--eui-base-color-grey-75)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info .eui-icon-svg{fill:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success .eui-icon-svg{fill:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{color:var(--eui-base-color-warning-140)}.eui-button--basic.eui-button--warning .eui-icon-svg{fill:var(--eui-base-color-warning-140)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger .eui-icon-svg{fill:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--outline{background-color:var(--eui-base-color-white)}.eui-button--outline.eui-button--primary{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary .eui-icon-svg{fill:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--primary:active .eui-icon-svg,.eui-button--outline.eui-button--primary:focus .eui-icon-svg,.eui-button--outline.eui-button--primary:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--secondary{border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-75)}.eui-button--outline.eui-button--secondary .eui-icon-svg{fill:var(--eui-base-color-grey-75)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--outline.eui-button--info{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info .eui-icon-svg{fill:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--info:active .eui-icon-svg,.eui-button--outline.eui-button--info:focus .eui-icon-svg,.eui-button--outline.eui-button--info:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--success{border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success .eui-icon-svg{fill:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--success:active .eui-icon-svg,.eui-button--outline.eui-button--success:focus .eui-icon-svg,.eui-button--outline.eui-button--success:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--warning{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-140)}.eui-button--outline.eui-button--warning .eui-icon-svg{fill:var(--eui-base-color-warning-140)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--warning:active .eui-icon-svg,.eui-button--outline.eui-button--warning:focus .eui-icon-svg,.eui-button--outline.eui-button--warning:hover .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--outline.eui-button--danger{border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger .eui-icon-svg{fill:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--danger:active .eui-icon-svg,.eui-button--outline.eui-button--danger:focus .eui-icon-svg,.eui-button--outline.eui-button--danger:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--accent{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent:active .eui-icon-svg,.eui-button--outline.eui-button--accent:focus .eui-icon-svg,.eui-button--outline.eui-button--accent:hover .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button--responsive{position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--responsive .eui-button__container .eui-icon{overflow:visible}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-base-color-white);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button--expand-toggle .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-l)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
59
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiButtonComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
|
-
args: [{ selector: 'button[euiButton], a[euiButton]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span class=\"eui-button__container\">\n <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n <eui-icon [isLoading]=\"true\"></eui-icon>\n </span>\n <ng-content></ng-content>\n</span>\n", styles: ["button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:none}.eui-button{font: 400 1rem/1.25rem arial,sans-serif;align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--eui-base-font-size);justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap}.eui-button:active,.eui-button.active,.eui-button:focus{z-index:1;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading),.eui-button .eui-button__container>.eui-icon:not(.eui-icon--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container>.eui-icon:not(.eui-icon--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font-size:var(--eui-base-font-size-s)}.eui-button .eui-button__container .eui-label+.eui-icon{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:calc(var(--eui-base-spacing-xs) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.eui-button .eui-button__loading-icon .eui-icon.eui-icon--loading{margin-right:var(--eui-base-spacing-xl)}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating .eui-icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.eui-button-floating:before{border-radius:0}a.eui-button{text-decoration:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{color:var(--eui-base-color-white);text-decoration:none}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover{color:var(--eui-base-color-text)}.eui-button__expand-trigger{border-top:1px solid var(--eui-base-color-grey-15);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}.eui-button__expand-trigger .eui-label+.eui-icon,.eui-button__expand-trigger .eui-icon+.eui-label{margin-left:var(--eui-base-spacing-s)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font-size:var(--eui-base-font-size-s)}.eui-button--size-s .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font-size:var(--eui-base-font-size)}.eui-button--size-m .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font-size:var(--eui-base-font-size-l)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button--size-l .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-2xl)}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--primary .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110)}.eui-button--primary--darker{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--primary--darker:hover{background-color:var(--eui-base-color-primary-130)}.eui-button--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-100)}.eui-button--secondary .eui-icon-svg{fill:var(--eui-base-grey-100)}.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--secondary--darker{background-color:var(--eui-base-color-grey-25);border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-100)}.eui-button--secondary--darker:hover{background-color:var(--eui-base-color-grey-50)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--info .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--info:hover{background-color:var(--eui-base-color-info-110)}.eui-button--info--darker{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--info--darker:hover{background-color:var(--eui-base-color-info-130)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--success .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--success:hover{background-color:var(--eui-base-color-success-110)}.eui-button--success--darker{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--success--darker:hover{background-color:var(--eui-base-color-success-130)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--warning .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110)}.eui-button--warning--darker{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--warning--darker:hover{background-color:var(--eui-base-color-warning-130)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--danger .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110)}.eui-button--danger--darker{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--danger--darker:hover{background-color:var(--eui-base-color-danger-130)}.eui-button--accent .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--basic{background-color:transparent;border:1px solid transparent}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary .eui-icon-svg{fill:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{color:var(--eui-base-color-grey-75)}.eui-button--basic.eui-button--secondary .eui-icon-svg{fill:var(--eui-base-color-grey-75)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info .eui-icon-svg{fill:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success .eui-icon-svg{fill:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{color:var(--eui-base-color-warning-140)}.eui-button--basic.eui-button--warning .eui-icon-svg{fill:var(--eui-base-color-warning-140)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger .eui-icon-svg{fill:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--outline{background-color:var(--eui-base-color-white)}.eui-button--outline.eui-button--primary{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary .eui-icon-svg{fill:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--primary:active .eui-icon-svg,.eui-button--outline.eui-button--primary:focus .eui-icon-svg,.eui-button--outline.eui-button--primary:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--secondary{border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-75)}.eui-button--outline.eui-button--secondary .eui-icon-svg{fill:var(--eui-base-color-grey-75)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--outline.eui-button--info{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info .eui-icon-svg{fill:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--info:active .eui-icon-svg,.eui-button--outline.eui-button--info:focus .eui-icon-svg,.eui-button--outline.eui-button--info:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--success{border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success .eui-icon-svg{fill:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--success:active .eui-icon-svg,.eui-button--outline.eui-button--success:focus .eui-icon-svg,.eui-button--outline.eui-button--success:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--warning{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-140)}.eui-button--outline.eui-button--warning .eui-icon-svg{fill:var(--eui-base-color-warning-140)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--warning:active .eui-icon-svg,.eui-button--outline.eui-button--warning:focus .eui-icon-svg,.eui-button--outline.eui-button--warning:hover .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--outline.eui-button--danger{border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger .eui-icon-svg{fill:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--danger:active .eui-icon-svg,.eui-button--outline.eui-button--danger:focus .eui-icon-svg,.eui-button--outline.eui-button--danger:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--accent{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent:active .eui-icon-svg,.eui-button--outline.eui-button--accent:focus .eui-icon-svg,.eui-button--outline.eui-button--accent:hover .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button--responsive{position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--responsive .eui-button__container .eui-icon{overflow:visible}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-base-color-white);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button--expand-toggle .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-l)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"] }]
|
|
61
|
+
args: [{ selector: 'button[euiButton], a[euiButton]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span class=\"eui-button__container\">\n <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n <eui-icon [isLoading]=\"true\"></eui-icon>\n </span>\n <ng-content></ng-content>\n</span>\n", styles: ["button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:none}.eui-button{font: 400 1rem/1.25rem arial,sans-serif;align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--eui-base-font-size);justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap}.eui-button:active,.eui-button.active,.eui-button:focus{z-index:1;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading),.eui-button .eui-button__container>.eui-icon:not(.eui-icon--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container>.eui-icon:not(.eui-icon--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font-size:var(--eui-base-font-size-s)}.eui-button .eui-button__container .eui-label+.eui-icon{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:calc(var(--eui-base-spacing-xs) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.eui-button .eui-button__loading-icon .eui-icon.eui-icon--loading{margin-right:var(--eui-base-spacing-xl)}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating .eui-icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.eui-button-floating:before{border-radius:0}a.eui-button{text-decoration:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{color:var(--eui-base-color-white);text-decoration:none}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover{color:var(--eui-base-color-text)}.eui-button__expand-trigger{border-top:1px solid var(--eui-base-color-grey-15);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}.eui-button__expand-trigger .eui-label+.eui-icon,.eui-button__expand-trigger .eui-icon+.eui-label{margin-left:var(--eui-base-spacing-s)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font-size:var(--eui-base-font-size-s)}.eui-button--size-s .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font-size:var(--eui-base-font-size)}.eui-button--size-m .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font-size:var(--eui-base-font-size-l)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button--size-l .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-2xl)}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--primary .eui-icon-svg{fill:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110)}.eui-button--primary--darker{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--primary--darker:hover{background-color:var(--eui-base-color-primary-130)}.eui-button--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-100)}.eui-button--secondary .eui-icon-svg{fill:var(--eui-base-grey-100)}.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--secondary--darker{background-color:var(--eui-base-color-grey-25);border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-100)}.eui-button--secondary--darker:hover{background-color:var(--eui-base-color-grey-50)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--info .eui-icon-svg{fill:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-button--info:hover{background-color:var(--eui-base-color-info-110)}.eui-button--info--darker{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--info--darker:hover{background-color:var(--eui-base-color-info-130)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--success .eui-icon-svg{fill:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-button--success:hover{background-color:var(--eui-base-color-success-110)}.eui-button--success--darker{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--success--darker:hover{background-color:var(--eui-base-color-success-130)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--warning .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110)}.eui-button--warning--darker{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--warning--darker:hover{background-color:var(--eui-base-color-warning-130)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--danger .eui-icon-svg{fill:var(--eui-base-color-white);color:var(--eui-base-color-white)}.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110)}.eui-button--danger--darker{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--danger--darker:hover{background-color:var(--eui-base-color-danger-130)}.eui-button--accent .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--basic{background-color:transparent;border:1px solid transparent}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary .eui-icon-svg{fill:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{color:var(--eui-base-color-grey-75)}.eui-button--basic.eui-button--secondary .eui-icon-svg{fill:var(--eui-base-color-grey-75)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info .eui-icon-svg{fill:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success .eui-icon-svg{fill:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{color:var(--eui-base-color-warning-140)}.eui-button--basic.eui-button--warning .eui-icon-svg{fill:var(--eui-base-color-warning-140)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger .eui-icon-svg{fill:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--outline{background-color:var(--eui-base-color-white)}.eui-button--outline.eui-button--primary{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary .eui-icon-svg{fill:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--primary:active .eui-icon-svg,.eui-button--outline.eui-button--primary:focus .eui-icon-svg,.eui-button--outline.eui-button--primary:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--secondary{border-color:var(--eui-base-color-grey-50);color:var(--eui-base-color-grey-75)}.eui-button--outline.eui-button--secondary .eui-icon-svg{fill:var(--eui-base-color-grey-75)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25)}.eui-button--outline.eui-button--info{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info .eui-icon-svg{fill:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--info:active .eui-icon-svg,.eui-button--outline.eui-button--info:focus .eui-icon-svg,.eui-button--outline.eui-button--info:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--success{border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success .eui-icon-svg{fill:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--success:active .eui-icon-svg,.eui-button--outline.eui-button--success:focus .eui-icon-svg,.eui-button--outline.eui-button--success:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--warning{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-140)}.eui-button--outline.eui-button--warning .eui-icon-svg{fill:var(--eui-base-color-warning-140)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--warning:active .eui-icon-svg,.eui-button--outline.eui-button--warning:focus .eui-icon-svg,.eui-button--outline.eui-button--warning:hover .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--outline.eui-button--danger{border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger .eui-icon-svg{fill:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-white)}.eui-button--outline.eui-button--danger:active .eui-icon-svg,.eui-button--outline.eui-button--danger:focus .eui-icon-svg,.eui-button--outline.eui-button--danger:hover .eui-icon-svg{fill:var(--eui-base-color-white)}.eui-button--outline.eui-button--accent{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--outline.eui-button--accent:active .eui-icon-svg,.eui-button--outline.eui-button--accent:focus .eui-icon-svg,.eui-button--outline.eui-button--accent:hover .eui-icon-svg{fill:var(--eui-base-color-black)}.eui-button--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-black)}.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.eui-button--responsive{position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--responsive .eui-button__container .eui-icon{overflow:visible}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-base-color-white);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button--expand-toggle .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-l)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}\n"] }]
|
|
62
62
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { cssClasses: [{
|
|
63
63
|
type: HostBinding,
|
|
64
64
|
args: ['class']
|
|
@@ -56,10 +56,10 @@ export class EuiChipComponent extends BaseDirective {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
/** @nocollapse */ EuiChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
-
/** @nocollapse */ EuiChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: "isChipRemovable", isSquared: "isSquared" }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(function () { return EuiIconComponent; }) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-svg *ngIf=\"isChipRemovable\" class=\"eui-chip__remove-icon\"\n tabindex=\"0\"\n icon=\"eui-ecl-close-filled\" size=\"s\"\n fillColor=\"white\"\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (click)=\"onRemove($event)\">\n </eui-icon-svg>\n</div>\n", styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font-size:14px;font-weight:500}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 .875rem/1rem arial,sans-serif;padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip.eui-chip--removable{padding-right:var(--eui-base-spacing-xs)}.eui-chip.eui-chip--removable .eui-chip__remove-icon{cursor:pointer;opacity:.75;padding-left:var(--eui-base-spacing-xs)}.eui-chip.eui-chip--removable .eui-chip__remove-icon:hover{opacity:1}.eui-chip.eui-chip--removable .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-white);border-radius:50%;outline-offset:-3px}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--primary:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--info:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--danger:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);background-image:none;border:1px solid;border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline .eui-chip-wrapper .eui-chip__remove-icon{opacity:var(--eui-base-disabled-opacity)}.eui-chip--outline .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--outline.eui-chip--primary{border-color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--primary .eui-chip__remove-icon{color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{border-color:var(--eui-base-color-grey-50)}.eui-chip--outline.eui-chip--secondary .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--secondary .eui-chip__remove-icon{color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{border-color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--info .eui-chip__remove-icon{color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{border-color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--success .eui-chip__remove-icon{color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{border-color:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--warning .eui-chip__content-container .eui-label{color:var(--eui-base-color-warning-140)}.eui-chip--outline.eui-chip--warning .eui-chip__remove-icon{color:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--danger{border-color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--danger .eui-chip__remove-icon{color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{border-color:var(--eui-base-color-accent-100)}.eui-chip--outline.eui-chip--accent .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--accent .eui-chip__remove-icon{color:var(--eui-base-color-grey-100)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 1rem/1.25rem arial,sans-serif;padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 .75rem/1rem arial,sans-serif;padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-xs.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-xs.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-xs);padding-right:0!important;padding-left:var(--eui-base-spacing-2xs)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 .875rem/1rem arial,sans-serif;padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-s.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-s);padding-right:0!important;padding-left:var(--eui-base-spacing-xs)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 1.125rem/1.5rem arial,sans-serif}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}.eui-chip--size-l.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-l.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-m);padding-right:0!important;padding-left:var(--eui-base-spacing-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
59
|
+
/** @nocollapse */ EuiChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: "isChipRemovable", isSquared: "isSquared" }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(function () { return EuiIconComponent; }) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-svg *ngIf=\"isChipRemovable\" class=\"eui-chip__remove-icon\"\n tabindex=\"0\"\n icon=\"eui-ecl-close\" size=\"s\"\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (click)=\"onRemove($event)\">\n </eui-icon-svg>\n</div>\n", styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font-size:14px;font-weight:500}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 .875rem/1rem arial,sans-serif;padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip.eui-chip--removable{padding-right:var(--eui-base-spacing-xs)}.eui-chip.eui-chip--removable .eui-chip__remove-icon{cursor:pointer;opacity:.75;padding-left:var(--eui-base-spacing-xs)}.eui-chip.eui-chip--removable .eui-chip__remove-icon:hover{opacity:1}.eui-chip.eui-chip--removable .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-white);border-radius:50%;outline-offset:-3px}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--primary:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--info:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--danger:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);background-image:none;border:1px solid;border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline .eui-chip-wrapper .eui-chip__remove-icon{opacity:var(--eui-base-disabled-opacity)}.eui-chip--outline .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--outline.eui-chip--primary{border-color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--primary .eui-chip__remove-icon{color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg{fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{border-color:var(--eui-base-color-grey-50)}.eui-chip--outline.eui-chip--secondary .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--secondary .eui-chip__remove-icon{color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{border-color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--info .eui-chip__remove-icon{color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg{fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{border-color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--success .eui-chip__remove-icon{color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg{fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{border-color:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--warning .eui-chip__content-container .eui-label{color:var(--eui-base-color-warning-140)}.eui-chip--outline.eui-chip--warning .eui-chip__remove-icon{color:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--warning .eui-icon-svg{fill:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--danger{border-color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--danger .eui-chip__remove-icon{color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg{fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{border-color:var(--eui-base-color-accent-100)}.eui-chip--outline.eui-chip--accent .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--accent .eui-chip__remove-icon{color:var(--eui-base-color-grey-100)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 1rem/1.25rem arial,sans-serif;padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 .75rem/1rem arial,sans-serif;padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-xs.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-xs.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-xs);padding-right:0!important;padding-left:var(--eui-base-spacing-2xs)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 .875rem/1rem arial,sans-serif;padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-s.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-s);padding-right:0!important;padding-left:var(--eui-base-spacing-xs)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 1.125rem/1.5rem arial,sans-serif}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}.eui-chip--size-l.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-l.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-m);padding-right:0!important;padding-left:var(--eui-base-spacing-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
60
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: EuiChipComponent, decorators: [{
|
|
61
61
|
type: Component,
|
|
62
|
-
args: [{ selector: 'eui-chip, span[euiChip], li[euiChip]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-svg *ngIf=\"isChipRemovable\" class=\"eui-chip__remove-icon\"\n tabindex=\"0\"\n icon=\"eui-ecl-close-filled\" size=\"s\"\n fillColor=\"white\"\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (click)=\"onRemove($event)\">\n </eui-icon-svg>\n</div>\n", styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font-size:14px;font-weight:500}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 .875rem/1rem arial,sans-serif;padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip.eui-chip--removable{padding-right:var(--eui-base-spacing-xs)}.eui-chip.eui-chip--removable .eui-chip__remove-icon{cursor:pointer;opacity:.75;padding-left:var(--eui-base-spacing-xs)}.eui-chip.eui-chip--removable .eui-chip__remove-icon:hover{opacity:1}.eui-chip.eui-chip--removable .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-white);border-radius:50%;outline-offset:-3px}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--primary:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--info:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--danger:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);background-image:none;border:1px solid;border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline .eui-chip-wrapper .eui-chip__remove-icon{opacity:var(--eui-base-disabled-opacity)}.eui-chip--outline .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--outline.eui-chip--primary{border-color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--primary .eui-chip__remove-icon{color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{border-color:var(--eui-base-color-grey-50)}.eui-chip--outline.eui-chip--secondary .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--secondary .eui-chip__remove-icon{color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{border-color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--info .eui-chip__remove-icon{color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{border-color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--success .eui-chip__remove-icon{color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{border-color:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--warning .eui-chip__content-container .eui-label{color:var(--eui-base-color-warning-140)}.eui-chip--outline.eui-chip--warning .eui-chip__remove-icon{color:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--danger{border-color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--danger .eui-chip__remove-icon{color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{border-color:var(--eui-base-color-accent-100)}.eui-chip--outline.eui-chip--accent .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--accent .eui-chip__remove-icon{color:var(--eui-base-color-grey-100)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 1rem/1.25rem arial,sans-serif;padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 .75rem/1rem arial,sans-serif;padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-xs.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-xs.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-xs);padding-right:0!important;padding-left:var(--eui-base-spacing-2xs)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 .875rem/1rem arial,sans-serif;padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-s.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-s);padding-right:0!important;padding-left:var(--eui-base-spacing-xs)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 1.125rem/1.5rem arial,sans-serif}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}.eui-chip--size-l.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-l.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-m);padding-right:0!important;padding-left:var(--eui-base-spacing-xs)}\n"] }]
|
|
62
|
+
args: [{ selector: 'eui-chip, span[euiChip], li[euiChip]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-svg *ngIf=\"isChipRemovable\" class=\"eui-chip__remove-icon\"\n tabindex=\"0\"\n icon=\"eui-ecl-close\" size=\"s\"\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (click)=\"onRemove($event)\">\n </eui-icon-svg>\n</div>\n", styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font-size:14px;font-weight:500}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 .875rem/1rem arial,sans-serif;padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip.eui-chip--removable{padding-right:var(--eui-base-spacing-xs)}.eui-chip.eui-chip--removable .eui-chip__remove-icon{cursor:pointer;opacity:.75;padding-left:var(--eui-base-spacing-xs)}.eui-chip.eui-chip--removable .eui-chip__remove-icon:hover{opacity:1}.eui-chip.eui-chip--removable .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-white);border-radius:50%;outline-offset:-3px}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--primary:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--secondary:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--secondary:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--info:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--success:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--warning:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--warning:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-chip--danger:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-white)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon{opacity:.35}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--accent:not(.eui-chip--outline) .eui-chip-wrapper .eui-chip__remove-icon:focus:before{outline:3px solid var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg{color:var(--eui-base-color-black);fill:var(--eui-base-color-black)}.eui-chip--accent:not(.eui-chip--outline) .eui-label{color:var(--eui-base-color-black)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);background-image:none;border:1px solid;border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline .eui-chip-wrapper .eui-chip__remove-icon{opacity:var(--eui-base-disabled-opacity)}.eui-chip--outline .eui-chip-wrapper .eui-chip__remove-icon:hover{opacity:1}.eui-chip--outline.eui-chip--primary{border-color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--primary .eui-chip__remove-icon{color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg{fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{border-color:var(--eui-base-color-grey-50)}.eui-chip--outline.eui-chip--secondary .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--secondary .eui-chip__remove-icon{color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{border-color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--info .eui-chip__remove-icon{color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg{fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{border-color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--success .eui-chip__remove-icon{color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg{fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{border-color:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--warning .eui-chip__content-container .eui-label{color:var(--eui-base-color-warning-140)}.eui-chip--outline.eui-chip--warning .eui-chip__remove-icon{color:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--warning .eui-icon-svg{fill:var(--eui-base-color-warning-100)}.eui-chip--outline.eui-chip--danger{border-color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--danger .eui-chip__remove-icon{color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg{fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{border-color:var(--eui-base-color-accent-100)}.eui-chip--outline.eui-chip--accent .eui-chip__content-container .eui-label,.eui-chip--outline.eui-chip--accent .eui-chip__remove-icon{color:var(--eui-base-color-grey-100)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 1rem/1.25rem arial,sans-serif;padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 .75rem/1rem arial,sans-serif;padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-xs.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-xs.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-xs);padding-right:0!important;padding-left:var(--eui-base-spacing-2xs)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 .875rem/1rem arial,sans-serif;padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-s.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-s);padding-right:0!important;padding-left:var(--eui-base-spacing-xs)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font: 400 1.125rem/1.5rem arial,sans-serif}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}.eui-chip--size-l.eui-chip--removable{padding-right:var(--eui-base-spacing-2xs)}.eui-chip--size-l.eui-chip--removable .eui-chip__remove-icon{font-size:var(--eui-base-icon-size-m);padding-right:0!important;padding-left:var(--eui-base-spacing-xs)}\n"] }]
|
|
63
63
|
}], ctorParameters: function () { return []; }, propDecorators: { euiInternalId: [{
|
|
64
64
|
type: Input
|
|
65
65
|
}], tooltipMessage: [{
|
|
@@ -90,4 +90,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
|
|
|
90
90
|
}], isSquared: [{
|
|
91
91
|
type: Input
|
|
92
92
|
}] } });
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWNoaXAvZXVpLWNoaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWNoaXAvZXVpLWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxlQUFlLEVBQStCLE1BQU0sRUFDaEosWUFBWSxFQUFFLFNBQVMsRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUMvRCxPQUFPLEtBQUssSUFBSSxNQUFNLE1BQU0sQ0FBQztBQUM3QixPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7QUFFNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBVzVELE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxhQUFhO0lBMEMvQztRQUNJLEtBQUssRUFBRSxDQUFDO1FBekNILGtCQUFhLEdBQVcsSUFBSSxDQUFDO1FBR3RDLGdDQUFnQztRQUN2QixTQUFJLEdBQVE7WUFDakIsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUU7WUFDYixPQUFPLEVBQUU7Z0JBQ0wsS0FBSyxFQUFFLG1CQUFtQjtnQkFDMUIsZ0JBQWdCLEVBQUUsSUFBSTtnQkFDdEIsUUFBUSxFQUFFLE9BQU87YUFDcEI7U0FDSixDQUFDO1FBRVEsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFvRixDQUFDO1FBVzlGLFNBQUksR0FBRyxRQUFRLENBQUM7UUFDVixjQUFTLEdBQUcsY0FBYyxDQUFDO1FBUW5ELHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUt6QixlQUFVLEdBQUcsS0FBSyxDQUFDO0lBSTNCLENBQUM7SUEzQkQsSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILEtBQUssQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDO1lBQy9CLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ2pELElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQzVDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFRRCxJQUNJLGVBQWUsS0FBYyxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUM7SUFDaEUsSUFBSSxlQUFlLENBQUMsS0FBbUIsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBR2xHLElBQ0ksU0FBUyxLQUFjLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7SUFDcEQsSUFBSSxTQUFTLENBQUMsS0FBbUIsSUFBSSxJQUFJLENBQUMsVUFBVSxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQU90RixrQkFBa0I7UUFDZCxLQUFLLENBQUMsT0FBTyxHQUFHLFVBQVUsQ0FBQztRQUMzQixJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRTtZQUM5SSxLQUFLLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztTQUMzQjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFFO1lBQzFCLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1NBQ3pEO0lBQ0wsQ0FBQztJQUVNLFFBQVEsQ0FBQyxLQUFhO1FBQ3pCLElBQUksS0FBSyxZQUFZLGFBQWE7WUFDZCxLQUFNLENBQUMsSUFBSSxLQUFLLFdBQVcsRUFBRTtZQUM3QyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7U0FDaEQ7YUFBTTtZQUNILElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMvQjtJQUNMLENBQUM7O2dJQS9EUSxnQkFBZ0I7b0hBQWhCLGdCQUFnQiw4YkE2QlMsZ0JBQWdCLGdLQzlDdEQsbWNBWUE7MkZES2EsZ0JBQWdCO2tCQVA1QixTQUFTOytCQUVJLHNDQUFzQyxtQkFFL0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTswRUFJNUIsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBU0ksTUFBTTtzQkFBZixNQUFNO2dCQUdILFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQVNNLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFDUSxTQUFTO3NCQUF4QyxXQUFXO3VCQUFDLGlCQUFpQjtnQkFFdUIsUUFBUTtzQkFBNUQsZUFBZTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7Z0JBQzNCLFNBQVM7c0JBQWhDLFNBQVM7dUJBQUMsV0FBVztnQkFHbEIsZUFBZTtzQkFEbEIsS0FBSztnQkFNRixTQUFTO3NCQURaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdFbmNhcHN1bGF0aW9uLCBmb3J3YXJkUmVmLCBDb250ZW50Q2hpbGRyZW4sIFF1ZXJ5TGlzdCwgQWZ0ZXJDb250ZW50SW5pdCwgT3V0cHV0LFxuICAgIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgKiBhcyB1dWlkIGZyb20gJ3V1aWQnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5LCBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5pbXBvcnQgeyBCYXNlRGlyZWN0aXZlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL3NoYXJlZCc7XG5pbXBvcnQgeyBFdWlJY29uQ29tcG9uZW50IH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1pY29uJztcblxuaW1wb3J0IHsgRXVpQ2hpcCB9IGZyb20gJy4vbW9kZWxzL2V1aS1jaGlwLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1jaGlwLmNvbXBvbmVudC5odG1sJyxcbiAgICBzZWxlY3RvcjogJ2V1aS1jaGlwLCBzcGFuW2V1aUNoaXBdLCBsaVtldWlDaGlwXScsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpQ2hpcENvbXBvbmVudCBleHRlbmRzIEJhc2VEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcblxuICAgIEBJbnB1dCgpIGV1aUludGVybmFsSWQ6IHN0cmluZyA9IG51bGw7XG4gICAgQElucHV0KCkgdG9vbHRpcE1lc3NhZ2U6IHN0cmluZztcbiAgICBASW5wdXQoKSBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICAgIC8vIFRPRE86IHR5cGUgc2hvdWxkIGJlIHNwZWNpZmljXG4gICAgQElucHV0KCkgZGF0YTogYW55ID0ge1xuICAgICAgICBpZDogdXVpZC52NCgpLFxuICAgICAgICB0b29sdGlwOiB7XG4gICAgICAgICAgICBjb2xvcjogJ2V1aVRvb2x0aXBQcmltYXJ5JyxcbiAgICAgICAgICAgIGNvbnRlbnRBbGlnbm1lbnQ6IG51bGwsXG4gICAgICAgICAgICBwb3NpdGlvbjogJ2Fib3ZlJyxcbiAgICAgICAgfSxcbiAgICB9O1xuXG4gICAgQE91dHB1dCgpIHJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXI8RXVpQ2hpcENvbXBvbmVudCB8IEV1aUNoaXAgfCB7IGNoaXA6IEV1aUNoaXBDb21wb25lbnQgfCBFdWlDaGlwLCBldmVudD86IEV2ZW50IH0+KCk7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZXVpLWNoaXAnKSxcbiAgICAgICAgICAgIHRoaXMuaXNDaGlwUmVtb3ZhYmxlID8gYGV1aS1jaGlwLS1yZW1vdmFibGVgIDogYGAsXG4gICAgICAgICAgICB0aGlzLmlzU3F1YXJlZCA/IGBldWktY2hpcC0tc3F1YXJlZGAgOiBgYCxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZSA9ICdzdGF0dXMnO1xuICAgIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxhYmVsJykgYXJpYUxhYmVsID0gJ0NoaXAgY29udGVudCc7XG5cbiAgICBAQ29udGVudENoaWxkcmVuKGZvcndhcmRSZWYoKCkgPT4gRXVpSWNvbkNvbXBvbmVudCkpIGV1aUljb25zOiBRdWVyeUxpc3Q8RXVpSWNvbkNvbXBvbmVudD47XG4gICAgQFZpZXdDaGlsZCgnY2hpcExhYmVsJykgY2hpcExhYmVsOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xuXG4gICAgQElucHV0KClcbiAgICBnZXQgaXNDaGlwUmVtb3ZhYmxlKCk6IGJvb2xlYW4geyByZXR1cm4gdGhpcy5faXNDaGlwUmVtb3ZhYmxlOyB9XG4gICAgc2V0IGlzQ2hpcFJlbW92YWJsZSh2YWx1ZTogQm9vbGVhbklucHV0KSB7IHRoaXMuX2lzQ2hpcFJlbW92YWJsZSA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7IH1cbiAgICBwcml2YXRlIF9pc0NoaXBSZW1vdmFibGUgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGlzU3F1YXJlZCgpOiBib29sZWFuIHsgcmV0dXJuIHRoaXMuX2lzU3F1YXJlZDsgfVxuICAgIHNldCBpc1NxdWFyZWQodmFsdWU6IEJvb2xlYW5JbnB1dCkgeyB0aGlzLl9pc1NxdWFyZWQgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpOyB9XG4gICAgcHJpdmF0ZSBfaXNTcXVhcmVkID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLmUyZUF0dHIgPSAnZXVpLWNoaXAnO1xuICAgICAgICBpZiAoIXN1cGVyLmV1aVByaW1hcnkgJiYgIXN1cGVyLmV1aVNlY29uZGFyeSAmJiAhc3VwZXIuZXVpSW5mbyAmJiAhc3VwZXIuZXVpU3VjY2VzcyAmJiAhc3VwZXIuZXVpV2FybmluZyAmJiAhc3VwZXIuZXVpRGFuZ2VyICYmICFzdXBlci5ldWlBY2NlbnQpIHtcbiAgICAgICAgICAgIHN1cGVyLmV1aVByaW1hcnkgPSB0cnVlO1xuICAgICAgICB9XG4gICAgICAgIGlmICghdGhpcy5kYXRhLmlkICYmIHRoaXMuaWQpIHtcbiAgICAgICAgICAgIHRoaXMuZGF0YSA9IE9iamVjdC5hc3NpZ24odGhpcy5kYXRhLCB7IGlkOiB0aGlzLmlkIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIG9uUmVtb3ZlKGV2ZW50PzogRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKGV2ZW50IGluc3RhbmNlb2YgS2V5Ym9hcmRFdmVudCAmJlxuICAgICAgICAgICAgKDxLZXlib2FyZEV2ZW50PmV2ZW50KS5jb2RlID09PSAnQmFja3NwYWNlJykge1xuICAgICAgICAgICAgdGhpcy5yZW1vdmUuZW1pdCh7IGNoaXA6IHRoaXMuZGF0YSwgZXZlbnQgfSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnJlbW92ZS5lbWl0KHRoaXMuZGF0YSk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZXVpLWNoaXAtd3JhcHBlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJldWktY2hpcF9fY29udGVudC1jb250YWluZXJcIiAjY2hpcExhYmVsPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGV1aS1pY29uLXN2ZyAqbmdJZj1cImlzQ2hpcFJlbW92YWJsZVwiIGNsYXNzPVwiZXVpLWNoaXBfX3JlbW92ZS1pY29uXCJcbiAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgaWNvbj1cImV1aS1lY2wtY2xvc2VcIiBzaXplPVwic1wiXG4gICAgICAgIChrZXlkb3duLmVudGVyKT1cIm9uUmVtb3ZlKCRldmVudClcIlxuICAgICAgICAoa2V5ZG93bi5iYWNrc3BhY2UpPVwib25SZW1vdmUoJGV2ZW50KVwiXG4gICAgICAgIChjbGljayk9XCJvblJlbW92ZSgkZXZlbnQpXCI+XG4gICAgPC9ldWktaWNvbi1zdmc+XG48L2Rpdj5cbiJdfQ==
|