@eui/components 17.0.0-next.17 → 17.0.0-next.19
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/EuiAccessibleButtonIconComponent.html +141 -53
- package/docs/components/EuiAlertComponent.html +28 -222
- package/docs/components/EuiAppToolbarComponent.html +1 -1
- package/docs/components/EuiAppTopMessageComponent.html +7 -64
- package/docs/components/EuiAvatarImageComponent.html +1 -1
- package/docs/components/EuiChipComponent.html +1 -1
- package/docs/components/EuiDashboardButtonComponent.html +33 -1
- package/docs/components/EuiDashboardCardComponent.html +1 -1
- package/docs/components/EuiDialogContainerComponent.html +1 -1
- package/docs/components/EuiGrowlComponent.html +1 -1
- package/docs/components/EuiMenuItemComponent.html +1 -1
- package/docs/components/EuiPaginatorComponent.html +1 -1
- package/docs/components/EuiSidebarToggleComponent.html +110 -707
- package/docs/dependencies.html +2 -2
- package/docs/js/menu-wc.js +24 -24
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/modules/EuiAlertModule.html +3 -0
- package/docs/modules/EuiAppTopMessageModule.html +10 -0
- package/docs/modules/EuiChipModule.html +3 -0
- package/docs/modules/EuiGrowlModule.html +3 -0
- package/docs/modules/EuiSidebarToggleModule.html +1 -4
- package/esm2022/directives/eui-resizable/eui-resizable.component.mjs +2 -2
- package/esm2022/eui-alert/eui-alert.component.mjs +26 -33
- package/esm2022/eui-avatar/avatar-image/avatar-image.component.mjs +3 -3
- package/esm2022/eui-badge/eui-badge.component.mjs +2 -2
- package/esm2022/eui-button/eui-button.component.mjs +2 -2
- package/esm2022/eui-card/eui-card.component.mjs +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +4 -4
- package/esm2022/eui-chip/eui-chip.module.mjs +5 -4
- package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +10 -8
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +3 -3
- package/esm2022/eui-datepicker/eui-datepicker.component.mjs +2 -2
- package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +3 -3
- package/esm2022/eui-dialog/eui-dialog.component.mjs +2 -2
- package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs +2 -2
- package/esm2022/eui-growl/eui-growl.component.mjs +5 -4
- package/esm2022/eui-growl/eui-growl.module.mjs +5 -4
- package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +2 -2
- package/esm2022/eui-label/eui-label.component.mjs +2 -2
- package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +2 -2
- package/esm2022/eui-list/eui-list.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu-item.component.mjs +3 -3
- package/esm2022/eui-menu/eui-menu.component.mjs +2 -2
- package/esm2022/eui-paginator/eui-paginator.component.mjs +3 -3
- package/esm2022/eui-popover/eui-popover.component.mjs +2 -2
- package/esm2022/externals/charts/chart/chart.component.mjs +2 -2
- package/esm2022/externals/eui-editor/eui-editor.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +10 -12
- package/esm2022/layout/eui-app/eui-app-top-message/top-message.module.mjs +5 -4
- package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +8 -13
- package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.module.mjs +5 -6
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +2 -2
- package/esm2022/layout/eui-user-profile/user-profile.component.mjs +2 -2
- package/esm2022/shared/eui-accessible-button-icon/eui-accessible-button-icon.component.mjs +35 -6
- package/eui-alert/eui-alert.component.d.ts +6 -11
- package/eui-alert/eui-alert.component.d.ts.map +1 -1
- package/eui-chip/eui-chip.module.d.ts +2 -1
- package/eui-chip/eui-chip.module.d.ts.map +1 -1
- package/eui-dashboard-button/eui-dashboard-button.component.d.ts +3 -2
- package/eui-dashboard-button/eui-dashboard-button.component.d.ts.map +1 -1
- package/eui-growl/eui-growl.module.d.ts +2 -1
- package/eui-growl/eui-growl.module.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +2 -2
- package/fesm2022/eui-components-eui-alert.mjs +25 -32
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-avatar.mjs +2 -2
- package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +2 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +7 -7
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-button.mjs +9 -7
- package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs +2 -2
- package/fesm2022/eui-components-eui-dialog.mjs +4 -4
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-feedback-message.mjs +2 -2
- package/fesm2022/eui-components-eui-growl.mjs +8 -6
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
- package/fesm2022/eui-components-eui-label.mjs +2 -2
- package/fesm2022/eui-components-eui-list.mjs +4 -4
- package/fesm2022/eui-components-eui-menu.mjs +4 -4
- package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
- package/fesm2022/eui-components-eui-paginator.mjs +2 -2
- package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
- package/fesm2022/eui-components-eui-popover.mjs +2 -2
- package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
- package/fesm2022/eui-components-externals-charts.mjs +2 -2
- package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
- package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +26 -32
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/fesm2022/eui-components-shared.mjs +33 -4
- package/fesm2022/eui-components-shared.mjs.map +1 -1
- package/layout/eui-app/eui-app-top-message/top-message.component.d.ts +1 -3
- package/layout/eui-app/eui-app-top-message/top-message.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-top-message/top-message.module.d.ts +2 -1
- package/layout/eui-app/eui-app-top-message/top-message.module.d.ts.map +1 -1
- package/layout/eui-sidebar-toggle/sidebar-toggle.component.d.ts +2 -3
- package/layout/eui-sidebar-toggle/sidebar-toggle.component.d.ts.map +1 -1
- package/layout/eui-sidebar-toggle/sidebar-toggle.module.d.ts +2 -3
- package/layout/eui-sidebar-toggle/sidebar-toggle.module.d.ts.map +1 -1
- package/package.json +7 -7
- package/shared/eui-accessible-button-icon/eui-accessible-button-icon.component.d.ts +8 -2
- package/shared/eui-accessible-button-icon/eui-accessible-button-icon.component.d.ts.map +1 -1
|
@@ -5,7 +5,7 @@ import { BaseDirective } from '@eui/components/shared';
|
|
|
5
5
|
import { EuiIconComponent } from '@eui/components/eui-icon';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
import * as i1 from "@angular/common";
|
|
8
|
-
import * as i2 from "@eui/components/
|
|
8
|
+
import * as i2 from "@eui/components/shared";
|
|
9
9
|
export class EuiChipComponent extends BaseDirective {
|
|
10
10
|
get cssClasses() {
|
|
11
11
|
return [
|
|
@@ -72,11 +72,11 @@ export class EuiChipComponent extends BaseDirective {
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
75
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", 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(() => 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\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__remove-icon\"\n tabindex=\"0\"\n icon=\"eui-ecl-close\"\n 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:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.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:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.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-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.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>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:.75}.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>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>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>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:.75}.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>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>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:.75}.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>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>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>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>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>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>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:normal normal 400 1rem/1.25rem var(--eui-base-font-family);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:normal normal 400 .75rem/1rem var(--eui-base-font-family);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:normal normal 400 .875rem/1rem var(--eui-base-font-family);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:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.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", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
75
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", 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(() => 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-accessible-button-icon\n *ngIf=\"isChipRemovable\"\n iconSvgName=\"eui-ecl-close\"\n iconSvgSize=\"s\"\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (click)=\"onRemove($event)\"\n class=\"eui-u-ml-xs\">\n </eui-accessible-button-icon>\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:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.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:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.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:normal normal 400 1rem/1.25rem var(--eui-base-font-family);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:normal normal 400 .75rem/1rem var(--eui-base-font-family);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-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:normal normal 400 .875rem/1rem var(--eui-base-font-family);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-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.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)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiAccessibleButtonIconComponent, selector: "eui-accessible-button-icon", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
76
76
|
}
|
|
77
77
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiChipComponent, decorators: [{
|
|
78
78
|
type: Component,
|
|
79
|
-
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\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__remove-icon\"\n tabindex=\"0\"\n icon=\"eui-ecl-close\"\n 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:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.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:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.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-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.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>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:.75}.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>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>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>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:.75}.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>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>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:.75}.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>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>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>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>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>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>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:normal normal 400 1rem/1.25rem var(--eui-base-font-family);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:normal normal 400 .75rem/1rem var(--eui-base-font-family);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:normal normal 400 .875rem/1rem var(--eui-base-font-family);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:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.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"] }]
|
|
79
|
+
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-accessible-button-icon\n *ngIf=\"isChipRemovable\"\n iconSvgName=\"eui-ecl-close\"\n iconSvgSize=\"s\"\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (click)=\"onRemove($event)\"\n class=\"eui-u-ml-xs\">\n </eui-accessible-button-icon>\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:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.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:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.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:normal normal 400 1rem/1.25rem var(--eui-base-font-family);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:normal normal 400 .75rem/1rem var(--eui-base-font-family);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-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:normal normal 400 .875rem/1rem var(--eui-base-font-family);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-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.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)}\n"] }]
|
|
80
80
|
}], ctorParameters: () => [], propDecorators: { euiInternalId: [{
|
|
81
81
|
type: Input
|
|
82
82
|
}], tooltipMessage: [{
|
|
@@ -107,4 +107,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
107
107
|
}], isSquared: [{
|
|
108
108
|
type: Input
|
|
109
109
|
}] } });
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWNoaXAvZXVpLWNoaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWNoaXAvZXVpLWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsVUFBVSxFQUNWLGVBQWUsRUFHZixNQUFNLEVBQ04sWUFBWSxFQUNaLFNBQVMsR0FFWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEtBQUssSUFBSSxNQUFNLE1BQU0sQ0FBQztBQUM3QixPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7QUFFNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBVzVELE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxhQUFhO0lBa0IvQyxJQUNJLFVBQVU7UUFDVixPQUFPO1lBQ0gsS0FBSyxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUM7WUFDL0IsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDNUM7YUFDSSxJQUFJLENBQUMsR0FBRyxDQUFDO2FBQ1QsSUFBSSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQVFELElBQ0ksZUFBZTtRQUNmLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDO0lBQ2pDLENBQUM7SUFDRCxJQUFJLGVBQWUsQ0FBQyxLQUFtQjtRQUNuQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcscUJBQXFCLENBQUMsS0FB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QUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgICBmb3J3YXJkUmVmLFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBRdWVyeUxpc3QsXG4gICAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgICBPdXRwdXQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIFZpZXdDaGlsZCxcbiAgICBFbGVtZW50UmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCAqIGFzIHV1aWQgZnJvbSAndXVpZCc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHksIEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbmltcG9ydCB7IEJhc2VEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcbmltcG9ydCB7IEV1aUljb25Db21wb25lbnQgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWljb24nO1xuXG5pbXBvcnQgeyBFdWlDaGlwIH0gZnJvbSAnLi9tb2RlbHMvZXVpLWNoaXAubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLWNoaXAuY29tcG9uZW50Lmh0bWwnLFxuICAgIHNlbGVjdG9yOiAnZXVpLWNoaXAsIHNwYW5bZXVpQ2hpcF0sIGxpW2V1aUNoaXBdJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlDaGlwQ29tcG9uZW50IGV4dGVuZHMgQmFzZURpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICAgIEBJbnB1dCgpIGV1aUludGVybmFsSWQ6IHN0cmluZyA9IG51bGw7XG4gICAgQElucHV0KCkgdG9vbHRpcE1lc3NhZ2U6IHN0cmluZztcbiAgICBASW5wdXQoKSBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICAgIC8vIFRPRE86IHR5cGUgc2hvdWxkIGJlIHNwZWNpZmljXG4gICAgLy8gVE9ETzogZmluZCB0aGUgY29ycmVjdCB0eXBlIG9yIHR1cm4gaW50byBhIGdlbmVyaWMsIGh0dHBzOi8vd3d3LnR5cGVzY3JpcHRsYW5nLm9yZy9kb2NzL2hhbmRib29rLzIvZ2VuZXJpY3MuaHRtbFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gICAgQElucHV0KCkgZGF0YTogYW55ID0ge1xuICAgICAgICBpZDogdXVpZC52NCgpLFxuICAgICAgICB0b29sdGlwOiB7XG4gICAgICAgICAgICBjb2xvcjogJ2V1aVRvb2x0aXBQcmltYXJ5JyxcbiAgICAgICAgICAgIGNvbnRlbnRBbGlnbm1lbnQ6IG51bGwsXG4gICAgICAgICAgICBwb3NpdGlvbjogJ2Fib3ZlJyxcbiAgICAgICAgfSxcbiAgICB9O1xuXG4gICAgQE91dHB1dCgpIHJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXI8RXVpQ2hpcENvbXBvbmVudCB8IEV1aUNoaXAgfCB7IGNoaXA6IEV1aUNoaXBDb21wb25lbnQgfCBFdWlDaGlwOyBldmVudD86IEV2ZW50IH0+KCk7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZXVpLWNoaXAnKSxcbiAgICAgICAgICAgIHRoaXMuaXNDaGlwUmVtb3ZhYmxlID8gJ2V1aS1jaGlwLS1yZW1vdmFibGUnIDogJycsXG4gICAgICAgICAgICB0aGlzLmlzU3F1YXJlZCA/ICdldWktY2hpcC0tc3F1YXJlZCcgOiAnJyxcbiAgICAgICAgXVxuICAgICAgICAgICAgLmpvaW4oJyAnKVxuICAgICAgICAgICAgLnRyaW0oKTtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpIHJvbGUgPSAnc3RhdHVzJztcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1sYWJlbCcpIGFyaWFMYWJlbCA9ICdDaGlwIGNvbnRlbnQnO1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEV1aUljb25Db21wb25lbnQpKSBldWlJY29uczogUXVlcnlMaXN0PEV1aUljb25Db21wb25lbnQ+O1xuICAgIEBWaWV3Q2hpbGQoJ2NoaXBMYWJlbCcpIGNoaXBMYWJlbDogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcblxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGlzQ2hpcFJlbW92YWJsZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lzQ2hpcFJlbW92YWJsZTtcbiAgICB9XG4gICAgc2V0IGlzQ2hpcFJlbW92YWJsZSh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2lzQ2hpcFJlbW92YWJsZSA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIHByaXZhdGUgX2lzQ2hpcFJlbW92YWJsZSA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBnZXQgaXNTcXVhcmVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXNTcXVhcmVkO1xuICAgIH1cbiAgICBzZXQgaXNTcXVhcmVkKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5faXNTcXVhcmVkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG4gICAgcHJpdmF0ZSBfaXNTcXVhcmVkID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLmUyZUF0dHIgPSAnZXVpLWNoaXAnO1xuICAgICAgICBpZiAoXG4gICAgICAgICAgICAhc3VwZXIuZXVpUHJpbWFyeSAmJlxuICAgICAgICAgICAgIXN1cGVyLmV1aVNlY29uZGFyeSAmJlxuICAgICAgICAgICAgIXN1cGVyLmV1aUluZm8gJiZcbiAgICAgICAgICAgICFzdXBlci5ldWlTdWNjZXNzICYmXG4gICAgICAgICAgICAhc3VwZXIuZXVpV2FybmluZyAmJlxuICAgICAgICAgICAgIXN1cGVyLmV1aURhbmdlciAmJlxuICAgICAgICAgICAgIXN1cGVyLmV1aUFjY2VudFxuICAgICAgICApIHtcbiAgICAgICAgICAgIHN1cGVyLmV1aVByaW1hcnkgPSB0cnVlO1xuICAgICAgICB9XG4gICAgICAgIGlmICghdGhpcy5kYXRhLmlkICYmIHRoaXMuaWQpIHtcbiAgICAgICAgICAgIHRoaXMuZGF0YSA9IE9iamVjdC5hc3NpZ24odGhpcy5kYXRhLCB7IGlkOiB0aGlzLmlkIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIG9uUmVtb3ZlKGV2ZW50PzogRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKGV2ZW50IGluc3RhbmNlb2YgS2V5Ym9hcmRFdmVudCAmJiAoZXZlbnQgYXMgS2V5Ym9hcmRFdmVudCkuY29kZSA9PT0gJ0JhY2tzcGFjZScpIHtcbiAgICAgICAgICAgIHRoaXMucmVtb3ZlLmVtaXQoeyBjaGlwOiB0aGlzLmRhdGEsIGV2ZW50IH0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5yZW1vdmUuZW1pdCh0aGlzLmRhdGEpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImV1aS1jaGlwLXdyYXBwZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLWNoaXBfX2NvbnRlbnQtY29udGFpbmVyXCIgI2NoaXBMYWJlbD5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxldWktYWNjZXNzaWJsZS1idXR0b24taWNvblxuICAgICAgICAqbmdJZj1cImlzQ2hpcFJlbW92YWJsZVwiXG4gICAgICAgIGljb25TdmdOYW1lPVwiZXVpLWVjbC1jbG9zZVwiXG4gICAgICAgIGljb25TdmdTaXplPVwic1wiXG4gICAgICAgIGhhc05vUGFkZGluZ1xuICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJvblJlbW92ZSgkZXZlbnQpXCJcbiAgICAgICAgKGtleWRvd24uYmFja3NwYWNlKT1cIm9uUmVtb3ZlKCRldmVudClcIlxuICAgICAgICAoY2xpY2spPVwib25SZW1vdmUoJGV2ZW50KVwiXG4gICAgICAgIGNsYXNzPVwiZXVpLXUtbWwteHNcIj5cbiAgICA8L2V1aS1hY2Nlc3NpYmxlLWJ1dHRvbi1pY29uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -3,18 +3,19 @@ import { NgModule } from '@angular/core';
|
|
|
3
3
|
import { EuiIconModule } from '@eui/components/eui-icon';
|
|
4
4
|
import { EuiTooltipDirectiveModule } from '@eui/components/directives';
|
|
5
5
|
import { EuiChipComponent } from './eui-chip.component';
|
|
6
|
+
import { EuiAccessibleButtonIconModule } from '@eui/components/shared';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export class EuiChipModule {
|
|
8
9
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiChipModule, declarations: [EuiChipComponent], imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule], exports: [EuiChipComponent] }); }
|
|
10
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiChipModule, imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule] }); }
|
|
10
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiChipModule, declarations: [EuiChipComponent], imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule, EuiAccessibleButtonIconModule], exports: [EuiChipComponent] }); }
|
|
11
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiChipModule, imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule, EuiAccessibleButtonIconModule] }); }
|
|
11
12
|
}
|
|
12
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiChipModule, decorators: [{
|
|
13
14
|
type: NgModule,
|
|
14
15
|
args: [{
|
|
15
|
-
imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule],
|
|
16
|
+
imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule, EuiAccessibleButtonIconModule],
|
|
16
17
|
declarations: [EuiChipComponent],
|
|
17
18
|
exports: [EuiChipComponent],
|
|
18
19
|
}]
|
|
19
20
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWNoaXAubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWNoaXAvZXVpLWNoaXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFPdkUsTUFBTSxPQUFPLGFBQWE7c0lBQWIsYUFBYTt1SUFBYixhQUFhLGlCQUhQLGdCQUFnQixhQURyQixZQUFZLEVBQUUsYUFBYSxFQUFFLHlCQUF5QixFQUFFLDZCQUE2QixhQUVyRixnQkFBZ0I7dUlBRWpCLGFBQWEsWUFKWixZQUFZLEVBQUUsYUFBYSxFQUFFLHlCQUF5QixFQUFFLDZCQUE2Qjs7Z0dBSXRGLGFBQWE7a0JBTHpCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSx5QkFBeUIsRUFBRSw2QkFBNkIsQ0FBQztvQkFDaEcsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQ2hDLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBFdWlJY29uTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1pY29uJztcbmltcG9ydCB7IEV1aVRvb2x0aXBEaXJlY3RpdmVNb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZGlyZWN0aXZlcyc7XG5cbmltcG9ydCB7IEV1aUNoaXBDb21wb25lbnQgfSBmcm9tICcuL2V1aS1jaGlwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlBY2Nlc3NpYmxlQnV0dG9uSWNvbk1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9zaGFyZWQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEV1aUljb25Nb2R1bGUsIEV1aVRvb2x0aXBEaXJlY3RpdmVNb2R1bGUsIEV1aUFjY2Vzc2libGVCdXR0b25JY29uTW9kdWxlXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtFdWlDaGlwQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbRXVpQ2hpcENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aUNoaXBNb2R1bGUge31cbiJdfQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Directive, NgModule, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, ContentChild } from '@angular/core';
|
|
1
|
+
import { Component, Directive, NgModule, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, ContentChild, Input } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { RouterModule } from '@angular/router';
|
|
4
4
|
import { BaseStatesDirective } from '@eui/components/shared';
|
|
@@ -44,7 +44,7 @@ export class EuiDashboardButtonComponent {
|
|
|
44
44
|
].join(' ').trim();
|
|
45
45
|
}
|
|
46
46
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiDashboardButtonComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiDashboardButtonComponent, selector: "eui-dashboard-button", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDashboardButtonIcon", first: true, predicate: EuiDashboardButtonIconDirective, descendants: true }, { propertyName: "euiDashboardButtonLabel", first: true, predicate: EuiDashboardButtonLabelDirective, descendants: true }, { propertyName: "euiLabelContent", first: true, predicate: EuiLabelComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiVariant", "euiVariant", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<button class=\"eui-dashboard-button-content\">\n <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n <eui-avatar-icon>\n <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n </eui-avatar-text>\n </eui-avatar>\n <ng-container *ngIf=\"euiLabelContent\">\n <div class=\"eui-dashboard-button-content__title\">\n <ng-content select=\"eui-label\"></ng-content>\n <ng-content select=\"[euiLabel]\"></ng-content>\n </div>\n <div class=\"eui-dashboard-button-content__sub-title\">\n <ng-content select=\"eui-sublabel\"></ng-content>\n <ng-content select=\"[euiSublabel]\"></ng-content>\n </div>\n </ng-container>\n</button>\n", styles: [".eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;border:none;background:none;padding:var(--eui-base-spacing-m)}.eui-dashboard-button-content:active:not([readonly]),.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-button-content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-button-content:hover,.eui-dashboard-button-content:focus{background-color:var(--eui-base-color-grey-10);cursor:pointer;box-shadow:var(--eui-base-shadow-1)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare"] }, { kind: "component", type: i3.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i3.EuiAvatarTextComponent, selector: "eui-avatar-text" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
47
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiDashboardButtonComponent, selector: "eui-dashboard-button", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDashboardButtonIcon", first: true, predicate: EuiDashboardButtonIconDirective, descendants: true }, { propertyName: "euiDashboardButtonLabel", first: true, predicate: EuiDashboardButtonLabelDirective, descendants: true }, { propertyName: "euiLabelContent", first: true, predicate: EuiLabelComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiVariant", "euiVariant", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<button class=\"eui-dashboard-button-content\">\n <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n <eui-avatar-icon>\n <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{imageUrl}}\"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf=\"euiLabelContent\">\n <div class=\"eui-dashboard-button-content__title\">\n <ng-content select=\"eui-label\"></ng-content>\n <ng-content select=\"[euiLabel]\"></ng-content>\n </div>\n <div class=\"eui-dashboard-button-content__sub-title\">\n <ng-content select=\"eui-sublabel\"></ng-content>\n <ng-content select=\"[euiSublabel]\"></ng-content>\n </div>\n </ng-container>\n</button>\n", styles: [".eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;border:none;background:none;padding:var(--eui-base-spacing-m)}.eui-dashboard-button-content:active:not([readonly]),.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-button-content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-button-content:hover,.eui-dashboard-button-content:focus{background-color:var(--eui-base-color-grey-10);cursor:pointer;box-shadow:var(--eui-base-shadow-1)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare"] }, { kind: "component", type: i3.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i3.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i3.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
48
48
|
}
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiDashboardButtonComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
@@ -69,8 +69,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
69
69
|
'euiSizeVariant',
|
|
70
70
|
],
|
|
71
71
|
},
|
|
72
|
-
], template: "<button class=\"eui-dashboard-button-content\">\n <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n <eui-avatar-icon>\n <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n </eui-avatar-text>\n </eui-avatar>\n <ng-container *ngIf=\"euiLabelContent\">\n <div class=\"eui-dashboard-button-content__title\">\n <ng-content select=\"eui-label\"></ng-content>\n <ng-content select=\"[euiLabel]\"></ng-content>\n </div>\n <div class=\"eui-dashboard-button-content__sub-title\">\n <ng-content select=\"eui-sublabel\"></ng-content>\n <ng-content select=\"[euiSublabel]\"></ng-content>\n </div>\n </ng-container>\n</button>\n", styles: [".eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;border:none;background:none;padding:var(--eui-base-spacing-m)}.eui-dashboard-button-content:active:not([readonly]),.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-button-content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-button-content:hover,.eui-dashboard-button-content:focus{background-color:var(--eui-base-color-grey-10);cursor:pointer;box-shadow:var(--eui-base-shadow-1)}\n"] }]
|
|
73
|
-
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: {
|
|
72
|
+
], template: "<button class=\"eui-dashboard-button-content\">\n <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n <eui-avatar-icon>\n <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{imageUrl}}\"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf=\"euiLabelContent\">\n <div class=\"eui-dashboard-button-content__title\">\n <ng-content select=\"eui-label\"></ng-content>\n <ng-content select=\"[euiLabel]\"></ng-content>\n </div>\n <div class=\"eui-dashboard-button-content__sub-title\">\n <ng-content select=\"eui-sublabel\"></ng-content>\n <ng-content select=\"[euiSublabel]\"></ng-content>\n </div>\n </ng-container>\n</button>\n", styles: [".eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;border:none;background:none;padding:var(--eui-base-spacing-m)}.eui-dashboard-button-content:active:not([readonly]),.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-button-content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-button-content:hover,.eui-dashboard-button-content:focus{background-color:var(--eui-base-color-grey-10);cursor:pointer;box-shadow:var(--eui-base-shadow-1)}\n"] }]
|
|
73
|
+
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
74
|
+
type: HostBinding,
|
|
75
|
+
args: ['class']
|
|
76
|
+
}], imageUrl: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}], euiDashboardButtonIcon: [{
|
|
74
79
|
type: ContentChild,
|
|
75
80
|
args: [EuiDashboardButtonIconDirective]
|
|
76
81
|
}], euiDashboardButtonLabel: [{
|
|
@@ -79,9 +84,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
79
84
|
}], euiLabelContent: [{
|
|
80
85
|
type: ContentChild,
|
|
81
86
|
args: [EuiLabelComponent]
|
|
82
|
-
}], cssClasses: [{
|
|
83
|
-
type: HostBinding,
|
|
84
|
-
args: ['class']
|
|
85
87
|
}] } });
|
|
86
88
|
export class EuiDashboardButtonModule {
|
|
87
89
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiDashboardButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
@@ -96,4 +98,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
96
98
|
exports: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective],
|
|
97
99
|
}]
|
|
98
100
|
}] });
|
|
99
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWRhc2hib2FyZC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWRhc2hib2FyZC1idXR0b24vZXVpLWRhc2hib2FyZC1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWRhc2hib2FyZC1idXR0b24vZXVpLWRhc2hib2FyZC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQTRCLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2SyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7QUFFOUQsb0JBQW9CO0FBRXBCLE1BQU0sT0FBTywrQkFBK0I7c0lBQS9CLCtCQUErQjswSEFBL0IsK0JBQStCOztnR0FBL0IsK0JBQStCO2tCQUQzQyxTQUFTO21CQUFDLEVBQUMsUUFBUSxFQUFFLDJCQUEyQixFQUFDOztBQUdsRCxNQUFNLE9BQU8sZ0NBQWdDO3NJQUFoQyxnQ0FBZ0M7MEhBQWhDLGdDQUFnQzs7Z0dBQWhDLGdDQUFnQztrQkFENUMsU0FBUzttQkFBQyxFQUFDLFFBQVEsRUFBRSw0QkFBNEIsRUFBQzs7QUFFbkQsbUJBQW1CO0FBK0JuQixNQUFNLE9BQU8sMkJBQTJCO0lBQ3BDLElBQ1csVUFBVTtRQUNqQixPQUFPLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBUUQsWUFBbUIsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7SUFBRyxDQUFDO0lBRS9ELFFBQVE7UUFDSixJQUFJLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFVBQVUsRUFBRTtZQUN0QyxJQUFJLENBQUMsbUJBQW1CLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztTQUNoRDtJQUNMLENBQUM7SUFFTyxhQUFhO1FBQ2pCLE9BQU87WUFDSCxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDO1NBQ2pFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7c0lBeEJRLDJCQUEyQjswSEFBM0IsMkJBQTJCLHdNQVF0QiwrQkFBK0IsMEZBQy9CLGdDQUFnQyxrRkFDaEMsaUJBQWlCLHlnQkN0RG5DLHVnQ0FxQkE7O2dHRHVCYSwyQkFBMkI7a0JBN0J2QyxTQUFTOytCQUVJLHNCQUFzQixtQkFFZix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGtCQUNyQjt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsbUJBQW1COzRCQUM5QixNQUFNLEVBQUU7Z0NBQ0osWUFBWTtnQ0FDWixjQUFjO2dDQUNkLFlBQVk7Z0NBQ1osU0FBUztnQ0FDVCxZQUFZO2dDQUNaLFdBQVc7Z0NBQ1gsV0FBVztnQ0FDWCxXQUFXO2dDQUNYLFVBQVU7Z0NBQ1YsVUFBVTtnQ0FDVixVQUFVO2dDQUNWLFdBQVc7Z0NBQ1gsWUFBWTtnQ0FDWixZQUFZO2dDQUNaLGdCQUFnQjs2QkFDbkI7eUJBQ0o7cUJBQ0o7d0ZBSVUsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPO2dCQUtYLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRXlDLHNCQUFzQjtzQkFBcEUsWUFBWTt1QkFBQywrQkFBK0I7Z0JBQ0csdUJBQXVCO3NCQUF0RSxZQUFZO3VCQUFDLGdDQUFnQztnQkFDYixlQUFlO3NCQUEvQyxZQUFZO3VCQUFDLGlCQUFpQjs7QUFzQm5DLE1BQU0sT0FBTyx3QkFBd0I7c0lBQXhCLHdCQUF3Qjt1SUFBeEIsd0JBQXdCLGlCQWhDeEIsMkJBQTJCLEVBbEMzQiwrQkFBK0IsRUFFL0IsZ0NBQWdDLGFBNEQvQixZQUFZLEVBQUUsWUFBWSxFQUFFLGVBQWUsYUE1QjVDLDJCQUEyQixFQWxDM0IsK0JBQStCLEVBRS9CLGdDQUFnQzt1SUFnRWhDLHdCQUF3QixZQUp2QixZQUFZLEVBQUUsWUFBWSxFQUFFLGVBQWU7O2dHQUk1Qyx3QkFBd0I7a0JBTHBDLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxlQUFlLENBQUM7b0JBQ3RELFlBQVksRUFBRSxDQUFDLDJCQUEyQixFQUFFLCtCQUErQixFQUFFLGdDQUFnQyxDQUFDO29CQUM5RyxPQUFPLEVBQUUsQ0FBQywyQkFBMkIsRUFBRSwrQkFBK0IsRUFBRSxnQ0FBZ0MsQ0FBQztpQkFDNUciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIERpcmVjdGl2ZSwgTmdNb2R1bGUsIEhvc3RCaW5kaW5nLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0VuY2Fwc3VsYXRpb24sIENvbnRlbnRDaGlsZCwgT25Jbml0LCBBZnRlckNvbnRlbnRJbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcbmltcG9ydCB7IEV1aUF2YXRhck1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktYXZhdGFyJztcbmltcG9ydCB7IEV1aUxhYmVsQ29tcG9uZW50IH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1sYWJlbCc7XG5cbi8qIGVzbGludC1kaXNhYmxlICovXG5ARGlyZWN0aXZlKHtzZWxlY3RvcjogJ2V1aS1kYXNoYm9hcmQtYnV0dG9uLWljb24nfSlcbmV4cG9ydCBjbGFzcyBFdWlEYXNoYm9hcmRCdXR0b25JY29uRGlyZWN0aXZlIHt9XG5ARGlyZWN0aXZlKHtzZWxlY3RvcjogJ2V1aS1kYXNoYm9hcmQtYnV0dG9uLWxhYmVsJ30pXG5leHBvcnQgY2xhc3MgRXVpRGFzaGJvYXJkQnV0dG9uTGFiZWxEaXJlY3RpdmUge31cbi8qIGVzbGludC1lbmFibGUgKi9cblxuQENvbXBvbmVudCh7XG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1kYXNoYm9hcmQtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzZWxlY3RvcjogJ2V1aS1kYXNoYm9hcmQtYnV0dG9uJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdldWlQcmltYXJ5JyxcbiAgICAgICAgICAgICAgICAnZXVpU2Vjb25kYXJ5JyxcbiAgICAgICAgICAgICAgICAnZXVpU3VjY2VzcycsXG4gICAgICAgICAgICAgICAgJ2V1aUluZm8nLFxuICAgICAgICAgICAgICAgICdldWlXYXJuaW5nJyxcbiAgICAgICAgICAgICAgICAnZXVpRGFuZ2VyJyxcbiAgICAgICAgICAgICAgICAnZXVpQWNjZW50JyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZVhTJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZVMnLFxuICAgICAgICAgICAgICAgICdldWlTaXplTScsXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVMJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZVhMJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZTJYTCcsXG4gICAgICAgICAgICAgICAgJ2V1aVZhcmlhbnQnLFxuICAgICAgICAgICAgICAgICdldWlTaXplVmFyaWFudCcsXG4gICAgICAgICAgICBdLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aURhc2hib2FyZEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHVibGljIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldENzc0NsYXNzZXMoKTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBpbWFnZVVybDogc3RyaW5nO1xuXG4gICAgQENvbnRlbnRDaGlsZChFdWlEYXNoYm9hcmRCdXR0b25JY29uRGlyZWN0aXZlKSBldWlEYXNoYm9hcmRCdXR0b25JY29uOiBFdWlEYXNoYm9hcmRCdXR0b25JY29uRGlyZWN0aXZlO1xuICAgIEBDb250ZW50Q2hpbGQoRXVpRGFzaGJvYXJkQnV0dG9uTGFiZWxEaXJlY3RpdmUpIGV1aURhc2hib2FyZEJ1dHRvbkxhYmVsOiBFdWlEYXNoYm9hcmRCdXR0b25MYWJlbERpcmVjdGl2ZTtcbiAgICBAQ29udGVudENoaWxkKEV1aUxhYmVsQ29tcG9uZW50KSBldWlMYWJlbENvbnRlbnQ6IEV1aUxhYmVsQ29tcG9uZW50O1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGJhc2VTdGF0ZXNEaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUpIHt9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZXVpVmFyaWFudCkge1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmV1aVNlY29uZGFyeSA9IHRydWU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGdldENzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5nZXRDc3NDbGFzc2VzKCdldWktZGFzaGJvYXJkLWJ1dHRvbicpLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxufVxuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFJvdXRlck1vZHVsZSwgRXVpQXZhdGFyTW9kdWxlXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtFdWlEYXNoYm9hcmRCdXR0b25Db21wb25lbnQsIEV1aURhc2hib2FyZEJ1dHRvbkljb25EaXJlY3RpdmUsIEV1aURhc2hib2FyZEJ1dHRvbkxhYmVsRGlyZWN0aXZlXSxcbiAgICBleHBvcnRzOiBbRXVpRGFzaGJvYXJkQnV0dG9uQ29tcG9uZW50LCBFdWlEYXNoYm9hcmRCdXR0b25JY29uRGlyZWN0aXZlLCBFdWlEYXNoYm9hcmRCdXR0b25MYWJlbERpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aURhc2hib2FyZEJ1dHRvbk1vZHVsZSB7fVxuIiwiPGJ1dHRvbiBjbGFzcz1cImV1aS1kYXNoYm9hcmQtYnV0dG9uLWNvbnRlbnRcIj5cbiAgICA8ZXVpLWF2YXRhciBbZXVpVmFyaWFudF09XCJiYXNlU3RhdGVzRGlyZWN0aXZlLmV1aVZhcmlhbnRcIiBbZXVpU2l6ZVZhcmlhbnRdPVwiYmFzZVN0YXRlc0RpcmVjdGl2ZS5ldWlTaXplVmFyaWFudFwiPlxuICAgICAgICA8ZXVpLWF2YXRhci1pY29uPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLWRhc2hib2FyZC1idXR0b24taWNvblwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9ldWktYXZhdGFyLWljb24+XG4gICAgICAgIDxldWktYXZhdGFyLXRleHQ+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktZGFzaGJvYXJkLWJ1dHRvbi1sYWJlbFwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9ldWktYXZhdGFyLXRleHQ+XG4gICAgICAgIDxldWktYXZhdGFyLWltYWdlICpuZ0lmPVwiaW1hZ2VVcmxcIiBpbWFnZVVybD1cInt7aW1hZ2VVcmx9fVwiPjwvZXVpLWF2YXRhci1pbWFnZT5cbiAgICA8L2V1aS1hdmF0YXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImV1aUxhYmVsQ29udGVudFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRhc2hib2FyZC1idXR0b24tY29udGVudF9fdGl0bGVcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1sYWJlbFwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltldWlMYWJlbF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRhc2hib2FyZC1idXR0b24tY29udGVudF9fc3ViLXRpdGxlXCI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktc3VibGFiZWxcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZXVpU3VibGFiZWxdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvYnV0dG9uPlxuIl19
|
|
@@ -63,11 +63,11 @@ export class EuiDashboardCardComponent {
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiDashboardCardComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
66
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiDashboardCardComponent, selector: "eui-dashboard-card", inputs: { styleClass: "styleClass", typeClass: "typeClass", iconClass: "iconClass", iconTypeClass: "iconTypeClass", imageUrl: "imageUrl", imageWidth: "imageWidth", imageHeight: "imageHeight", isIconCompact: "isIconCompact", label: "label", subLabel: "subLabel", urlExternal: "urlExternal", urlExternalTarget: "urlExternalTarget", url: "url", buttonLinkLabel: "buttonLinkLabel", buttonStyleClass: "buttonStyleClass", isClickable: "isClickable", isHorizontalLayout: "isHorizontalLayout", labelMaxLines: "labelMaxLines", subLabelMaxLines: "subLabelMaxLines", e2eAttr: "e2eAttr" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div\n class=\"eui-dashboard-card {{ styleClass }} {{ stateTypeClass }}\"\n tabindex=\"0\"\n [class.row]=\"isHorizontalLayout\"\n [class.eui-dashboard-card--clickable]=\"isClickable\"\n [class.eui-dashboard-card--icon-compact]=\"isIconCompact\"\n [class.eui-dashboard-card--horizontal]=\"isHorizontalLayout\"\n [class.eui-dashboard-card--horizontal--icon-compact]=\"isIconCompact && isHorizontalLayout\"\n (click)=\"onClick($event)\"\n (keydown)=\"onKeyDown($event.keyCode)\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div *ngIf=\"iconClass\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__icon-container\">\n <div class=\"eui-dashboard-card__icon-wrapper eui-dashboard-card__icon-wrapper--{{ iconTypeClass }}\">\n <span class=\"{{ iconClass }} eui-icon-fw eui-dashboard-card__icon-wrapper-icon\"></span>\n </div>\n </div>\n\n <div *ngIf=\"imageUrl\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__image-container\">\n <div class=\"eui-dashboard-card__image-wrapper\">\n <img [style.height.px]=\"imageHeight\" [style.width.px]=\"imageWidth\" src=\"{{ imageUrl }}\" alt=\"{{ imageUrl }}\" />\n </div>\n </div>\n\n <div class=\"eui-dashboard-card__content-wrapper\" [class.col-8]=\"isHorizontalLayout\">\n <div class=\"eui-dashboard-card__content\">\n <div class=\"eui-dashboard-card__content-label eui-dashboard-card__content-label--lines-{{ labelMaxLines }}\">\n {{ label }}\n </div>\n <div class=\"eui-dashboard-card__content-sub-label eui-dashboard-card__content-sub-label--lines-{{ subLabelMaxLines }}\">\n {{ subLabel }}\n </div>\n <div *ngIf=\"!isClickable\" class=\"eui-dashboard-card__content-link\">\n <a\n *ngIf=\"urlExternal\"\n href=\"{{ urlExternal }}\"\n target=\"{{ urlExternalTarget }}\"\n class=\"eui-button {{ buttonStyleClass }}\"\n tabindex=\"0\"\n >{{ buttonLinkLabel }}</a\n >\n <a *ngIf=\"url\" [routerLink]=\"[url]\" class=\"eui-button {{ buttonStyleClass }}\" tabindex=\"
|
|
66
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiDashboardCardComponent, selector: "eui-dashboard-card", inputs: { styleClass: "styleClass", typeClass: "typeClass", iconClass: "iconClass", iconTypeClass: "iconTypeClass", imageUrl: "imageUrl", imageWidth: "imageWidth", imageHeight: "imageHeight", isIconCompact: "isIconCompact", label: "label", subLabel: "subLabel", urlExternal: "urlExternal", urlExternalTarget: "urlExternalTarget", url: "url", buttonLinkLabel: "buttonLinkLabel", buttonStyleClass: "buttonStyleClass", isClickable: "isClickable", isHorizontalLayout: "isHorizontalLayout", labelMaxLines: "labelMaxLines", subLabelMaxLines: "subLabelMaxLines", e2eAttr: "e2eAttr" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div\n class=\"eui-dashboard-card {{ styleClass }} {{ stateTypeClass }}\"\n tabindex=\"0\"\n [class.row]=\"isHorizontalLayout\"\n [class.eui-dashboard-card--clickable]=\"isClickable\"\n [class.eui-dashboard-card--icon-compact]=\"isIconCompact\"\n [class.eui-dashboard-card--horizontal]=\"isHorizontalLayout\"\n [class.eui-dashboard-card--horizontal--icon-compact]=\"isIconCompact && isHorizontalLayout\"\n (click)=\"onClick($event)\"\n (keydown)=\"onKeyDown($event.keyCode)\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div *ngIf=\"iconClass\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__icon-container\">\n <div class=\"eui-dashboard-card__icon-wrapper eui-dashboard-card__icon-wrapper--{{ iconTypeClass }}\">\n <span class=\"{{ iconClass }} eui-icon-fw eui-dashboard-card__icon-wrapper-icon\"></span>\n </div>\n </div>\n\n <div *ngIf=\"imageUrl\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__image-container\">\n <div class=\"eui-dashboard-card__image-wrapper\">\n <img [style.height.px]=\"imageHeight\" [style.width.px]=\"imageWidth\" src=\"{{ imageUrl }}\" alt=\"{{ imageUrl }}\" />\n </div>\n </div>\n\n <div class=\"eui-dashboard-card__content-wrapper\" [class.col-8]=\"isHorizontalLayout\">\n <div class=\"eui-dashboard-card__content\">\n <div class=\"eui-dashboard-card__content-label eui-dashboard-card__content-label--lines-{{ labelMaxLines }}\">\n {{ label }}\n </div>\n <div class=\"eui-dashboard-card__content-sub-label eui-dashboard-card__content-sub-label--lines-{{ subLabelMaxLines }}\">\n {{ subLabel }}\n </div>\n <div *ngIf=\"!isClickable\" class=\"eui-dashboard-card__content-link\">\n <a\n *ngIf=\"urlExternal\"\n href=\"{{ urlExternal }}\"\n target=\"{{ urlExternalTarget }}\"\n class=\"eui-button {{ buttonStyleClass }}\"\n tabindex=\"0\"\n >{{ buttonLinkLabel }}</a\n >\n <a *ngIf=\"url\" [routerLink]=\"[url]\" class=\"eui-button {{ buttonStyleClass }}\" tabindex=\"0\">{{ buttonLinkLabel }}</a>\n </div>\n </div>\n </div>\n</div>\n", styles: [".eui-dashboard-card{background-color:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);margin-bottom:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-m);width:100%;box-shadow:var(--eui-base-shadow-1)}.eui-dashboard-card__image-wrapper{height:6rem;justify-content:center;margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto;padding:calc(var(--eui-base-spacing-m) /2);align-items:center;display:flex;width:100%}.eui-dashboard-card__icon-wrapper{align-items:center;border-radius:4rem;display:flex;height:8rem;justify-content:center;margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto;padding:var(--eui-base-spacing-m);width:8rem;background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-dashboard-card__icon-wrapper .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-dashboard-card__icon-wrapper--primary{background-color:var(--eui-base-color-primary-75);border-color:var(--eui-base-color-primary-75);color:var(--eui-base-color-primary-75-contrast)}.eui-dashboard-card__icon-wrapper--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-75-contrast);fill:var(--eui-base-color-primary-75-contrast)}.eui-dashboard-card__icon-wrapper--info{background-color:var(--eui-base-color-info-50);border-color:var(--eui-base-color-info-50);color:var(--eui-base-color-info-50-contrast)}.eui-dashboard-card__icon-wrapper--info .eui-icon-svg svg{color:var(--eui-base-color-info-50-contrast);fill:var(--eui-base-color-info-50-contrast)}.eui-dashboard-card__icon-wrapper--warning{background-color:var(--eui-base-color-warning-75);border-color:var(--eui-base-color-warning-75);color:var(--eui-base-color-warning-75-contrast)}.eui-dashboard-card__icon-wrapper--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-75-contrast);fill:var(--eui-base-color-warning-75-contrast)}.eui-dashboard-card__icon-wrapper--danger{background-color:var(--eui-base-color-danger-75);border-color:var(--eui-base-color-danger-75);color:var(--eui-base-color-danger-75-contrast)}.eui-dashboard-card__icon-wrapper--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-75-contrast);fill:var(--eui-base-color-danger-75-contrast)}.eui-dashboard-card__icon-wrapper--success{background-color:var(--eui-base-color-success-75);border-color:var(--eui-base-color-success-75);color:var(--eui-base-color-success-75-contrast)}.eui-dashboard-card__icon-wrapper--success .eui-icon-svg svg{color:var(--eui-base-color-success-75-contrast);fill:var(--eui-base-color-success-75-contrast)}.eui-dashboard-card__icon-wrapper-icon{font-size:4rem;width:100%}.eui-dashboard-card__content-wrapper{align-items:center;display:flex}.eui-dashboard-card__content{text-align:center;width:100%}.eui-dashboard-card__content-label{margin-bottom:var(--eui-base-spacing-s);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-dashboard-card__content-label--lines-1{height:var(--eui-base-font-size-xl);overflow:hidden}.eui-dashboard-card__content-label--lines-2{height:calc(var(--eui-base-font-size-xl) * 2.33);overflow:hidden}.eui-dashboard-card__content-label--lines-3{height:calc(var(--eui-base-font-size-xl) * 3.5);overflow:hidden}.eui-dashboard-card__content-label--lines-4{height:calc(var(--eui-base-font-size-xl) * 4.75);overflow:hidden}.eui-dashboard-card__content-label--lines-5{height:calc(var(--eui-base-font-size-xl) * 6);overflow:hidden}.eui-dashboard-card__content-sub-label{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-m);margin-bottom:var(--eui-base-spacing-s)}.eui-dashboard-card__content-sub-label--lines-1{height:calc(var(--eui-base-font-size-m) * 1.25);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-2{height:calc(var(--eui-base-font-size-m) * 2.5);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-3{height:calc(var(--eui-base-font-size-m) * 3.75);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-4{height:calc(var(--eui-base-font-size-m) * 4.75);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-5{height:calc(var(--eui-base-font-size-m) * 6);overflow:hidden}.eui-dashboard-card__content-link{margin-top:var(--eui-base-spacing-m)}.eui-dashboard-card--horizontal .eui-dashboard-card__content{border-left:2px solid var(--eui-base-color-grey-10);margin-left:var(--eui-base-spacing-m);padding-left:var(--eui-base-spacing-m)}.eui-dashboard-card--horizontal .eui-dashboard-card__icon-wrapper,.eui-dashboard-card--horizontal--icon-compact .eui-dashboard-card__icon-wrapper{margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto}.eui-dashboard-card--horizontal .eui-dashboard-card__image-wrapper{padding:var(--eui-base-spacing-m)}.eui-dashboard-card--icon-compact .eui-dashboard-card__icon-wrapper{height:5rem;padding:var(--eui-base-spacing-s);width:5rem}.eui-dashboard-card--icon-compact .eui-dashboard-card__icon-wrapper-icon{font-size:2.5rem}.eui-dashboard-card--clickable{cursor:pointer}.eui-dashboard-card--clickable:focus,.eui-dashboard-card--clickable:hover{outline:0;box-shadow:var(--eui-base-shadow-2)}.eui-dashboard-card--primary{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-primary-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--secondary{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--info{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-info-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--warning{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-warning-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--success{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-success-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--danger{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-danger-100);margin-left:var(--eui-base-spacing-xs)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
67
67
|
}
|
|
68
68
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiDashboardCardComponent, decorators: [{
|
|
69
69
|
type: Component,
|
|
70
|
-
args: [{ selector: 'eui-dashboard-card', template: "<div\n class=\"eui-dashboard-card {{ styleClass }} {{ stateTypeClass }}\"\n tabindex=\"0\"\n [class.row]=\"isHorizontalLayout\"\n [class.eui-dashboard-card--clickable]=\"isClickable\"\n [class.eui-dashboard-card--icon-compact]=\"isIconCompact\"\n [class.eui-dashboard-card--horizontal]=\"isHorizontalLayout\"\n [class.eui-dashboard-card--horizontal--icon-compact]=\"isIconCompact && isHorizontalLayout\"\n (click)=\"onClick($event)\"\n (keydown)=\"onKeyDown($event.keyCode)\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div *ngIf=\"iconClass\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__icon-container\">\n <div class=\"eui-dashboard-card__icon-wrapper eui-dashboard-card__icon-wrapper--{{ iconTypeClass }}\">\n <span class=\"{{ iconClass }} eui-icon-fw eui-dashboard-card__icon-wrapper-icon\"></span>\n </div>\n </div>\n\n <div *ngIf=\"imageUrl\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__image-container\">\n <div class=\"eui-dashboard-card__image-wrapper\">\n <img [style.height.px]=\"imageHeight\" [style.width.px]=\"imageWidth\" src=\"{{ imageUrl }}\" alt=\"{{ imageUrl }}\" />\n </div>\n </div>\n\n <div class=\"eui-dashboard-card__content-wrapper\" [class.col-8]=\"isHorizontalLayout\">\n <div class=\"eui-dashboard-card__content\">\n <div class=\"eui-dashboard-card__content-label eui-dashboard-card__content-label--lines-{{ labelMaxLines }}\">\n {{ label }}\n </div>\n <div class=\"eui-dashboard-card__content-sub-label eui-dashboard-card__content-sub-label--lines-{{ subLabelMaxLines }}\">\n {{ subLabel }}\n </div>\n <div *ngIf=\"!isClickable\" class=\"eui-dashboard-card__content-link\">\n <a\n *ngIf=\"urlExternal\"\n href=\"{{ urlExternal }}\"\n target=\"{{ urlExternalTarget }}\"\n class=\"eui-button {{ buttonStyleClass }}\"\n tabindex=\"0\"\n >{{ buttonLinkLabel }}</a\n >\n <a *ngIf=\"url\" [routerLink]=\"[url]\" class=\"eui-button {{ buttonStyleClass }}\" tabindex=\"
|
|
70
|
+
args: [{ selector: 'eui-dashboard-card', template: "<div\n class=\"eui-dashboard-card {{ styleClass }} {{ stateTypeClass }}\"\n tabindex=\"0\"\n [class.row]=\"isHorizontalLayout\"\n [class.eui-dashboard-card--clickable]=\"isClickable\"\n [class.eui-dashboard-card--icon-compact]=\"isIconCompact\"\n [class.eui-dashboard-card--horizontal]=\"isHorizontalLayout\"\n [class.eui-dashboard-card--horizontal--icon-compact]=\"isIconCompact && isHorizontalLayout\"\n (click)=\"onClick($event)\"\n (keydown)=\"onKeyDown($event.keyCode)\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div *ngIf=\"iconClass\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__icon-container\">\n <div class=\"eui-dashboard-card__icon-wrapper eui-dashboard-card__icon-wrapper--{{ iconTypeClass }}\">\n <span class=\"{{ iconClass }} eui-icon-fw eui-dashboard-card__icon-wrapper-icon\"></span>\n </div>\n </div>\n\n <div *ngIf=\"imageUrl\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__image-container\">\n <div class=\"eui-dashboard-card__image-wrapper\">\n <img [style.height.px]=\"imageHeight\" [style.width.px]=\"imageWidth\" src=\"{{ imageUrl }}\" alt=\"{{ imageUrl }}\" />\n </div>\n </div>\n\n <div class=\"eui-dashboard-card__content-wrapper\" [class.col-8]=\"isHorizontalLayout\">\n <div class=\"eui-dashboard-card__content\">\n <div class=\"eui-dashboard-card__content-label eui-dashboard-card__content-label--lines-{{ labelMaxLines }}\">\n {{ label }}\n </div>\n <div class=\"eui-dashboard-card__content-sub-label eui-dashboard-card__content-sub-label--lines-{{ subLabelMaxLines }}\">\n {{ subLabel }}\n </div>\n <div *ngIf=\"!isClickable\" class=\"eui-dashboard-card__content-link\">\n <a\n *ngIf=\"urlExternal\"\n href=\"{{ urlExternal }}\"\n target=\"{{ urlExternalTarget }}\"\n class=\"eui-button {{ buttonStyleClass }}\"\n tabindex=\"0\"\n >{{ buttonLinkLabel }}</a\n >\n <a *ngIf=\"url\" [routerLink]=\"[url]\" class=\"eui-button {{ buttonStyleClass }}\" tabindex=\"0\">{{ buttonLinkLabel }}</a>\n </div>\n </div>\n </div>\n</div>\n", styles: [".eui-dashboard-card{background-color:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);margin-bottom:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-m);width:100%;box-shadow:var(--eui-base-shadow-1)}.eui-dashboard-card__image-wrapper{height:6rem;justify-content:center;margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto;padding:calc(var(--eui-base-spacing-m) /2);align-items:center;display:flex;width:100%}.eui-dashboard-card__icon-wrapper{align-items:center;border-radius:4rem;display:flex;height:8rem;justify-content:center;margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto;padding:var(--eui-base-spacing-m);width:8rem;background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-dashboard-card__icon-wrapper .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-dashboard-card__icon-wrapper--primary{background-color:var(--eui-base-color-primary-75);border-color:var(--eui-base-color-primary-75);color:var(--eui-base-color-primary-75-contrast)}.eui-dashboard-card__icon-wrapper--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-75-contrast);fill:var(--eui-base-color-primary-75-contrast)}.eui-dashboard-card__icon-wrapper--info{background-color:var(--eui-base-color-info-50);border-color:var(--eui-base-color-info-50);color:var(--eui-base-color-info-50-contrast)}.eui-dashboard-card__icon-wrapper--info .eui-icon-svg svg{color:var(--eui-base-color-info-50-contrast);fill:var(--eui-base-color-info-50-contrast)}.eui-dashboard-card__icon-wrapper--warning{background-color:var(--eui-base-color-warning-75);border-color:var(--eui-base-color-warning-75);color:var(--eui-base-color-warning-75-contrast)}.eui-dashboard-card__icon-wrapper--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-75-contrast);fill:var(--eui-base-color-warning-75-contrast)}.eui-dashboard-card__icon-wrapper--danger{background-color:var(--eui-base-color-danger-75);border-color:var(--eui-base-color-danger-75);color:var(--eui-base-color-danger-75-contrast)}.eui-dashboard-card__icon-wrapper--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-75-contrast);fill:var(--eui-base-color-danger-75-contrast)}.eui-dashboard-card__icon-wrapper--success{background-color:var(--eui-base-color-success-75);border-color:var(--eui-base-color-success-75);color:var(--eui-base-color-success-75-contrast)}.eui-dashboard-card__icon-wrapper--success .eui-icon-svg svg{color:var(--eui-base-color-success-75-contrast);fill:var(--eui-base-color-success-75-contrast)}.eui-dashboard-card__icon-wrapper-icon{font-size:4rem;width:100%}.eui-dashboard-card__content-wrapper{align-items:center;display:flex}.eui-dashboard-card__content{text-align:center;width:100%}.eui-dashboard-card__content-label{margin-bottom:var(--eui-base-spacing-s);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-dashboard-card__content-label--lines-1{height:var(--eui-base-font-size-xl);overflow:hidden}.eui-dashboard-card__content-label--lines-2{height:calc(var(--eui-base-font-size-xl) * 2.33);overflow:hidden}.eui-dashboard-card__content-label--lines-3{height:calc(var(--eui-base-font-size-xl) * 3.5);overflow:hidden}.eui-dashboard-card__content-label--lines-4{height:calc(var(--eui-base-font-size-xl) * 4.75);overflow:hidden}.eui-dashboard-card__content-label--lines-5{height:calc(var(--eui-base-font-size-xl) * 6);overflow:hidden}.eui-dashboard-card__content-sub-label{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-m);margin-bottom:var(--eui-base-spacing-s)}.eui-dashboard-card__content-sub-label--lines-1{height:calc(var(--eui-base-font-size-m) * 1.25);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-2{height:calc(var(--eui-base-font-size-m) * 2.5);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-3{height:calc(var(--eui-base-font-size-m) * 3.75);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-4{height:calc(var(--eui-base-font-size-m) * 4.75);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-5{height:calc(var(--eui-base-font-size-m) * 6);overflow:hidden}.eui-dashboard-card__content-link{margin-top:var(--eui-base-spacing-m)}.eui-dashboard-card--horizontal .eui-dashboard-card__content{border-left:2px solid var(--eui-base-color-grey-10);margin-left:var(--eui-base-spacing-m);padding-left:var(--eui-base-spacing-m)}.eui-dashboard-card--horizontal .eui-dashboard-card__icon-wrapper,.eui-dashboard-card--horizontal--icon-compact .eui-dashboard-card__icon-wrapper{margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto}.eui-dashboard-card--horizontal .eui-dashboard-card__image-wrapper{padding:var(--eui-base-spacing-m)}.eui-dashboard-card--icon-compact .eui-dashboard-card__icon-wrapper{height:5rem;padding:var(--eui-base-spacing-s);width:5rem}.eui-dashboard-card--icon-compact .eui-dashboard-card__icon-wrapper-icon{font-size:2.5rem}.eui-dashboard-card--clickable{cursor:pointer}.eui-dashboard-card--clickable:focus,.eui-dashboard-card--clickable:hover{outline:0;box-shadow:var(--eui-base-shadow-2)}.eui-dashboard-card--primary{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-primary-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--secondary{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--info{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-info-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--warning{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-warning-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--success{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-success-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--danger{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-danger-100);margin-left:var(--eui-base-spacing-xs)}\n"] }]
|
|
71
71
|
}], ctorParameters: () => [{ type: i1.Router }], propDecorators: { styleClass: [{
|
|
72
72
|
type: Input
|
|
73
73
|
}], typeClass: [{
|
|
@@ -124,4 +124,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
124
124
|
declarations: [EuiDashboardCardComponent],
|
|
125
125
|
}]
|
|
126
126
|
}] });
|
|
127
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWRhc2hib2FyZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1kYXNoYm9hcmQtY2FyZC9ldWktZGFzaGJvYXJkLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWRhc2hib2FyZC1jYXJkL2V1aS1kYXNoYm9hcmQtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBVSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxxQkFBcUIsRUFBZ0IsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQU81RSxNQUFNLE9BQU8seUJBQXlCO0lBUWxDLElBQ0ksYUFBYTtRQUNiLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUMvQixDQUFDO0lBQ0QsSUFBSSxhQUFhLENBQUMsS0FBbUI7UUFDakMsSUFBSSxDQUFDLGNBQWMsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBUUQsSUFDSSxXQUFXO1FBQ1gsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzdCLENBQUM7SUFDRCxJQUFJLFdBQVcsQ0FBQyxLQUFtQjtRQUMvQixJQUFJLENBQUMsWUFBWSxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JELENBQUM7SUFDRCxJQUNJLGtCQUFrQjtRQUNsQixPQUFPLElBQUksQ0FBQyxtQkFBbUIsQ0FBQztJQUNwQyxDQUFDO0lBQ0QsSUFBSSxrQkFBa0IsQ0FBQyxLQUFtQjtRQUN0QyxJQUFJLENBQUMsbUJBQW1CLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUQsQ0FBQztJQVdELFlBQW9CLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBeEN6QixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLGdCQUFXLEdBQUcsSUFBSSxDQUFDO1FBV25CLHNCQUFpQixHQUFHLFFBQVEsQ0FBQztRQUc3QixxQkFBZ0IsR0FBRyxrQkFBa0IsQ0FBQztRQWtCdEMsWUFBTyxHQUFHLG9CQUFvQixDQUFDO1FBQzlCLGNBQVMsR0FBRSxJQUFJLFlBQVksRUFBYyxDQUFDO1FBRTVDLG1CQUFjLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLHdCQUFtQixHQUFHLEtBQUssQ0FBQztJQUVDLENBQUM7SUFFdEMsSUFBSSxjQUFjO1FBQ2QsSUFBSSxPQUFPLEdBQUcsRUFBRSxDQUFDO1FBRWpCLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNoQixPQUFPLEdBQUcsc0JBQXNCLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztTQUNyRDtRQUVELE9BQU8sT0FBTyxDQUFDO0lBQ25CLENBQUM7SUFFRCxTQUFTLENBQUMsT0FBZTtRQUNyQixJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksT0FBTyxLQUFLLEVBQUUsRUFBRTtZQUNwQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7U0FDbkI7SUFDTCxDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQWlCO1FBQ3JCLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNsQixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDOUI7SUFDTCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7U0FDcEM7UUFDRCxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDbEIsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1NBQ3pEO0lBQ0wsQ0FBQztzSUE5RVEseUJBQXlCOzBIQUF6Qix5QkFBeUIsaXFCQ1Z0Qyx5ekVBNkNBOztnR0RuQ2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNJLG9CQUFvQjsyRUFLckIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFRixhQUFhO3NCQURoQixLQUFLO2dCQU9HLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFFRixXQUFXO3NCQURkLEtBQUs7Z0JBUUYsa0JBQWtCO3NCQURyQixLQUFLO2dCQU9HLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNOztBQThDWCxNQUFNLE9BQU8sc0JBQXNCO3NJQUF0QixzQkFBc0I7dUlBQXRCLHNCQUFzQixpQkF0RnRCLHlCQUF5QixhQWtGeEIsWUFBWSxFQUFFLFlBQVksYUFsRjNCLHlCQUF5Qjt1SUFzRnpCLHNCQUFzQixZQUpyQixZQUFZLEVBQUUsWUFBWTs7Z0dBSTNCLHNCQUFzQjtrQkFMbEMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxDQUFDO29CQUNyQyxPQUFPLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztvQkFDcEMsWUFBWSxFQUFFLENBQUMseUJBQXlCLENBQUM7aUJBQzVDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgSW5wdXQsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlLCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5LCBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1kYXNoYm9hcmQtY2FyZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1kYXNoYm9hcmQtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEV1aURhc2hib2FyZENhcmRDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHN0eWxlQ2xhc3M6IHN0cmluZztcbiAgICBASW5wdXQoKSB0eXBlQ2xhc3M6IHN0cmluZztcbiAgICBASW5wdXQoKSBpY29uQ2xhc3M6IHN0cmluZztcbiAgICBASW5wdXQoKSBpY29uVHlwZUNsYXNzOiBzdHJpbmc7XG4gICAgQElucHV0KCkgaW1hZ2VVcmw6IHN0cmluZztcbiAgICBASW5wdXQoKSBpbWFnZVdpZHRoID0gJzY0JztcbiAgICBASW5wdXQoKSBpbWFnZUhlaWdodCA9ICc2NCc7XG4gICAgQElucHV0KClcbiAgICBnZXQgaXNJY29uQ29tcGFjdCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lzSWNvbkNvbXBhY3Q7XG4gICAgfVxuICAgIHNldCBpc0ljb25Db21wYWN0KHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5faXNJY29uQ29tcGFjdCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgc3ViTGFiZWw6IHN0cmluZztcbiAgICBASW5wdXQoKSB1cmxFeHRlcm5hbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHVybEV4dGVybmFsVGFyZ2V0ID0gJ19ibGFuayc7XG4gICAgQElucHV0KCkgdXJsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgYnV0dG9uTGlua0xhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgYnV0dG9uU3R5bGVDbGFzcyA9ICdldWktYnV0dG9uLS1pbmZvJztcbiAgICBASW5wdXQoKVxuICAgIGdldCBpc0NsaWNrYWJsZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lzQ2xpY2thYmxlO1xuICAgIH1cbiAgICBzZXQgaXNDbGlja2FibGUodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9pc0NsaWNrYWJsZSA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGlzSG9yaXpvbnRhbExheW91dCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lzSG9yaXpvbnRhbExheW91dDtcbiAgICB9XG4gICAgc2V0IGlzSG9yaXpvbnRhbExheW91dCh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2lzSG9yaXpvbnRhbExheW91dCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIEBJbnB1dCgpIGxhYmVsTWF4TGluZXM6IHN0cmluZztcblxuICAgIEBJbnB1dCgpIHN1YkxhYmVsTWF4TGluZXM6IHN0cmluZztcbiAgICBASW5wdXQoKSBlMmVBdHRyID0gJ2V1aS1kYXNoYm9hcmQtY2FyZCc7XG4gICAgQE91dHB1dCgpIGNhcmRDbGljaz0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xuXG4gICAgcHJpdmF0ZSBfaXNJY29uQ29tcGFjdCA9IHRydWU7XG4gICAgcHJpdmF0ZSBfaXNDbGlja2FibGUgPSBmYWxzZTtcbiAgICBwcml2YXRlIF9pc0hvcml6b250YWxMYXlvdXQgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcm91dGVyOiBSb3V0ZXIpIHt9XG5cbiAgICBnZXQgc3RhdGVUeXBlQ2xhc3MoKTogc3RyaW5nIHtcbiAgICAgICAgbGV0IGNsYXNzZXMgPSAnJztcblxuICAgICAgICBpZiAodGhpcy50eXBlQ2xhc3MpIHtcbiAgICAgICAgICAgIGNsYXNzZXMgPSAnZXVpLWRhc2hib2FyZC1jYXJkLS0nICsgdGhpcy50eXBlQ2xhc3M7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gY2xhc3NlcztcbiAgICB9XG5cbiAgICBvbktleURvd24oa2V5Q29kZTogbnVtYmVyKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmlzQ2xpY2thYmxlICYmIGtleUNvZGUgPT09IDEzKSB7XG4gICAgICAgICAgICB0aGlzLm9wZW5MaW5rKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmlzQ2xpY2thYmxlKSB7XG4gICAgICAgICAgICB0aGlzLm9wZW5MaW5rKCk7XG4gICAgICAgICAgICB0aGlzLmNhcmRDbGljay5lbWl0KGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9wZW5MaW5rKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy51cmwpIHtcbiAgICAgICAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFt0aGlzLnVybF0pO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLnVybEV4dGVybmFsKSB7XG4gICAgICAgICAgICB3aW5kb3cub3Blbih0aGlzLnVybEV4dGVybmFsLCB0aGlzLnVybEV4dGVybmFsVGFyZ2V0KTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtFdWlEYXNoYm9hcmRDYXJkQ29tcG9uZW50XSxcbiAgICBkZWNsYXJhdGlvbnM6IFtFdWlEYXNoYm9hcmRDYXJkQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpRGFzaGJvYXJkQ2FyZE1vZHVsZSB7fVxuIiwiPGRpdlxuICAgIGNsYXNzPVwiZXVpLWRhc2hib2FyZC1jYXJkIHt7IHN0eWxlQ2xhc3MgfX0ge3sgc3RhdGVUeXBlQ2xhc3MgfX1cIlxuICAgIHRhYmluZGV4PVwiMFwiXG4gICAgW2NsYXNzLnJvd109XCJpc0hvcml6b250YWxMYXlvdXRcIlxuICAgIFtjbGFzcy5ldWktZGFzaGJvYXJkLWNhcmQtLWNsaWNrYWJsZV09XCJpc0NsaWNrYWJsZVwiXG4gICAgW2NsYXNzLmV1aS1kYXNoYm9hcmQtY2FyZC0taWNvbi1jb21wYWN0XT1cImlzSWNvbkNvbXBhY3RcIlxuICAgIFtjbGFzcy5ldWktZGFzaGJvYXJkLWNhcmQtLWhvcml6b250YWxdPVwiaXNIb3Jpem9udGFsTGF5b3V0XCJcbiAgICBbY2xhc3MuZXVpLWRhc2hib2FyZC1jYXJkLS1ob3Jpem9udGFsLS1pY29uLWNvbXBhY3RdPVwiaXNJY29uQ29tcGFjdCAmJiBpc0hvcml6b250YWxMYXlvdXRcIlxuICAgIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIlxuICAgIChrZXlkb3duKT1cIm9uS2V5RG93bigkZXZlbnQua2V5Q29kZSlcIlxuICAgIGF0dHIuZGF0YS1lMmU9XCJ7eyBlMmVBdHRyIH19XCI+XG4gICAgPGRpdiAqbmdJZj1cImljb25DbGFzc1wiIFtjbGFzcy5jb2wtNF09XCJpc0hvcml6b250YWxMYXlvdXRcIiBjbGFzcz1cImV1aS1kYXNoYm9hcmQtY2FyZF9faWNvbi1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1kYXNoYm9hcmQtY2FyZF9faWNvbi13cmFwcGVyIGV1aS1kYXNoYm9hcmQtY2FyZF9faWNvbi13cmFwcGVyLS17eyBpY29uVHlwZUNsYXNzIH19XCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInt7IGljb25DbGFzcyB9fSBldWktaWNvbi1mdyBldWktZGFzaGJvYXJkLWNhcmRfX2ljb24td3JhcHBlci1pY29uXCI+PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgKm5nSWY9XCJpbWFnZVVybFwiIFtjbGFzcy5jb2wtNF09XCJpc0hvcml6b250YWxMYXlvdXRcIiBjbGFzcz1cImV1aS1kYXNoYm9hcmQtY2FyZF9faW1hZ2UtY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldWktZGFzaGJvYXJkLWNhcmRfX2ltYWdlLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxpbWcgW3N0eWxlLmhlaWdodC5weF09XCJpbWFnZUhlaWdodFwiIFtzdHlsZS53aWR0aC5weF09XCJpbWFnZVdpZHRoXCIgc3JjPVwie3sgaW1hZ2VVcmwgfX1cIiBhbHQ9XCJ7eyBpbWFnZVVybCB9fVwiIC8+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImV1aS1kYXNoYm9hcmQtY2FyZF9fY29udGVudC13cmFwcGVyXCIgW2NsYXNzLmNvbC04XT1cImlzSG9yaXpvbnRhbExheW91dFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRhc2hib2FyZC1jYXJkX19jb250ZW50XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRhc2hib2FyZC1jYXJkX19jb250ZW50LWxhYmVsIGV1aS1kYXNoYm9hcmQtY2FyZF9fY29udGVudC1sYWJlbC0tbGluZXMte3sgbGFiZWxNYXhMaW5lcyB9fVwiPlxuICAgICAgICAgICAgICAgIHt7IGxhYmVsIH19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJldWktZGFzaGJvYXJkLWNhcmRfX2NvbnRlbnQtc3ViLWxhYmVsIGV1aS1kYXNoYm9hcmQtY2FyZF9fY29udGVudC1zdWItbGFiZWwtLWxpbmVzLXt7IHN1YkxhYmVsTWF4TGluZXMgfX1cIj5cbiAgICAgICAgICAgICAgICB7eyBzdWJMYWJlbCB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIWlzQ2xpY2thYmxlXCIgY2xhc3M9XCJldWktZGFzaGJvYXJkLWNhcmRfX2NvbnRlbnQtbGlua1wiPlxuICAgICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwidXJsRXh0ZXJuYWxcIlxuICAgICAgICAgICAgICAgICAgICBocmVmPVwie3sgdXJsRXh0ZXJuYWwgfX1cIlxuICAgICAgICAgICAgICAgICAgICB0YXJnZXQ9XCJ7eyB1cmxFeHRlcm5hbFRhcmdldCB9fVwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLWJ1dHRvbiB7eyBidXR0b25TdHlsZUNsYXNzIH19XCJcbiAgICAgICAgICAgICAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgICAgICAgICAgICAgPnt7IGJ1dHRvbkxpbmtMYWJlbCB9fTwvYVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8YSAqbmdJZj1cInVybFwiIFtyb3V0ZXJMaW5rXT1cIlt1cmxdXCIgY2xhc3M9XCJldWktYnV0dG9uIHt7IGJ1dHRvblN0eWxlQ2xhc3MgfX1cIiB0YWJpbmRleD1cIjFcIj57eyBidXR0b25MaW5rTGFiZWwgfX08L2E+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
127
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWRhc2hib2FyZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2V1aS1kYXNoYm9hcmQtY2FyZC9ldWktZGFzaGJvYXJkLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWRhc2hib2FyZC1jYXJkL2V1aS1kYXNoYm9hcmQtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBVSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxxQkFBcUIsRUFBZ0IsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQU81RSxNQUFNLE9BQU8seUJBQXlCO0lBUWxDLElBQ0ksYUFBYTtRQUNiLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUMvQixDQUFDO0lBQ0QsSUFBSSxhQUFhLENBQUMsS0FBbUI7UUFDakMsSUFBSSxDQUFDLGNBQWMsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBUUQsSUFDSSxXQUFXO1FBQ1gsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzdCLENBQUM7SUFDRCxJQUFJLFdBQVcsQ0FBQyxLQUFtQjtRQUMvQixJQUFJLENBQUMsWUFBWSxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JELENBQUM7SUFDRCxJQUNJLGtCQUFrQjtRQUNsQixPQUFPLElBQUksQ0FBQyxtQkFBbUIsQ0FBQztJQUNwQyxDQUFDO0lBQ0QsSUFBSSxrQkFBa0IsQ0FBQyxLQUFtQjtRQUN0QyxJQUFJLENBQUMsbUJBQW1CLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFD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QkFBeUIsQ0FBQztvQkFDcEMsWUFBWSxFQUFFLENBQUMseUJBQXlCLENBQUM7aUJBQzVDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgSW5wdXQsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlLCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5LCBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1kYXNoYm9hcmQtY2FyZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1kYXNoYm9hcmQtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEV1aURhc2hib2FyZENhcmRDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHN0eWxlQ2xhc3M6IHN0cmluZztcbiAgICBASW5wdXQoKSB0eXBlQ2xhc3M6IHN0cmluZztcbiAgICBASW5wdXQoKSBpY29uQ2xhc3M6IHN0cmluZztcbiAgICBASW5wdXQoKSBpY29uVHlwZUNsYXNzOiBzdHJpbmc7XG4gICAgQElucHV0KCkgaW1hZ2VVcmw6IHN0cmluZztcbiAgICBASW5wdXQoKSBpbWFnZVdpZHRoID0gJzY0JztcbiAgICBASW5wdXQoKSBpbWFnZUhlaWdodCA9ICc2NCc7XG4gICAgQElucHV0KClcbiAgICBnZXQgaXNJY29uQ29tcGFjdCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lzSWNvbkNvbXBhY3Q7XG4gICAgfVxuICAgIHNldCBpc0ljb25Db21wYWN0KHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5faXNJY29uQ29tcGFjdCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgc3ViTGFiZWw6IHN0cmluZztcbiAgICBASW5wdXQoKSB1cmxFeHRlcm5hbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHVybEV4dGVybmFsVGFyZ2V0ID0gJ19ibGFuayc7XG4gICAgQElucHV0KCkgdXJsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgYnV0dG9uTGlua0xhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgYnV0dG9uU3R5bGVDbGFzcyA9ICdldWktYnV0dG9uLS1pbmZvJztcbiAgICBASW5wdXQoKVxuICAgIGdldCBpc0NsaWNrYWJsZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lzQ2xpY2thYmxlO1xuICAgIH1cbiAgICBzZXQgaXNDbGlja2FibGUodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9pc0NsaWNrYWJsZSA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGlzSG9yaXpvbnRhbExheW91dCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lzSG9yaXpvbnRhbExheW91dDtcbiAgICB9XG4gICAgc2V0IGlzSG9yaXpvbnRhbExheW91dCh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2lzSG9yaXpvbnRhbExheW91dCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIEBJbnB1dCgpIGxhYmVsTWF4TGluZXM6IHN0cmluZztcblxuICAgIEBJbnB1dCgpIHN1YkxhYmVsTWF4TGluZXM6IHN0cmluZztcbiAgICBASW5wdXQoKSBlMmVBdHRyID0gJ2V1aS1kYXNoYm9hcmQtY2FyZCc7XG4gICAgQE91dHB1dCgpIGNhcmRDbGljaz0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xuXG4gICAgcHJpdmF0ZSBfaXNJY29uQ29tcGFjdCA9IHRydWU7XG4gICAgcHJpdmF0ZSBfaXNDbGlja2FibGUgPSBmYWxzZTtcbiAgICBwcml2YXRlIF9pc0hvcml6b250YWxMYXlvdXQgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcm91dGVyOiBSb3V0ZXIpIHt9XG5cbiAgICBnZXQgc3RhdGVUeXBlQ2xhc3MoKTogc3RyaW5nIHtcbiAgICAgICAgbGV0IGNsYXNzZXMgPSAnJztcblxuICAgICAgICBpZiAodGhpcy50eXBlQ2xhc3MpIHtcbiAgICAgICAgICAgIGNsYXNzZXMgPSAnZXVpLWRhc2hib2FyZC1jYXJkLS0nICsgdGhpcy50eXBlQ2xhc3M7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gY2xhc3NlcztcbiAgICB9XG5cbiAgICBvbktleURvd24oa2V5Q29kZTogbnVtYmVyKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmlzQ2xpY2thYmxlICYmIGtleUNvZGUgPT09IDEzKSB7XG4gICAgICAgICAgICB0aGlzLm9wZW5MaW5rKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmlzQ2xpY2thYmxlKSB7XG4gICAgICAgICAgICB0aGlzLm9wZW5MaW5rKCk7XG4gICAgICAgICAgICB0aGlzLmNhcmRDbGljay5lbWl0KGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9wZW5MaW5rKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy51cmwpIHtcbiAgICAgICAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFt0aGlzLnVybF0pO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLnVybEV4dGVybmFsKSB7XG4gICAgICAgICAgICB3aW5kb3cub3Blbih0aGlzLnVybEV4dGVybmFsLCB0aGlzLnVybEV4dGVybmFsVGFyZ2V0KTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtFdWlEYXNoYm9hcmRDYXJkQ29tcG9uZW50XSxcbiAgICBkZWNsYXJhdGlvbnM6IFtFdWlEYXNoYm9hcmRDYXJkQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpRGFzaGJvYXJkQ2FyZE1vZHVsZSB7fVxuIiwiPGRpdlxuICAgIGNsYXNzPVwiZXVpLWRhc2hib2FyZC1jYXJkIHt7IHN0eWxlQ2xhc3MgfX0ge3sgc3RhdGVUeXBlQ2xhc3MgfX1cIlxuICAgIHRhYmluZGV4PVwiMFwiXG4gICAgW2NsYXNzLnJvd109XCJpc0hvcml6b250YWxMYXlvdXRcIlxuICAgIFtjbGFzcy5ldWktZGFzaGJvYXJkLWNhcmQtLWNsaWNrYWJsZV09XCJpc0NsaWNrYWJsZVwiXG4gICAgW2NsYXNzLmV1aS1kYXNoYm9hcmQtY2FyZC0taWNvbi1jb21wYWN0XT1cImlzSWNvbkNvbXBhY3RcIlxuICAgIFtjbGFzcy5ldWktZGFzaGJvYXJkLWNhcmQtLWhvcml6b250YWxdPVwiaXNIb3Jpem9udGFsTGF5b3V0XCJcbiAgICBbY2xhc3MuZXVpLWRhc2hib2FyZC1jYXJkLS1ob3Jpem9udGFsLS1pY29uLWNvbXBhY3RdPVwiaXNJY29uQ29tcGFjdCAmJiBpc0hvcml6b250YWxMYXlvdXRcIlxuICAgIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIlxuICAgIChrZXlkb3duKT1cIm9uS2V5RG93bigkZXZlbnQua2V5Q29kZSlcIlxuICAgIGF0dHIuZGF0YS1lMmU9XCJ7eyBlMmVBdHRyIH19XCI+XG4gICAgPGRpdiAqbmdJZj1cImljb25DbGFzc1wiIFtjbGFzcy5jb2wtNF09XCJpc0hvcml6b250YWxMYXlvdXRcIiBjbGFzcz1cImV1aS1kYXNoYm9hcmQtY2FyZF9faWNvbi1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS1kYXNoYm9hcmQtY2FyZF9faWNvbi13cmFwcGVyIGV1aS1kYXNoYm9hcmQtY2FyZF9faWNvbi13cmFwcGVyLS17eyBpY29uVHlwZUNsYXNzIH19XCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInt7IGljb25DbGFzcyB9fSBldWktaWNvbi1mdyBldWktZGFzaGJvYXJkLWNhcmRfX2ljb24td3JhcHBlci1pY29uXCI+PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgKm5nSWY9XCJpbWFnZVVybFwiIFtjbGFzcy5jb2wtNF09XCJpc0hvcml6b250YWxMYXlvdXRcIiBjbGFzcz1cImV1aS1kYXNoYm9hcmQtY2FyZF9faW1hZ2UtY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldWktZGFzaGJvYXJkLWNhcmRfX2ltYWdlLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxpbWcgW3N0eWxlLmhlaWdodC5weF09XCJpbWFnZUhlaWdodFwiIFtzdHlsZS53aWR0aC5weF09XCJpbWFnZVdpZHRoXCIgc3JjPVwie3sgaW1hZ2VVcmwgfX1cIiBhbHQ9XCJ7eyBpbWFnZVVybCB9fVwiIC8+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImV1aS1kYXNoYm9hcmQtY2FyZF9fY29udGVudC13cmFwcGVyXCIgW2NsYXNzLmNvbC04XT1cImlzSG9yaXpvbnRhbExheW91dFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRhc2hib2FyZC1jYXJkX19jb250ZW50XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWRhc2hib2FyZC1jYXJkX19jb250ZW50LWxhYmVsIGV1aS1kYXNoYm9hcmQtY2FyZF9fY29udGVudC1sYWJlbC0tbGluZXMte3sgbGFiZWxNYXhMaW5lcyB9fVwiPlxuICAgICAgICAgICAgICAgIHt7IGxhYmVsIH19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJldWktZGFzaGJvYXJkLWNhcmRfX2NvbnRlbnQtc3ViLWxhYmVsIGV1aS1kYXNoYm9hcmQtY2FyZF9fY29udGVudC1zdWItbGFiZWwtLWxpbmVzLXt7IHN1YkxhYmVsTWF4TGluZXMgfX1cIj5cbiAgICAgICAgICAgICAgICB7eyBzdWJMYWJlbCB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIWlzQ2xpY2thYmxlXCIgY2xhc3M9XCJldWktZGFzaGJvYXJkLWNhcmRfX2NvbnRlbnQtbGlua1wiPlxuICAgICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwidXJsRXh0ZXJuYWxcIlxuICAgICAgICAgICAgICAgICAgICBocmVmPVwie3sgdXJsRXh0ZXJuYWwgfX1cIlxuICAgICAgICAgICAgICAgICAgICB0YXJnZXQ9XCJ7eyB1cmxFeHRlcm5hbFRhcmdldCB9fVwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLWJ1dHRvbiB7eyBidXR0b25TdHlsZUNsYXNzIH19XCJcbiAgICAgICAgICAgICAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgICAgICAgICAgICAgPnt7IGJ1dHRvbkxpbmtMYWJlbCB9fTwvYVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8YSAqbmdJZj1cInVybFwiIFtyb3V0ZXJMaW5rXT1cIlt1cmxdXCIgY2xhc3M9XCJldWktYnV0dG9uIHt7IGJ1dHRvblN0eWxlQ2xhc3MgfX1cIiB0YWJpbmRleD1cIjBcIj57eyBidXR0b25MaW5rTGFiZWwgfX08L2E+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -532,11 +532,11 @@ export class EuiDatepickerComponent extends BaseDirective {
|
|
|
532
532
|
this.isInputDisabled ? this.inputFormControl.disable() : this.inputFormControl.enable();
|
|
533
533
|
}
|
|
534
534
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiDatepickerComponent, deps: [{ token: i1.DateAdapter }, { token: i2.TranslateService }, { token: i3.LocaleService }, { token: i3.EuiAppShellService }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }, { token: i0.ViewContainerRef }, { token: forwardRef(() => EuiLetterFormatDirective), optional: true }, { token: i4.NgControl, optional: true, self: true }, { token: MAT_DATE_FORMATS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
535
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiDatepickerComponent, selector: "eui-datepicker", inputs: { styleClass: "styleClass", value: "value", togglerIcon: "togglerIcon", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", placeholder: "placeholder", type: "type", startView: "startView", e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", datepickerFilter: "datepickerFilter", dateOutputFormat: "dateOutputFormat", customHeader: "customHeader", dateClass: "dateClass", isDatetimepicker: "isDatetimepicker", hasSeconds: "hasSeconds", isOneInputField: "isOneInputField", hasNoButton: "hasNoButton", isDatepickerBlock: "isDatepickerBlock", isReadOnly: "isReadOnly", isDisabled: "isDisabled", isInputDisabled: "isInputDisabled", isButtonDisabled: "isButtonDisabled", isPickerDisabled: "isPickerDisabled", isClearable: "isClearable", restrictToRegex: "restrictToRegex" }, outputs: { inputChange: "inputChange", dateSelect: "dateSelect" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiActionButtons", first: true, predicate: i0.forwardRef(() => EuiActionButtonsDirective), descendants: true }], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, static: true }, { propertyName: "templatePortalRef", first: true, predicate: ["templatePortalRef"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-datepicker__wrapper {{ styleClass }}\" [class.eui-datepicker__wrapper--responsive]=\"isDatepickerBlock\">\n <div euiInputGroup>\n <div class=\"eui-input-group-addon\">\n <input\n euiInputText\n [readonly]=\"isReadOnly\"\n [euiClearable]=\"isClearable\"\n (clear)=\"onClear()\"\n [class.eui-datepicker--no-button]=\"hasNoButton\"\n [class.eui-datepicker--long-format]=\"!isDatepickerBlock && (isDatetimepicker || euiLetterFormat)\"\n [class.eui-datepicker--block]=\"isDatepickerBlock\"\n [formControl]=\"inputFormControl\"\n [matDatepicker]=\"calendar\"\n placeholder=\"{{ placeholder }}\"\n (dateInput)=\"onDateInput($event)\"\n (dateChange)=\"onDateChange($event)\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [matDatepickerFilter]=\"datepickerFilter\"\n (click)=\"openCalendar()\"\n autocomplete=\"off\"\n aria-label=\"Date Input Field\"\n (keypress)=\"onKeypress($event)\"\n (change)=\"isDatetimepicker ? changedInput($event) : null\" />\n <mat-datepicker\n #calendar\n panelClass=\"mat-calendar-{{ type }}\"\n [startView]=\"type === 'regular' ? (startView ? startView : convTypeToStartView(type)) : convTypeToStartView(type)\"\n (yearSelected)=\"type === 'year' ? chosenDateHandler($event, calendar) : null\"\n (monthSelected)=\"type === 'month' ? chosenDateHandler($event, calendar) : null\"\n [touchUi]=\"breakpointsValue.isTablet || breakpointsValue.isMobile\"\n [panelClass]=\"isDatetimepicker ? 'eui-datepicker--container-height-large' : null\"\n [disabled]=\"isPickerDisabled\"\n [calendarHeaderComponent]=\"customHeader\"\n [dateClass]=\"dateClass\"\n (opened)=\"onOpened()\">\n </mat-datepicker>\n <button\n *ngIf=\"!hasNoButton && showDateButton\"\n (click)=\"openCalendar()\"\n euiButton\n type=\"button\"\n euiSecondary\n [euiIconButton]=\"!togglerLabel\"\n [euiDisabled]=\"isButtonDisabled\"\n aria-haspopup=\"dialog\">\n <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n </ng-container>\n <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n </button>\n </div>\n </div>\n</div>\n\n<ng-template #templatePortalRef>\n <ng-content select=\"eui-action-buttons\"></ng-content>\n</ng-template>\n", styles: [":host.eui-datepicker{display:flex;width:100%}.eui-datepicker{display:flex;width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group-addon{width:unset}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-base-border-radius);border-top-right-radius:var(--eui-base-border-radius)}.eui-datepicker .eui-datepicker__wrapper .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper--responsive,.eui-datepicker .eui-datepicker__wrapper--responsive .eui-input-group-addon{width:100%}.eui-datepicker--container-height-large{height:auto!important}.eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-xs)}.eui-datepicker__actions-cancel-button{margin-right:var(--eui-base-spacing-m)}.mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:-moz-fit-content!important;max-height:fit-content!important}.mat-mdc-icon-button:disabled{color:var(--eui-base-color-grey-
|
|
535
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiDatepickerComponent, selector: "eui-datepicker", inputs: { styleClass: "styleClass", value: "value", togglerIcon: "togglerIcon", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", placeholder: "placeholder", type: "type", startView: "startView", e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", datepickerFilter: "datepickerFilter", dateOutputFormat: "dateOutputFormat", customHeader: "customHeader", dateClass: "dateClass", isDatetimepicker: "isDatetimepicker", hasSeconds: "hasSeconds", isOneInputField: "isOneInputField", hasNoButton: "hasNoButton", isDatepickerBlock: "isDatepickerBlock", isReadOnly: "isReadOnly", isDisabled: "isDisabled", isInputDisabled: "isInputDisabled", isButtonDisabled: "isButtonDisabled", isPickerDisabled: "isPickerDisabled", isClearable: "isClearable", restrictToRegex: "restrictToRegex" }, outputs: { inputChange: "inputChange", dateSelect: "dateSelect" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiActionButtons", first: true, predicate: i0.forwardRef(() => EuiActionButtonsDirective), descendants: true }], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, static: true }, { propertyName: "templatePortalRef", first: true, predicate: ["templatePortalRef"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-datepicker__wrapper {{ styleClass }}\" [class.eui-datepicker__wrapper--responsive]=\"isDatepickerBlock\">\n <div euiInputGroup>\n <div class=\"eui-input-group-addon\">\n <input\n euiInputText\n [readonly]=\"isReadOnly\"\n [euiClearable]=\"isClearable\"\n (clear)=\"onClear()\"\n [class.eui-datepicker--no-button]=\"hasNoButton\"\n [class.eui-datepicker--long-format]=\"!isDatepickerBlock && (isDatetimepicker || euiLetterFormat)\"\n [class.eui-datepicker--block]=\"isDatepickerBlock\"\n [formControl]=\"inputFormControl\"\n [matDatepicker]=\"calendar\"\n placeholder=\"{{ placeholder }}\"\n (dateInput)=\"onDateInput($event)\"\n (dateChange)=\"onDateChange($event)\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [matDatepickerFilter]=\"datepickerFilter\"\n (click)=\"openCalendar()\"\n autocomplete=\"off\"\n aria-label=\"Date Input Field\"\n (keypress)=\"onKeypress($event)\"\n (change)=\"isDatetimepicker ? changedInput($event) : null\" />\n <mat-datepicker\n #calendar\n panelClass=\"mat-calendar-{{ type }}\"\n [startView]=\"type === 'regular' ? (startView ? startView : convTypeToStartView(type)) : convTypeToStartView(type)\"\n (yearSelected)=\"type === 'year' ? chosenDateHandler($event, calendar) : null\"\n (monthSelected)=\"type === 'month' ? chosenDateHandler($event, calendar) : null\"\n [touchUi]=\"breakpointsValue.isTablet || breakpointsValue.isMobile\"\n [panelClass]=\"isDatetimepicker ? 'eui-datepicker--container-height-large' : null\"\n [disabled]=\"isPickerDisabled\"\n [calendarHeaderComponent]=\"customHeader\"\n [dateClass]=\"dateClass\"\n (opened)=\"onOpened()\">\n </mat-datepicker>\n <button\n *ngIf=\"!hasNoButton && showDateButton\"\n (click)=\"openCalendar()\"\n euiButton\n type=\"button\"\n euiSecondary\n [euiIconButton]=\"!togglerLabel\"\n [euiDisabled]=\"isButtonDisabled\"\n aria-haspopup=\"dialog\">\n <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n </ng-container>\n <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n </button>\n </div>\n </div>\n</div>\n\n<ng-template #templatePortalRef>\n <ng-content select=\"eui-action-buttons\"></ng-content>\n</ng-template>\n", styles: [":host.eui-datepicker{display:flex;width:100%}.eui-datepicker{display:flex;width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group-addon{width:unset}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-base-border-radius);border-top-right-radius:var(--eui-base-border-radius)}.eui-datepicker .eui-datepicker__wrapper .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper--responsive,.eui-datepicker .eui-datepicker__wrapper--responsive .eui-input-group-addon{width:100%}.eui-datepicker--container-height-large{height:auto!important}.eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-xs)}.eui-datepicker__actions-cancel-button{margin-right:var(--eui-base-spacing-m)}.mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:-moz-fit-content!important;max-height:fit-content!important}.mat-mdc-icon-button:disabled{color:var(--eui-base-color-grey-50)!important}.eui-datepicker--primary input{background-color:var(--eui-base-color-primary-10)}.eui-datepicker--secondary input{background-color:var(--eui-base-color-grey-10)}.eui-datepicker--info input{background-color:var(--eui-base-color-info-10)}.eui-datepicker--success input{background-color:var(--eui-base-color-success-10)}.eui-datepicker--warning input{background-color:var(--eui-base-color-warning-10)}.eui-datepicker--danger input{background-color:var(--eui-base-color-danger-10)}.eui-datepicker--accent input{background-color:var(--eui-base-color-accent-10)}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i7.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i8.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i8.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i9.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: i10.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
536
536
|
}
|
|
537
537
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiDatepickerComponent, decorators: [{
|
|
538
538
|
type: Component,
|
|
539
|
-
args: [{ selector: 'eui-datepicker', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-datepicker__wrapper {{ styleClass }}\" [class.eui-datepicker__wrapper--responsive]=\"isDatepickerBlock\">\n <div euiInputGroup>\n <div class=\"eui-input-group-addon\">\n <input\n euiInputText\n [readonly]=\"isReadOnly\"\n [euiClearable]=\"isClearable\"\n (clear)=\"onClear()\"\n [class.eui-datepicker--no-button]=\"hasNoButton\"\n [class.eui-datepicker--long-format]=\"!isDatepickerBlock && (isDatetimepicker || euiLetterFormat)\"\n [class.eui-datepicker--block]=\"isDatepickerBlock\"\n [formControl]=\"inputFormControl\"\n [matDatepicker]=\"calendar\"\n placeholder=\"{{ placeholder }}\"\n (dateInput)=\"onDateInput($event)\"\n (dateChange)=\"onDateChange($event)\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [matDatepickerFilter]=\"datepickerFilter\"\n (click)=\"openCalendar()\"\n autocomplete=\"off\"\n aria-label=\"Date Input Field\"\n (keypress)=\"onKeypress($event)\"\n (change)=\"isDatetimepicker ? changedInput($event) : null\" />\n <mat-datepicker\n #calendar\n panelClass=\"mat-calendar-{{ type }}\"\n [startView]=\"type === 'regular' ? (startView ? startView : convTypeToStartView(type)) : convTypeToStartView(type)\"\n (yearSelected)=\"type === 'year' ? chosenDateHandler($event, calendar) : null\"\n (monthSelected)=\"type === 'month' ? chosenDateHandler($event, calendar) : null\"\n [touchUi]=\"breakpointsValue.isTablet || breakpointsValue.isMobile\"\n [panelClass]=\"isDatetimepicker ? 'eui-datepicker--container-height-large' : null\"\n [disabled]=\"isPickerDisabled\"\n [calendarHeaderComponent]=\"customHeader\"\n [dateClass]=\"dateClass\"\n (opened)=\"onOpened()\">\n </mat-datepicker>\n <button\n *ngIf=\"!hasNoButton && showDateButton\"\n (click)=\"openCalendar()\"\n euiButton\n type=\"button\"\n euiSecondary\n [euiIconButton]=\"!togglerLabel\"\n [euiDisabled]=\"isButtonDisabled\"\n aria-haspopup=\"dialog\">\n <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n </ng-container>\n <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n </button>\n </div>\n </div>\n</div>\n\n<ng-template #templatePortalRef>\n <ng-content select=\"eui-action-buttons\"></ng-content>\n</ng-template>\n", styles: [":host.eui-datepicker{display:flex;width:100%}.eui-datepicker{display:flex;width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group-addon{width:unset}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-base-border-radius);border-top-right-radius:var(--eui-base-border-radius)}.eui-datepicker .eui-datepicker__wrapper .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper--responsive,.eui-datepicker .eui-datepicker__wrapper--responsive .eui-input-group-addon{width:100%}.eui-datepicker--container-height-large{height:auto!important}.eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-xs)}.eui-datepicker__actions-cancel-button{margin-right:var(--eui-base-spacing-m)}.mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:-moz-fit-content!important;max-height:fit-content!important}.mat-mdc-icon-button:disabled{color:var(--eui-base-color-grey-
|
|
539
|
+
args: [{ selector: 'eui-datepicker', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-datepicker__wrapper {{ styleClass }}\" [class.eui-datepicker__wrapper--responsive]=\"isDatepickerBlock\">\n <div euiInputGroup>\n <div class=\"eui-input-group-addon\">\n <input\n euiInputText\n [readonly]=\"isReadOnly\"\n [euiClearable]=\"isClearable\"\n (clear)=\"onClear()\"\n [class.eui-datepicker--no-button]=\"hasNoButton\"\n [class.eui-datepicker--long-format]=\"!isDatepickerBlock && (isDatetimepicker || euiLetterFormat)\"\n [class.eui-datepicker--block]=\"isDatepickerBlock\"\n [formControl]=\"inputFormControl\"\n [matDatepicker]=\"calendar\"\n placeholder=\"{{ placeholder }}\"\n (dateInput)=\"onDateInput($event)\"\n (dateChange)=\"onDateChange($event)\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [matDatepickerFilter]=\"datepickerFilter\"\n (click)=\"openCalendar()\"\n autocomplete=\"off\"\n aria-label=\"Date Input Field\"\n (keypress)=\"onKeypress($event)\"\n (change)=\"isDatetimepicker ? changedInput($event) : null\" />\n <mat-datepicker\n #calendar\n panelClass=\"mat-calendar-{{ type }}\"\n [startView]=\"type === 'regular' ? (startView ? startView : convTypeToStartView(type)) : convTypeToStartView(type)\"\n (yearSelected)=\"type === 'year' ? chosenDateHandler($event, calendar) : null\"\n (monthSelected)=\"type === 'month' ? chosenDateHandler($event, calendar) : null\"\n [touchUi]=\"breakpointsValue.isTablet || breakpointsValue.isMobile\"\n [panelClass]=\"isDatetimepicker ? 'eui-datepicker--container-height-large' : null\"\n [disabled]=\"isPickerDisabled\"\n [calendarHeaderComponent]=\"customHeader\"\n [dateClass]=\"dateClass\"\n (opened)=\"onOpened()\">\n </mat-datepicker>\n <button\n *ngIf=\"!hasNoButton && showDateButton\"\n (click)=\"openCalendar()\"\n euiButton\n type=\"button\"\n euiSecondary\n [euiIconButton]=\"!togglerLabel\"\n [euiDisabled]=\"isButtonDisabled\"\n aria-haspopup=\"dialog\">\n <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n </ng-container>\n <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n </button>\n </div>\n </div>\n</div>\n\n<ng-template #templatePortalRef>\n <ng-content select=\"eui-action-buttons\"></ng-content>\n</ng-template>\n", styles: [":host.eui-datepicker{display:flex;width:100%}.eui-datepicker{display:flex;width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group-addon{width:unset}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-base-border-radius);border-top-right-radius:var(--eui-base-border-radius)}.eui-datepicker .eui-datepicker__wrapper .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper--responsive,.eui-datepicker .eui-datepicker__wrapper--responsive .eui-input-group-addon{width:100%}.eui-datepicker--container-height-large{height:auto!important}.eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-xs)}.eui-datepicker__actions-cancel-button{margin-right:var(--eui-base-spacing-m)}.mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:-moz-fit-content!important;max-height:fit-content!important}.mat-mdc-icon-button:disabled{color:var(--eui-base-color-grey-50)!important}.eui-datepicker--primary input{background-color:var(--eui-base-color-primary-10)}.eui-datepicker--secondary input{background-color:var(--eui-base-color-grey-10)}.eui-datepicker--info input{background-color:var(--eui-base-color-info-10)}.eui-datepicker--success input{background-color:var(--eui-base-color-success-10)}.eui-datepicker--warning input{background-color:var(--eui-base-color-warning-10)}.eui-datepicker--danger input{background-color:var(--eui-base-color-danger-10)}.eui-datepicker--accent input{background-color:var(--eui-base-color-accent-10)}\n"] }]
|
|
540
540
|
}], ctorParameters: () => [{ type: i1.DateAdapter }, { type: i2.TranslateService }, { type: i3.LocaleService }, { type: i3.EuiAppShellService }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: i0.ViewContainerRef }, { type: EuiLetterFormatDirective, decorators: [{
|
|
541
541
|
type: Optional
|
|
542
542
|
}, {
|