@eui/components 18.0.0-next.29 → 18.0.0-next.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/classes/EuiMessageBoxConfig.html +1 -1
- package/docs/components/EuiAlertComponent.html +1 -1
- package/docs/components/EuiButtonComponent.html +1 -1
- package/docs/components/EuiDialogComponent.html +96 -687
- package/docs/components/EuiDialogContainerComponent.html +1 -1
- package/docs/components/EuiMenuItemComponent.html +1 -1
- package/docs/components/EuiMessageBoxComponent.html +123 -1227
- package/docs/components/EuiPopoverComponent.html +81 -995
- package/docs/components/EuiTabComponent.html +88 -1004
- package/docs/components/EuiTabContentComponent.html +5 -78
- package/docs/components/EuiTableComponent.html +586 -2166
- package/docs/components/EuiTableFilterComponent.html +122 -787
- package/docs/components/EuiTableSelectableHeaderComponent.html +11 -141
- package/docs/components/EuiTableSelectableRowComponent.html +11 -125
- package/docs/components/EuiTableSortableColComponent.html +23 -263
- package/docs/components/EuiTabsComponent.html +21 -265
- package/docs/dependencies.html +1 -1
- package/docs/interfaces/EuiDialogInterface.html +2 -2
- package/docs/js/menu-wc.js +6 -6
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +2 -2
- package/esm2022/eui-alert/eui-alert.component.mjs +4 -3
- package/esm2022/eui-avatar/eui-avatar.component.mjs +2 -2
- package/esm2022/eui-badge/eui-badge.component.mjs +2 -2
- package/esm2022/eui-block-content/eui-block-content.component.mjs +2 -2
- package/esm2022/eui-button/eui-button.component.mjs +4 -5
- package/esm2022/eui-button-group/eui-button-group.component.mjs +1 -1
- package/esm2022/eui-button-v2/eui-button-v2.component.mjs +2 -2
- package/esm2022/eui-card/eui-card.component.mjs +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +2 -2
- package/esm2022/eui-chip-list/eui-chip-list.component.mjs +2 -6
- package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +10 -10
- package/esm2022/eui-dialog/eui-dialog.component.mjs +29 -33
- package/esm2022/eui-dialog/models/eui-dialog.config.mjs +1 -1
- package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +2 -2
- package/esm2022/eui-ecl-date-block/eui-ecl-date-block.component.mjs +2 -2
- package/esm2022/eui-ecl-label/eui-ecl-label.component.mjs +2 -2
- package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs +2 -2
- package/esm2022/eui-fieldset/eui-fieldset.component.mjs +2 -2
- package/esm2022/eui-file-upload/eui-file-upload.component.mjs +2 -2
- package/esm2022/eui-growl/eui-growl.component.mjs +2 -2
- 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-language-selector/language-selector.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 +4 -4
- package/esm2022/eui-menu/eui-menu.component.mjs +2 -2
- package/esm2022/eui-message-box/eui-message-box.component.mjs +51 -110
- package/esm2022/eui-message-box/models/eui-message-box.config.mjs +1 -1
- package/esm2022/eui-page/eui-page.component.mjs +2 -2
- package/esm2022/eui-popover/eui-popover.component.mjs +50 -72
- package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +2 -2
- package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +2 -2
- package/esm2022/eui-table/eui-table.component.mjs +82 -160
- package/esm2022/eui-table/filter/eui-table-filter.component.mjs +28 -32
- package/esm2022/eui-table/selectable-header/eui-table-selectable-header.component.mjs +12 -25
- package/esm2022/eui-table/selectable-row/eui-table-selectable-row.component.mjs +12 -25
- package/esm2022/eui-table/sortable-col/eui-table-sortable-col.component.mjs +20 -43
- package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +44 -59
- package/esm2022/eui-tabs/eui-tab-content/eui-tab-content.component.mjs +6 -12
- package/esm2022/eui-tabs/eui-tabs.component.mjs +22 -45
- package/esm2022/eui-timebar/eui-timebar.component.mjs +2 -2
- package/esm2022/eui-timepicker/eui-timepicker.component.mjs +2 -2
- package/esm2022/eui-tree-list/eui-tree-list.component.mjs +2 -2
- package/esm2022/eui-wizard/eui-wizard-step.component.mjs +2 -2
- package/esm2022/eui-wizard/eui-wizard.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 +2 -2
- package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +2 -2
- package/esm2022/layout/eui-footer/footer.component.mjs +2 -2
- package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +2 -2
- package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +2 -2
- package/esm2022/layout/eui-search/search.component.mjs +2 -2
- 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/base/base-states.directive.mjs +2 -1
- package/eui-alert/eui-alert.component.d.ts.map +1 -1
- package/eui-button/eui-button.component.d.ts.map +1 -1
- package/eui-button-group/eui-button-group.component.d.ts.map +1 -1
- package/eui-chip-list/eui-chip-list.component.d.ts.map +1 -1
- package/eui-dialog/eui-dialog.component.d.ts +11 -6
- package/eui-dialog/eui-dialog.component.d.ts.map +1 -1
- package/eui-dialog/models/eui-dialog.config.d.ts +1 -1
- package/eui-dialog/models/eui-dialog.config.d.ts.map +1 -1
- package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
- package/eui-message-box/eui-message-box.component.d.ts +26 -42
- package/eui-message-box/eui-message-box.component.d.ts.map +1 -1
- package/eui-message-box/models/eui-message-box.config.d.ts +1 -1
- package/eui-message-box/models/eui-message-box.config.d.ts.map +1 -1
- package/eui-popover/eui-popover.component.d.ts +18 -21
- package/eui-popover/eui-popover.component.d.ts.map +1 -1
- package/eui-table/eui-table.component.d.ts +36 -51
- package/eui-table/eui-table.component.d.ts.map +1 -1
- package/eui-table/filter/eui-table-filter.component.d.ts +9 -9
- package/eui-table/filter/eui-table-filter.component.d.ts.map +1 -1
- package/eui-table/selectable-header/eui-table-selectable-header.component.d.ts +4 -7
- package/eui-table/selectable-header/eui-table-selectable-header.component.d.ts.map +1 -1
- package/eui-table/selectable-row/eui-table-selectable-row.component.d.ts +4 -7
- package/eui-table/selectable-row/eui-table-selectable-row.component.d.ts.map +1 -1
- package/eui-table/sortable-col/eui-table-sortable-col.component.d.ts +10 -16
- package/eui-table/sortable-col/eui-table-sortable-col.component.d.ts.map +1 -1
- package/eui-tabs/eui-tab/eui-tab.component.d.ts +18 -23
- package/eui-tabs/eui-tab/eui-tab.component.d.ts.map +1 -1
- package/eui-tabs/eui-tab-content/eui-tab-content.component.d.ts +2 -4
- package/eui-tabs/eui-tab-content/eui-tab-content.component.d.ts.map +1 -1
- package/eui-tabs/eui-tabs.component.d.ts +8 -13
- package/eui-tabs/eui-tabs.component.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +2 -2
- package/fesm2022/eui-components-eui-alert.mjs +11 -10
- package/fesm2022/eui-components-eui-alert.mjs.map +2 -2
- package/fesm2022/eui-components-eui-avatar.mjs +2 -2
- package/fesm2022/eui-components-eui-badge.mjs +2 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-content.mjs +2 -2
- package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button-group.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs +3 -4
- package/fesm2022/eui-components-eui-button.mjs.map +2 -2
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip-list.mjs +1 -5
- package/fesm2022/eui-components-eui-chip-list.mjs.map +2 -2
- package/fesm2022/eui-components-eui-chip.mjs +2 -2
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs +236 -212
- package/fesm2022/eui-components-eui-dialog.mjs.map +2 -2
- package/fesm2022/eui-components-eui-discussion-thread.mjs +2 -2
- package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
- package/fesm2022/eui-components-eui-ecl-date-block.mjs +2 -2
- package/fesm2022/eui-components-eui-ecl-date-block.mjs.map +1 -1
- package/fesm2022/eui-components-eui-ecl-label.mjs +2 -2
- package/fesm2022/eui-components-eui-ecl-label.mjs.map +1 -1
- package/fesm2022/eui-components-eui-feedback-message.mjs +2 -2
- package/fesm2022/eui-components-eui-fieldset.mjs +2 -2
- package/fesm2022/eui-components-eui-file-upload.mjs +2 -2
- package/fesm2022/eui-components-eui-file-upload.mjs.map +1 -1
- package/fesm2022/eui-components-eui-growl.mjs +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-label.mjs +2 -2
- package/fesm2022/eui-components-eui-language-selector.mjs +2 -2
- package/fesm2022/eui-components-eui-language-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-list.mjs +4 -4
- package/fesm2022/eui-components-eui-menu.mjs +23 -27
- package/fesm2022/eui-components-eui-menu.mjs.map +2 -2
- package/fesm2022/eui-components-eui-message-box.mjs +49 -105
- package/fesm2022/eui-components-eui-message-box.mjs.map +2 -2
- package/fesm2022/eui-components-eui-page.mjs +2 -2
- package/fesm2022/eui-components-eui-page.mjs.map +1 -1
- package/fesm2022/eui-components-eui-popover.mjs +49 -150
- package/fesm2022/eui-components-eui-popover.mjs.map +2 -2
- package/fesm2022/eui-components-eui-progress-bar.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-bar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-circle.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +254 -418
- package/fesm2022/eui-components-eui-table.mjs.map +3 -3
- package/fesm2022/eui-components-eui-tabs.mjs +72 -116
- package/fesm2022/eui-components-eui-tabs.mjs.map +3 -3
- package/fesm2022/eui-components-eui-timebar.mjs +2 -2
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timepicker.mjs +2 -2
- package/fesm2022/eui-components-eui-timepicker.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
- package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
- package/fesm2022/eui-components-eui-wizard.mjs +4 -4
- package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
- 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 +16 -16
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/fesm2022/eui-components-shared.mjs +1 -1
- package/fesm2022/eui-components-shared.mjs.map +2 -2
- package/package.json +3 -3
- package/shared/base/base-states.directive.d.ts.map +1 -1
|
@@ -96,12 +96,12 @@ var EuiTooltipContainerComponent = class _EuiTooltipContainerComponent {
|
|
|
96
96
|
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i02, type: _EuiTooltipContainerComponent, deps: [{ token: TOOLTIP_CONTAINER_CONFIG }], target: i02.ɵɵFactoryTarget.Component });
|
|
97
97
|
}
|
|
98
98
|
static {
|
|
99
|
-
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiTooltipContainerComponent, selector: "eui-tooltip-container.component", host: { properties: { "attr.data-e2e": "this.e2e", "class": "this.cssClasses", "@showHide": "this.showHide" } }, ngImport: i02, template: '<div [innerHTML]="config.tooltipContent"></div>\n', styles: ['.eui-tooltip__container{background-color:transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip{margin-bottom:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip:before{border-color:var(--eui-base-color-grey-100) transparent transparent transparent;left:calc(50% - 8px);transform:translateY(16px)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary:before{border-color:var(--eui-base-color-primary-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info:before{border-color:var(--eui-base-color-info-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success:before{border-color:var(--eui-base-color-success-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning:before{border-color:var(--eui-base-color-warning-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger:before{border-color:var(--eui-base-color-danger-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent:before{border-color:var(--eui-base-color-accent-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip{margin-top:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip:before{border-color:transparent transparent var(--eui-base-color-grey-100) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary:before{border-color:transparent transparent var(--eui-base-color-primary-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info:before{border-color:transparent transparent var(--eui-base-color-info-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success:before{border-color:transparent transparent var(--eui-base-color-success-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning:before{border-color:transparent transparent var(--eui-base-color-warning-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger:before{border-color:transparent transparent var(--eui-base-color-danger-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent:before{border-color:transparent transparent var(--eui-base-color-accent-100) transparent}.eui-tooltip__container.eui-tooltip--left .eui-tooltip,.eui-tooltip__container.eui-tooltip--before .eui-tooltip{margin-right:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip:before{border-color:transparent transparent transparent var(--eui-base-color-grey-100);right:-8px;top:50%;transform:translate(8px,-8px)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary:before{border-color:transparent transparent transparent var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info:before{border-color:transparent transparent transparent var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success:before{border-color:transparent transparent transparent var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning:before{border-color:transparent transparent transparent var(--eui-base-color-warning-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger:before{border-color:transparent transparent transparent var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent:before{border-color:transparent transparent transparent var(--eui-base-color-accent-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip,.eui-tooltip__container.eui-tooltip--after .eui-tooltip{margin-left:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip:before{border-color:transparent var(--eui-base-color-grey-100) transparent transparent;left:-8px;top:50%;transform:translate(-8px,-8px)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary:before{border-color:transparent var(--eui-base-color-primary-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info:before{border-color:transparent var(--eui-base-color-info-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success:before{border-color:transparent var(--eui-base-color-success-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning:before{border-color:transparent var(--eui-base-color-warning-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger:before{border-color:transparent var(--eui-base-color-danger-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent:before{border-color:transparent var(--eui-base-color-accent-100) transparent transparent}.eui-tooltip__container .eui-tooltip{background-color:var(--eui-base-color-grey-100);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-4);color:var(--eui-base-color-white);letter-spacing:.05em;max-width:50vw;padding:var(--eui-base-spacing-xs);white-space:pre-line;font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-tooltip__container .eui-tooltip:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:"";display:block;height:0;position:absolute;width:0}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-left{text-align:left}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-right{text-align:right}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-center{text-align:center}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-justify{text-align:justify}.eui-tooltip__container .eui-tooltip--primary{background-color:var(--eui-base-color-primary-
|
|
99
|
+
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiTooltipContainerComponent, selector: "eui-tooltip-container.component", host: { properties: { "attr.data-e2e": "this.e2e", "class": "this.cssClasses", "@showHide": "this.showHide" } }, ngImport: i02, template: '<div [innerHTML]="config.tooltipContent"></div>\n', styles: ['.eui-tooltip__container{background-color:transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip{margin-bottom:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip:before{border-color:var(--eui-base-color-grey-100) transparent transparent transparent;left:calc(50% - 8px);transform:translateY(16px)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary:before{border-color:var(--eui-base-color-primary-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info:before{border-color:var(--eui-base-color-info-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success:before{border-color:var(--eui-base-color-success-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning:before{border-color:var(--eui-base-color-warning-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger:before{border-color:var(--eui-base-color-danger-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent:before{border-color:var(--eui-base-color-accent-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip{margin-top:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip:before{border-color:transparent transparent var(--eui-base-color-grey-100) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary:before{border-color:transparent transparent var(--eui-base-color-primary-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info:before{border-color:transparent transparent var(--eui-base-color-info-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success:before{border-color:transparent transparent var(--eui-base-color-success-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning:before{border-color:transparent transparent var(--eui-base-color-warning-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger:before{border-color:transparent transparent var(--eui-base-color-danger-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent:before{border-color:transparent transparent var(--eui-base-color-accent-100) transparent}.eui-tooltip__container.eui-tooltip--left .eui-tooltip,.eui-tooltip__container.eui-tooltip--before .eui-tooltip{margin-right:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip:before{border-color:transparent transparent transparent var(--eui-base-color-grey-100);right:-8px;top:50%;transform:translate(8px,-8px)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary:before{border-color:transparent transparent transparent var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info:before{border-color:transparent transparent transparent var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success:before{border-color:transparent transparent transparent var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning:before{border-color:transparent transparent transparent var(--eui-base-color-warning-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger:before{border-color:transparent transparent transparent var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent:before{border-color:transparent transparent transparent var(--eui-base-color-accent-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip,.eui-tooltip__container.eui-tooltip--after .eui-tooltip{margin-left:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip:before{border-color:transparent var(--eui-base-color-grey-100) transparent transparent;left:-8px;top:50%;transform:translate(-8px,-8px)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary:before{border-color:transparent var(--eui-base-color-primary-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info:before{border-color:transparent var(--eui-base-color-info-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success:before{border-color:transparent var(--eui-base-color-success-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning:before{border-color:transparent var(--eui-base-color-warning-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger:before{border-color:transparent var(--eui-base-color-danger-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent:before{border-color:transparent var(--eui-base-color-accent-100) transparent transparent}.eui-tooltip__container .eui-tooltip{background-color:var(--eui-base-color-grey-100);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-4);color:var(--eui-base-color-white);letter-spacing:.05em;max-width:50vw;padding:var(--eui-base-spacing-xs);white-space:pre-line;font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-tooltip__container .eui-tooltip:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:"";display:block;height:0;position:absolute;width:0}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-left{text-align:left}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-right{text-align:right}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-center{text-align:center}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-justify{text-align:justify}.eui-tooltip__container .eui-tooltip--primary{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-tooltip__container .eui-tooltip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-tooltip__container .eui-tooltip--info{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}.eui-tooltip__container .eui-tooltip--info .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-tooltip__container .eui-tooltip--success{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}.eui-tooltip__container .eui-tooltip--success .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-tooltip__container .eui-tooltip--warning{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}.eui-tooltip__container .eui-tooltip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-tooltip__container .eui-tooltip--danger{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}.eui-tooltip__container .eui-tooltip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-tooltip__container .eui-tooltip--accent{background-color:var(--eui-base-color-accent-120);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-120-contrast)}.eui-tooltip__container .eui-tooltip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-120-contrast);fill:var(--eui-base-color-accent-120-contrast)}\n'], animations: [showHide], changeDetection: i02.ChangeDetectionStrategy.OnPush, encapsulation: i02.ViewEncapsulation.None });
|
|
100
100
|
}
|
|
101
101
|
};
|
|
102
102
|
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i02, type: EuiTooltipContainerComponent, decorators: [{
|
|
103
103
|
type: Component,
|
|
104
|
-
args: [{ selector: "eui-tooltip-container.component", animations: [showHide], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<div [innerHTML]="config.tooltipContent"></div>\n', styles: ['.eui-tooltip__container{background-color:transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip{margin-bottom:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip:before{border-color:var(--eui-base-color-grey-100) transparent transparent transparent;left:calc(50% - 8px);transform:translateY(16px)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary:before{border-color:var(--eui-base-color-primary-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info:before{border-color:var(--eui-base-color-info-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success:before{border-color:var(--eui-base-color-success-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning:before{border-color:var(--eui-base-color-warning-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger:before{border-color:var(--eui-base-color-danger-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent:before{border-color:var(--eui-base-color-accent-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip{margin-top:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip:before{border-color:transparent transparent var(--eui-base-color-grey-100) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary:before{border-color:transparent transparent var(--eui-base-color-primary-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info:before{border-color:transparent transparent var(--eui-base-color-info-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success:before{border-color:transparent transparent var(--eui-base-color-success-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning:before{border-color:transparent transparent var(--eui-base-color-warning-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger:before{border-color:transparent transparent var(--eui-base-color-danger-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent:before{border-color:transparent transparent var(--eui-base-color-accent-100) transparent}.eui-tooltip__container.eui-tooltip--left .eui-tooltip,.eui-tooltip__container.eui-tooltip--before .eui-tooltip{margin-right:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip:before{border-color:transparent transparent transparent var(--eui-base-color-grey-100);right:-8px;top:50%;transform:translate(8px,-8px)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary:before{border-color:transparent transparent transparent var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info:before{border-color:transparent transparent transparent var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success:before{border-color:transparent transparent transparent var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning:before{border-color:transparent transparent transparent var(--eui-base-color-warning-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger:before{border-color:transparent transparent transparent var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent:before{border-color:transparent transparent transparent var(--eui-base-color-accent-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip,.eui-tooltip__container.eui-tooltip--after .eui-tooltip{margin-left:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip:before{border-color:transparent var(--eui-base-color-grey-100) transparent transparent;left:-8px;top:50%;transform:translate(-8px,-8px)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary:before{border-color:transparent var(--eui-base-color-primary-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info:before{border-color:transparent var(--eui-base-color-info-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success:before{border-color:transparent var(--eui-base-color-success-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning:before{border-color:transparent var(--eui-base-color-warning-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger:before{border-color:transparent var(--eui-base-color-danger-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent:before{border-color:transparent var(--eui-base-color-accent-100) transparent transparent}.eui-tooltip__container .eui-tooltip{background-color:var(--eui-base-color-grey-100);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-4);color:var(--eui-base-color-white);letter-spacing:.05em;max-width:50vw;padding:var(--eui-base-spacing-xs);white-space:pre-line;font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-tooltip__container .eui-tooltip:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:"";display:block;height:0;position:absolute;width:0}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-left{text-align:left}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-right{text-align:right}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-center{text-align:center}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-justify{text-align:justify}.eui-tooltip__container .eui-tooltip--primary{background-color:var(--eui-base-color-primary-
|
|
104
|
+
args: [{ selector: "eui-tooltip-container.component", animations: [showHide], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<div [innerHTML]="config.tooltipContent"></div>\n', styles: ['.eui-tooltip__container{background-color:transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip{margin-bottom:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip:before{border-color:var(--eui-base-color-grey-100) transparent transparent transparent;left:calc(50% - 8px);transform:translateY(16px)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary:before{border-color:var(--eui-base-color-primary-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info:before{border-color:var(--eui-base-color-info-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success:before{border-color:var(--eui-base-color-success-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning:before{border-color:var(--eui-base-color-warning-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger:before{border-color:var(--eui-base-color-danger-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent:before{border-color:var(--eui-base-color-accent-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip{margin-top:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip:before{border-color:transparent transparent var(--eui-base-color-grey-100) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary:before{border-color:transparent transparent var(--eui-base-color-primary-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info:before{border-color:transparent transparent var(--eui-base-color-info-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success:before{border-color:transparent transparent var(--eui-base-color-success-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning:before{border-color:transparent transparent var(--eui-base-color-warning-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger:before{border-color:transparent transparent var(--eui-base-color-danger-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent:before{border-color:transparent transparent var(--eui-base-color-accent-100) transparent}.eui-tooltip__container.eui-tooltip--left .eui-tooltip,.eui-tooltip__container.eui-tooltip--before .eui-tooltip{margin-right:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip:before{border-color:transparent transparent transparent var(--eui-base-color-grey-100);right:-8px;top:50%;transform:translate(8px,-8px)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary:before{border-color:transparent transparent transparent var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info:before{border-color:transparent transparent transparent var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success:before{border-color:transparent transparent transparent var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning:before{border-color:transparent transparent transparent var(--eui-base-color-warning-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger:before{border-color:transparent transparent transparent var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent:before{border-color:transparent transparent transparent var(--eui-base-color-accent-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip,.eui-tooltip__container.eui-tooltip--after .eui-tooltip{margin-left:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip:before{border-color:transparent var(--eui-base-color-grey-100) transparent transparent;left:-8px;top:50%;transform:translate(-8px,-8px)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary:before{border-color:transparent var(--eui-base-color-primary-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info:before{border-color:transparent var(--eui-base-color-info-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success:before{border-color:transparent var(--eui-base-color-success-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning:before{border-color:transparent var(--eui-base-color-warning-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger:before{border-color:transparent var(--eui-base-color-danger-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent:before{border-color:transparent var(--eui-base-color-accent-100) transparent transparent}.eui-tooltip__container .eui-tooltip{background-color:var(--eui-base-color-grey-100);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-4);color:var(--eui-base-color-white);letter-spacing:.05em;max-width:50vw;padding:var(--eui-base-spacing-xs);white-space:pre-line;font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-tooltip__container .eui-tooltip:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:"";display:block;height:0;position:absolute;width:0}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-left{text-align:left}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-right{text-align:right}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-center{text-align:center}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-justify{text-align:justify}.eui-tooltip__container .eui-tooltip--primary{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-tooltip__container .eui-tooltip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-tooltip__container .eui-tooltip--info{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}.eui-tooltip__container .eui-tooltip--info .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-tooltip__container .eui-tooltip--success{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}.eui-tooltip__container .eui-tooltip--success .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-tooltip__container .eui-tooltip--warning{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}.eui-tooltip__container .eui-tooltip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-tooltip__container .eui-tooltip--danger{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}.eui-tooltip__container .eui-tooltip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-tooltip__container .eui-tooltip--accent{background-color:var(--eui-base-color-accent-120);border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-120-contrast)}.eui-tooltip__container .eui-tooltip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-120-contrast);fill:var(--eui-base-color-accent-120-contrast)}\n'] }]
|
|
105
105
|
}], ctorParameters: () => [{ type: EuiTooltipConfig, decorators: [{
|
|
106
106
|
type: Inject,
|
|
107
107
|
args: [TOOLTIP_CONTAINER_CONFIG]
|
|
@@ -40,6 +40,7 @@ var EuiAlertComponent = class _EuiAlertComponent {
|
|
|
40
40
|
// own cmp state => reflected with the scss states
|
|
41
41
|
this.isMuted ? "eui-alert--muted" : "",
|
|
42
42
|
this.isFocusable ? "eui-alert--focusable" : "",
|
|
43
|
+
this.isCloseable ? "eui-alert--closeable" : "",
|
|
43
44
|
!this.isVisible ? "eui-alert--hidden" : ""
|
|
44
45
|
].join(" ").trim();
|
|
45
46
|
}
|
|
@@ -79,16 +80,16 @@ var EuiAlertComponent = class _EuiAlertComponent {
|
|
|
79
80
|
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i02.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i02, template: `@if (!isMuted) {
|
|
80
81
|
<div class="eui-alert__type-container">
|
|
81
82
|
@if (baseStatesDirective.euiSuccess) {
|
|
82
|
-
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-check-filled" fillColor="success-
|
|
83
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-check-filled" fillColor="success-130" euiSizeS></eui-icon-svg>
|
|
83
84
|
}
|
|
84
85
|
@else if (baseStatesDirective.euiWarning) {
|
|
85
|
-
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-warning" fillColor="warning-
|
|
86
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-warning" fillColor="warning-130" euiSizeS></eui-icon-svg>
|
|
86
87
|
}
|
|
87
88
|
@else if (baseStatesDirective.euiDanger) {
|
|
88
|
-
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-error" fillColor="danger-
|
|
89
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-error" fillColor="danger-130" euiSizeS></eui-icon-svg>
|
|
89
90
|
}
|
|
90
91
|
@else {
|
|
91
|
-
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-information" fillColor="info-
|
|
92
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-information" fillColor="info-130" euiSizeS></eui-icon-svg>
|
|
92
93
|
}
|
|
93
94
|
</div>
|
|
94
95
|
}
|
|
@@ -137,7 +138,7 @@ var EuiAlertComponent = class _EuiAlertComponent {
|
|
|
137
138
|
<ng-content></ng-content>
|
|
138
139
|
</div>
|
|
139
140
|
</ng-template>
|
|
140
|
-
`, styles: [':host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-base-color-info-130));--_color: var(--eui-alert-color, var(--eui-base-color-
|
|
141
|
+
`, styles: [':host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-base-color-info-130));--_color: var(--eui-alert-color, var(--eui-base-color-grey-100));--_bg-color: var(--eui-alert-bg-color, var(--eui-base-color-info-5))}:host.eui-alert{display:flex;background-color:var(--_bg-color);color:var(--_color);background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;position:relative;border-left:var(--eui-base-spacing-2xs) solid var(--_border-color);border-radius:var(--eui-base-border-radius);flex-basis:auto;flex-shrink:1;overflow:auto;padding:var(--eui-base-spacing-m);width:100%}:host.eui-alert::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}:host.eui-alert::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}:host.eui-alert::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}:host.eui-alert::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-alert__type-container{align-items:center;display:flex;margin-right:var(--eui-base-spacing-s);height:var(--eui-base-spacing-l)}.eui-alert__content{display:flex;flex-direction:column;width:100%}.eui-alert__content-header{align-items:center;display:flex;flex:1 1 100%;justify-content:space-between;width:100%}.eui-alert__content-header--with-title{min-height:var(--eui-base-spacing-l)}.eui-alert__content--with-title{margin-top:var(--eui-base-spacing-xs)}.eui-alert__close{align-self:flex-start;display:flex;margin-left:auto}.eui-alert__close:hover{text-decoration:underline}.eui-alert__close-button{margin-left:var(--eui-base-spacing-s)}:host.eui-alert--info{--_border-color: var(--eui-base-color-info-100);--_bg-color: var(--eui-base-color-info-5)}:host.eui-alert--success{--_border-color: var(--eui-base-color-success-100);--_bg-color: var(--eui-base-color-success-5)}:host.eui-alert--danger{--_border-color: var(--eui-base-color-danger-100);--_bg-color: var(--eui-base-color-danger-5)}:host.eui-alert--warning{--_border-color: var(--eui-base-color-warning-100);--_bg-color: var(--eui-base-color-warning-5)}:host.eui-alert--hidden{display:none}:host.eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--focusable [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--closeable .eui-alert__type-container{margin-top:var(--eui-base-spacing-xs)}@media screen and (max-width: 995px){.eui-alert__close-label{display:none}}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i02.ChangeDetectionStrategy.OnPush });
|
|
141
142
|
}
|
|
142
143
|
};
|
|
143
144
|
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i02, type: EuiAlertComponent, decorators: [{
|
|
@@ -157,16 +158,16 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
157
158
|
], template: `@if (!isMuted) {
|
|
158
159
|
<div class="eui-alert__type-container">
|
|
159
160
|
@if (baseStatesDirective.euiSuccess) {
|
|
160
|
-
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-check-filled" fillColor="success-
|
|
161
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-check-filled" fillColor="success-130" euiSizeS></eui-icon-svg>
|
|
161
162
|
}
|
|
162
163
|
@else if (baseStatesDirective.euiWarning) {
|
|
163
|
-
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-warning" fillColor="warning-
|
|
164
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-warning" fillColor="warning-130" euiSizeS></eui-icon-svg>
|
|
164
165
|
}
|
|
165
166
|
@else if (baseStatesDirective.euiDanger) {
|
|
166
|
-
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-error" fillColor="danger-
|
|
167
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-error" fillColor="danger-130" euiSizeS></eui-icon-svg>
|
|
167
168
|
}
|
|
168
169
|
@else {
|
|
169
|
-
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-information" fillColor="info-
|
|
170
|
+
<eui-icon-svg class="eui-alert__icon-type" icon="eui-ecl-information" fillColor="info-130" euiSizeS></eui-icon-svg>
|
|
170
171
|
}
|
|
171
172
|
</div>
|
|
172
173
|
}
|
|
@@ -215,7 +216,7 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
215
216
|
<ng-content></ng-content>
|
|
216
217
|
</div>
|
|
217
218
|
</ng-template>
|
|
218
|
-
`, styles: [':host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-base-color-info-130));--_color: var(--eui-alert-color, var(--eui-base-color-
|
|
219
|
+
`, styles: [':host.eui-alert{--_border-color: var(--eui-alert-border-color, var(--eui-base-color-info-130));--_color: var(--eui-alert-color, var(--eui-base-color-grey-100));--_bg-color: var(--eui-alert-bg-color, var(--eui-base-color-info-5))}:host.eui-alert{display:flex;background-color:var(--_bg-color);color:var(--_color);background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;position:relative;border-left:var(--eui-base-spacing-2xs) solid var(--_border-color);border-radius:var(--eui-base-border-radius);flex-basis:auto;flex-shrink:1;overflow:auto;padding:var(--eui-base-spacing-m);width:100%}:host.eui-alert::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}:host.eui-alert::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}:host.eui-alert::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}:host.eui-alert::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-alert__type-container{align-items:center;display:flex;margin-right:var(--eui-base-spacing-s);height:var(--eui-base-spacing-l)}.eui-alert__content{display:flex;flex-direction:column;width:100%}.eui-alert__content-header{align-items:center;display:flex;flex:1 1 100%;justify-content:space-between;width:100%}.eui-alert__content-header--with-title{min-height:var(--eui-base-spacing-l)}.eui-alert__content--with-title{margin-top:var(--eui-base-spacing-xs)}.eui-alert__close{align-self:flex-start;display:flex;margin-left:auto}.eui-alert__close:hover{text-decoration:underline}.eui-alert__close-button{margin-left:var(--eui-base-spacing-s)}:host.eui-alert--info{--_border-color: var(--eui-base-color-info-100);--_bg-color: var(--eui-base-color-info-5)}:host.eui-alert--success{--_border-color: var(--eui-base-color-success-100);--_bg-color: var(--eui-base-color-success-5)}:host.eui-alert--danger{--_border-color: var(--eui-base-color-danger-100);--_bg-color: var(--eui-base-color-danger-5)}:host.eui-alert--warning{--_border-color: var(--eui-base-color-warning-100);--_bg-color: var(--eui-base-color-warning-5)}:host.eui-alert--hidden{display:none}:host.eui-alert--focusable:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--focusable [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}:host.eui-alert--closeable .eui-alert__type-container{margin-top:var(--eui-base-spacing-xs)}@media screen and (max-width: 995px){.eui-alert__close-label{display:none}}\n'] }]
|
|
219
220
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
220
221
|
type: HostBinding2,
|
|
221
222
|
args: ["class"]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-alert/components/eui-alert-title.component.ts", "../../eui-alert/eui-alert.component.ts", "../../eui-alert/eui-alert.component.html", "../../eui-alert/eui-alert.module.ts"],
|
|
4
|
-
"sourcesContent": ["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-alert-title',\n template: '<ng-content></ng-content>',\n styleUrl: './eui-alert-title.component.scss',\n})\nexport class EuiAlertTitleComponent {\n // host binding class assignment for the content directive, avoiding extra DOM templates wrapper\n @HostBinding('class') class = 'eui-alert-title';\n}\n", "// -------\n// IMPORTS\n// -------\n\n// Angular\nimport {\n Component,\n HostBinding,\n EventEmitter,\n Input,\n ChangeDetectionStrategy,\n Output,\n OnInit,\n ContentChild,\n forwardRef,\n QueryList,\n booleanAttribute,\n} from '@angular/core';\n\n// 3rd party\nimport * as uuid from 'uuid';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n// --------------\n// MAIN COMPONENT\n// --------------\n@Component({\n templateUrl: './eui-alert.component.html', // respect component name convention\n selector: 'div[euiAlert], eui-alert', // if needed multi selectors\n styleUrl: './styles/_index.scss', // respect styles/_index.scss only import\n changeDetection: ChangeDetectionStrategy.OnPush, // OnPush by default for all\n\n // use of baseStatesDirective : defined here what the component needs as base props => reflected in styles / states.scss\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n // important to add the variant per type : euiVariant for colors / euiSizeVariant for sizes\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiAlertComponent implements OnInit {\n // class binding ALWAYS first (for binding against the baseStateDiretive)\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n // Always refer to the baseStatesDirective\n this.baseStatesDirective.getCssClasses('eui-alert'),\n\n // own cmp state => reflected with the scss states\n this.isMuted ? 'eui-alert--muted' : '',\n this.isFocusable ? 'eui-alert--focusable' : '',\n !this.isVisible ? 'eui-alert--hidden' : '',\n ]\n .join(' ')\n .trim();\n }\n\n // a11y bindings, ideally always on the host side / never in the sub wrapper within the HTML,\n // cleaner and also attacking the host DOM element rather than its children\n @HostBinding('attr.role') role = 'alert';\n @HostBinding('attr.aria-describedby')\n @Input()\n get ariaDescribedBy(): string {\n return `alertContent-${this.uniqueId}`;\n }\n @HostBinding('attr.tabindex')\n get tabindex(): string {\n return this.isFocusable ? '0' : '-1';\n }\n\n // for e2e unique attr to be defined / pass as input\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-alert';\n\n // component own states\n // conventions if boolean : is / has prefix\n // new v17 usage of transform / act like coerce and included in Angular natively now\n @Input({ transform: booleanAttribute }) isMuted = false;\n @Input({ transform: booleanAttribute }) isCloseable = false;\n @Input({ transform: booleanAttribute }) isFocusable = false;\n\n // Output event definition\n // convention : verb(present)Component\n @Output() closeAlert = new EventEmitter<null>();\n\n // contentChild def / viewChild defs if needed\n @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n // public variables used in the template\n isVisible = true;\n alertIconType: string;\n alertIconFillColor: string;\n\n private uniqueId: string;\n\n // CONSTRUCTOR\n // -----------\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n // HOOKS\n // -----\n ngOnInit(): void {\n this.uniqueId = uuid.v4();\n }\n\n // PUBLIC FUNCTIONS FROM TEMPLATE\n // ------------------------------\n onCloseClick(): void {\n this.isVisible = false;\n this.closeAlert.emit();\n }\n\n // PRIVATES\n // --------\n\n}\n", "@if (!isMuted) {\n <div class=\"eui-alert__type-container\">\n @if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-check-filled\" fillColor=\"success-
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,mBAAmB;;AAOjC,IAAO,yBAAP,MAAO,wBAAsB;EALnC,cAAA;AAO0B,SAAA,QAAQ;;;4GAFrB,yBAAsB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAtB,yBAAsB,UAAA,mBAAA,MAAA,EAAA,YAAA,EAAA,SAAA,aAAA,EAAA,GAAA,UAAA,IAAA,UAHrB,6BAA2B,UAAA,MAAA,QAAA,CAAA,8HAAA,EAAA,CAAA;EAAA;;kGAG5B,wBAAsB,YAAA,CAAA;QALlC;qBACa,mBAAiB,UACjB,6BAA2B,QAAA,CAAA,8HAAA,EAAA,CAAA;sBAKf,OAAK,CAAA;QAA1B;SAAY,OAAO;;;;ACJxB,SACI,aAAAA,YACA,eAAAC,cACA,cACA,OACA,yBACA,QAEA,cACA,YAEA,wBACG;AAGP,YAAY,UAAU;AAGtB,SAAS,2BAA2B;;;;;;;;AA2B9B,IAAO,oBAAP,MAAO,mBAAiB;;EAE1B,IACW,aAAU;AACjB,WAAO;;MAEH,KAAK,oBAAoB,cAAc,WAAW;;MAGlD,KAAK,UAAU,qBAAqB;MACpC,KAAK,cAAc,yBAAyB;MAC5C,CAAC,KAAK,YAAY,sBAAsB;MAEvC,KAAK,GAAG,EACR,KAAI;EACb;EAKA,IAEI,kBAAe;AACf,WAAO,gBAAgB,KAAK,QAAQ;EACxC;EACA,IACI,WAAQ;AACR,WAAO,KAAK,cAAc,MAAM;EACpC;;;EA8BA,YAAmB,qBAAwC;AAAxC,SAAA,sBAAA;AAvCO,SAAA,OAAO;AAcjC,SAAA,UAAU;AAK8B,SAAA,UAAU;AACV,SAAA,cAAc;AACd,SAAA,cAAc;AAI5C,SAAA,aAAa,IAAI,aAAY;AAMvC,SAAA,YAAY;EAQkD;;;EAI9D,WAAQ;AACJ,SAAK,WAAgB,QAAE;EAC3B;;;EAIA,eAAY;AACR,SAAK,YAAY;AACjB,SAAK,WAAW,KAAI;EACxB;;
|
|
4
|
+
"sourcesContent": ["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-alert-title',\n template: '<ng-content></ng-content>',\n styleUrl: './eui-alert-title.component.scss',\n})\nexport class EuiAlertTitleComponent {\n // host binding class assignment for the content directive, avoiding extra DOM templates wrapper\n @HostBinding('class') class = 'eui-alert-title';\n}\n", "// -------\n// IMPORTS\n// -------\n\n// Angular\nimport {\n Component,\n HostBinding,\n EventEmitter,\n Input,\n ChangeDetectionStrategy,\n Output,\n OnInit,\n ContentChild,\n forwardRef,\n QueryList,\n booleanAttribute,\n} from '@angular/core';\n\n// 3rd party\nimport * as uuid from 'uuid';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n// --------------\n// MAIN COMPONENT\n// --------------\n@Component({\n templateUrl: './eui-alert.component.html', // respect component name convention\n selector: 'div[euiAlert], eui-alert', // if needed multi selectors\n styleUrl: './styles/_index.scss', // respect styles/_index.scss only import\n changeDetection: ChangeDetectionStrategy.OnPush, // OnPush by default for all\n\n // use of baseStatesDirective : defined here what the component needs as base props => reflected in styles / states.scss\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n // important to add the variant per type : euiVariant for colors / euiSizeVariant for sizes\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiAlertComponent implements OnInit {\n // class binding ALWAYS first (for binding against the baseStateDiretive)\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n // Always refer to the baseStatesDirective\n this.baseStatesDirective.getCssClasses('eui-alert'),\n\n // own cmp state => reflected with the scss states\n this.isMuted ? 'eui-alert--muted' : '',\n this.isFocusable ? 'eui-alert--focusable' : '',\n this.isCloseable ? 'eui-alert--closeable' : '',\n !this.isVisible ? 'eui-alert--hidden' : '',\n ]\n .join(' ')\n .trim();\n }\n\n // a11y bindings, ideally always on the host side / never in the sub wrapper within the HTML,\n // cleaner and also attacking the host DOM element rather than its children\n @HostBinding('attr.role') role = 'alert';\n @HostBinding('attr.aria-describedby')\n @Input()\n get ariaDescribedBy(): string {\n return `alertContent-${this.uniqueId}`;\n }\n @HostBinding('attr.tabindex')\n get tabindex(): string {\n return this.isFocusable ? '0' : '-1';\n }\n\n // for e2e unique attr to be defined / pass as input\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-alert';\n\n // component own states\n // conventions if boolean : is / has prefix\n // new v17 usage of transform / act like coerce and included in Angular natively now\n @Input({ transform: booleanAttribute }) isMuted = false;\n @Input({ transform: booleanAttribute }) isCloseable = false;\n @Input({ transform: booleanAttribute }) isFocusable = false;\n\n // Output event definition\n // convention : verb(present)Component\n @Output() closeAlert = new EventEmitter<null>();\n\n // contentChild def / viewChild defs if needed\n @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n // public variables used in the template\n isVisible = true;\n alertIconType: string;\n alertIconFillColor: string;\n\n private uniqueId: string;\n\n // CONSTRUCTOR\n // -----------\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n // HOOKS\n // -----\n ngOnInit(): void {\n this.uniqueId = uuid.v4();\n }\n\n // PUBLIC FUNCTIONS FROM TEMPLATE\n // ------------------------------\n onCloseClick(): void {\n this.isVisible = false;\n this.closeAlert.emit();\n }\n\n // PRIVATES\n // --------\n\n}\n", "@if (!isMuted) {\n <div class=\"eui-alert__type-container\">\n @if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-check-filled\" fillColor=\"success-130\" euiSizeS></eui-icon-svg>\n }\n @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-warning\" fillColor=\"warning-130\" euiSizeS></eui-icon-svg>\n }\n @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-error\" fillColor=\"danger-130\" euiSizeS></eui-icon-svg>\n }\n @else {\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-information\" fillColor=\"info-130\" euiSizeS></eui-icon-svg>\n }\n </div>\n}\n\n<div id=\"{{ ariaDescribedBy }}\" class=\"eui-alert__content\">\n @if (alertTitle) {\n <ng-template *ngTemplateOutlet=\"contentWithTitle\"></ng-template>\n } @else {\n <ng-template *ngTemplateOutlet=\"contentNoTitle\"></ng-template>\n }\n</div>\n\n<ng-template #contentWithTitle>\n <div class=\"eui-alert__content-header eui-alert__content-header--with-title\">\n <ng-content select=\"eui-alert-title\"></ng-content>\n <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n </div>\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</ng-template>\n\n<ng-template #contentNoTitle>\n <div class=\"eui-alert__content-header\">\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n </div>\n</ng-template>\n\n<ng-template #closeButton>\n <div class=\"eui-alert__close\">\n <button *ngIf=\"isCloseable\"\n euiButton\n euiBasicButton\n euiPrimary\n euiSizeS\n aria-label=\"Close alert button\"\n class=\"eui-alert__close-button\"\n (click)=\"onCloseClick()\">\n <span euiLabel class=\"eui-alert__close-label\">{{ 'eui.CLOSE' | translate }}</span>\n <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-ecl-close\"></eui-icon-svg>\n </button>\n </div>\n</ng-template>\n\n<ng-template #content>\n <div [class.eui-alert__content--with-title]=\"alertTitle\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", "// Angular\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// 3rd party\nimport { TranslateModule } from '@ngx-translate/core';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\nconst EUI_MODULES = [\n EuiIconModule, EuiLabelModule, EuiButtonModule,\n];\n\n// component internals\nimport { EuiAlertComponent } from './eui-alert.component';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\nconst COMPONENTS = [\n EuiAlertComponent, EuiAlertTitleComponent,\n];\n\n// component main module\n@NgModule({\n imports: [\n // Angular and 3rd party\n CommonModule, TranslateModule,\n // eUI internals\n BaseStatesDirective,\n ...EUI_MODULES,\n ],\n declarations: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\n// Always same naming convention for all : Eui[CMP_NAME]Module\nexport class EuiAlertModule {}\n"],
|
|
5
|
+
"mappings": ";AAAA,SAAS,WAAW,mBAAmB;;AAOjC,IAAO,yBAAP,MAAO,wBAAsB;EALnC,cAAA;AAO0B,SAAA,QAAQ;;;4GAFrB,yBAAsB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAtB,yBAAsB,UAAA,mBAAA,MAAA,EAAA,YAAA,EAAA,SAAA,aAAA,EAAA,GAAA,UAAA,IAAA,UAHrB,6BAA2B,UAAA,MAAA,QAAA,CAAA,8HAAA,EAAA,CAAA;EAAA;;kGAG5B,wBAAsB,YAAA,CAAA;QALlC;qBACa,mBAAiB,UACjB,6BAA2B,QAAA,CAAA,8HAAA,EAAA,CAAA;sBAKf,OAAK,CAAA;QAA1B;SAAY,OAAO;;;;ACJxB,SACI,aAAAA,YACA,eAAAC,cACA,cACA,OACA,yBACA,QAEA,cACA,YAEA,wBACG;AAGP,YAAY,UAAU;AAGtB,SAAS,2BAA2B;;;;;;;;AA2B9B,IAAO,oBAAP,MAAO,mBAAiB;;EAE1B,IACW,aAAU;AACjB,WAAO;;MAEH,KAAK,oBAAoB,cAAc,WAAW;;MAGlD,KAAK,UAAU,qBAAqB;MACpC,KAAK,cAAc,yBAAyB;MAC5C,KAAK,cAAc,yBAAyB;MAC5C,CAAC,KAAK,YAAY,sBAAsB;MAEvC,KAAK,GAAG,EACR,KAAI;EACb;EAKA,IAEI,kBAAe;AACf,WAAO,gBAAgB,KAAK,QAAQ;EACxC;EACA,IACI,WAAQ;AACR,WAAO,KAAK,cAAc,MAAM;EACpC;;;EA8BA,YAAmB,qBAAwC;AAAxC,SAAA,sBAAA;AAvCO,SAAA,OAAO;AAcjC,SAAA,UAAU;AAK8B,SAAA,UAAU;AACV,SAAA,cAAc;AACd,SAAA,cAAc;AAI5C,SAAA,aAAa,IAAI,aAAY;AAMvC,SAAA,YAAY;EAQkD;;;EAI9D,WAAQ;AACJ,SAAK,WAAgB,QAAE;EAC3B;;;EAIA,eAAY;AACR,SAAK,YAAY;AACjB,SAAK,WAAW,KAAI;EACxB;;8GAxES,oBAAiB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAAjB,oBAAiB,UAAA,4BAAA,QAAA,EAAA,iBAAA,mBAAA,SAAA,WAAA,SAAA,CAAA,WAAA,WAuCN,gBAAgB,GAAA,aAAA,CAAA,eAAA,eAChB,gBAAgB,GAAA,aAAA,CAAA,eAAA,eAChB,gBAAgB,EAAA,GAAA,SAAA,EAAA,YAAA,aAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,yBAAA,wBAAA,iBAAA,iBAAA,iBAAA,eAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,cAAA,OAAA,MAAA,WAAA,eAAA,MAOL,sBAAsB,GAAA,aAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,cAAA,YAAA,EAAA,CAAA,GAAA,UAAAC,KAAA,UClGzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DA,QAAA,CAAA,izFAAA,GAAA,cAAA,CAAA,EAAA,MAAA,aAAA,MAAA,SAAA,UAAA,UAAA,QAAA,CAAA,QAAA,YAAA,UAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,qBAAA,UAAA,sBAAA,QAAA,CAAA,2BAAA,oBAAA,0BAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,wBAAA,UAAA,iDAAA,QAAA,CAAA,QAAA,QAAA,aAAA,OAAA,kBAAA,QAAA,SAAA,WAAA,aAAA,cAAA,cAAA,aAAA,aAAA,eAAA,YAAA,QAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,sBAAA,UAAA,+KAAA,QAAA,CAAA,eAAA,eAAA,aAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,uBAAA,UAAA,mCAAA,QAAA,CAAA,WAAA,MAAA,kBAAA,iBAAA,kBAAA,aAAA,iBAAA,eAAA,aAAA,aAAA,GAAA,SAAA,CAAA,aAAA,EAAA,GAAA,EAAA,MAAA,QAAA,MAAA,kBAAA,MAAA,YAAA,CAAA,GAAA,iBAAA,4BAAA,OAAA,CAAA;EAAA;;oGDXa,mBAAiB,YAAA,CAAA;QArB7BF;qBAEa,4BAA0B,iBAEnB,wBAAwB,QAAM,gBAG/B;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;;QAEA;;;KAGX,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAA,QAAA,CAAA,izFAAA,EAAA,CAAA;gFAKU,YAAU,CAAA;QADpBC;SAAY,OAAO;IAkBM,MAAI,CAAA;QAA7BA;SAAY,WAAW;IAGpB,iBAAe,CAAA;QAFlBA;SAAY,uBAAuB;;QACnC;IAKG,UAAQ,CAAA;QADXA;SAAY,eAAe;IAQ5B,SAAO,CAAA;QAFNA;SAAY,eAAe;;QAC3B;IAMuC,SAAO,CAAA;QAA9C;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,aAAW,CAAA;QAAlD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,aAAW,CAAA;QAAlD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IAI5B,YAAU,CAAA;QAAnB;IAG0E,YAAU,CAAA;QAApF;SAAa,WAAW,MAAM,sBAAsB,GAAG,EAAE,QAAQ,MAAK,CAAE;;;;AEjG7E,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAG7B,SAAS,uBAAuB;AAGhC,SAAS,uBAAAE,4BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;;AAEhC,IAAM,cAAc;EAChB;EAAe;EAAgB;;AAOnC,IAAM,aAAa;EACf;EAAmB;;AAgBjB,IAAO,iBAAP,MAAO,gBAAc;;8GAAd,iBAAc,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAd,iBAAc,cAAA,CAhBvB,mBAAmB,sBAAsB,GAAA,SAAA;;MAOrC;MAAc;;MAEdA;MAjBJ;MAAe;MAAgB;IAAe,GAAA,SAAA,CAQ9C,mBAAmB,sBAAsB,EAAA,CAAA;EAAA;;+GAgBhC,iBAAc,SAAA;;MATnB;MAAc;MAGX;IAAW,EAAA,CAAA;EAAA;;oGAMT,gBAAc,YAAA,CAAA;QAZ1B;SAAS;IACN,SAAS;;MAEL;MAAc;;MAEdA;MACA,GAAG;;IAEP,cAAc,CAAC,GAAG,UAAU;IAC5B,SAAS,CAAC,GAAG,UAAU;GAC1B;;",
|
|
6
6
|
"names": ["Component", "HostBinding", "i0", "BaseStatesDirective"]
|
|
7
7
|
}
|
|
@@ -27,7 +27,7 @@ var EuiAvatarComponent = class _EuiAvatarComponent {
|
|
|
27
27
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiAvatarComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
28
28
|
}
|
|
29
29
|
static {
|
|
30
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: ["hasShadow", "hasShadow", booleanAttribute], isShapeSquare: ["isShapeSquare", "isShapeSquare", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasNoBackground: ["hasNoBackground", "hasNoBackground", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '<div *ngIf="hasShadow" class="eui-avatar-shadow"></div>\n\n<div class="eui-avatar-content">\n <ng-content select="eui-avatar-icon"></ng-content>\n <ng-content select="eui-avatar-text"></ng-content>\n <ng-content select="eui-avatar-image"></ng-content>\n <ng-content select="eui-avatar-badge"></ng-content>\n</div>\n', styles: [".eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-base-font-size-xl));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.3 * var(--eui-base-spacing-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-
|
|
30
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: ["hasShadow", "hasShadow", booleanAttribute], isShapeSquare: ["isShapeSquare", "isShapeSquare", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasNoBackground: ["hasNoBackground", "hasNoBackground", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '<div *ngIf="hasShadow" class="eui-avatar-shadow"></div>\n\n<div class="eui-avatar-content">\n <ng-content select="eui-avatar-icon"></ng-content>\n <ng-content select="eui-avatar-text"></ng-content>\n <ng-content select="eui-avatar-image"></ng-content>\n <ng-content select="eui-avatar-badge"></ng-content>\n</div>\n', styles: [".eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-base-font-size-xl));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.3 * var(--eui-base-spacing-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-130));--_color: var(--eui-avatar-color, var(--eui-base-color-white))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--_bg-color);box-shadow:var(--eui-base-shadow-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-base-color-primary-25);border-radius:50%;bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon-svg{margin-right:0!important;margin-left:0!important;height:var(--_icon-size);width:var(--_icon-size)}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size);width:var(--_icon-size);fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700;font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:50%;height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-base-color-white)}.eui-avatar-badge{position:absolute;right:var(--_badge-offset)}.eui-avatar-badge--top{top:var(--_badge-offset)}.eui-avatar-badge--bottom{bottom:var(--_badge-offset)}.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-15);--_color: var(--eui-base-color-grey-15-contrast)}.eui-avatar--info{--_bg-color: var(--eui-base-color-info-130)}.eui-avatar--success{--_bg-color: var(--eui-base-color-success-130)}.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-130);--_color: var(--eui-base-color-warning-130-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-130)}.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-100);--_color: var(--eui-base-color-accent-100-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-base-color-primary-10);--_color: var(--eui-base-color-primary-130)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-base-shadow-none)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-5);--_color: var(--eui-base-color-grey-130)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-130)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-130)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-130)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-130)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-10);--_color: var(--eui-base-color-accent-100)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-base-color-primary-130)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-base-shadow-none);border-radius:none}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-base-color-grey-130)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-base-color-info-130)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-base-color-success-130)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-base-color-warning-130)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-base-color-danger-130)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-base-color-accent-100)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-base-font-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.5 * var(--eui-base-spacing-xs))}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-base-font-size-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.85 * var(--eui-base-spacing-xs))}.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-base-font-size-xl);--_icon-size: 1.5rem;--_badge-font-size: var(--eui-base-font-size-s);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.3 * var(--eui-base-spacing-m))}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-base-font-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-base-font-size-m);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.3 * var(--eui-base-spacing-m))}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-base-font-size-2xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-base-font-size-l);--_badge-size: var(--eui-base-spacing-l);--_badge-offset: calc(-.3 * var(--eui-base-spacing-l))}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-base-font-size-3xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-base-font-size-xl);--_badge-size: var(--eui-base-spacing-xl);--_badge-offset: calc(-.3 * var(--eui-base-spacing-xl))}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:.25rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiAvatarComponent, decorators: [{
|
|
@@ -51,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
51
51
|
"euiSizeVariant"
|
|
52
52
|
]
|
|
53
53
|
}
|
|
54
|
-
], template: '<div *ngIf="hasShadow" class="eui-avatar-shadow"></div>\n\n<div class="eui-avatar-content">\n <ng-content select="eui-avatar-icon"></ng-content>\n <ng-content select="eui-avatar-text"></ng-content>\n <ng-content select="eui-avatar-image"></ng-content>\n <ng-content select="eui-avatar-badge"></ng-content>\n</div>\n', styles: [".eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-base-font-size-xl));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.3 * var(--eui-base-spacing-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-
|
|
54
|
+
], template: '<div *ngIf="hasShadow" class="eui-avatar-shadow"></div>\n\n<div class="eui-avatar-content">\n <ng-content select="eui-avatar-icon"></ng-content>\n <ng-content select="eui-avatar-text"></ng-content>\n <ng-content select="eui-avatar-image"></ng-content>\n <ng-content select="eui-avatar-badge"></ng-content>\n</div>\n', styles: [".eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-base-font-size-xl));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.3 * var(--eui-base-spacing-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-130));--_color: var(--eui-avatar-color, var(--eui-base-color-white))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--_bg-color);box-shadow:var(--eui-base-shadow-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-base-color-primary-25);border-radius:50%;bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon-svg{margin-right:0!important;margin-left:0!important;height:var(--_icon-size);width:var(--_icon-size)}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size);width:var(--_icon-size);fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700;font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:50%;height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-base-color-white)}.eui-avatar-badge{position:absolute;right:var(--_badge-offset)}.eui-avatar-badge--top{top:var(--_badge-offset)}.eui-avatar-badge--bottom{bottom:var(--_badge-offset)}.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-15);--_color: var(--eui-base-color-grey-15-contrast)}.eui-avatar--info{--_bg-color: var(--eui-base-color-info-130)}.eui-avatar--success{--_bg-color: var(--eui-base-color-success-130)}.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-130);--_color: var(--eui-base-color-warning-130-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-130)}.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-100);--_color: var(--eui-base-color-accent-100-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-base-color-primary-10);--_color: var(--eui-base-color-primary-130)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-base-shadow-none)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-5);--_color: var(--eui-base-color-grey-130)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-130)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-130)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-130)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-130)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-10);--_color: var(--eui-base-color-accent-100)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-base-color-primary-130)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-base-shadow-none);border-radius:none}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-base-color-grey-130)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-base-color-info-130)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-base-color-success-130)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-base-color-warning-130)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-base-color-danger-130)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-base-color-accent-100)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-base-font-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.5 * var(--eui-base-spacing-xs))}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-base-font-size-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.85 * var(--eui-base-spacing-xs))}.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-base-font-size-xl);--_icon-size: 1.5rem;--_badge-font-size: var(--eui-base-font-size-s);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.3 * var(--eui-base-spacing-m))}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-base-font-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-base-font-size-m);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.3 * var(--eui-base-spacing-m))}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-base-font-size-2xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-base-font-size-l);--_badge-size: var(--eui-base-spacing-l);--_badge-offset: calc(-.3 * var(--eui-base-spacing-l))}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-base-font-size-3xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-base-font-size-xl);--_badge-size: var(--eui-base-spacing-xl);--_badge-offset: calc(-.3 * var(--eui-base-spacing-xl))}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:.25rem}\n"] }]
|
|
55
55
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
56
56
|
type: HostBinding,
|
|
57
57
|
args: ["class"]
|
|
@@ -19,7 +19,7 @@ var EuiBadgeComponent = class _EuiBadgeComponent {
|
|
|
19
19
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiBadgeComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
20
20
|
}
|
|
21
21
|
static {
|
|
22
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSecondaryLight", "euiSecondaryLight", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge{background-color:var(--eui-base-color-primary-
|
|
22
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSecondaryLight", "euiSecondaryLight", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-badge .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-badge--primary{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-badge--secondary{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75);color:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-75-contrast);fill:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary-light{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-badge--secondary-light .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-badge--info{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-badge--success{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-badge--warning{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-badge--danger{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-badge--accent{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-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-badge--outline.eui-badge--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-badge--outline.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--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-badge--outline.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--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-badge--outline.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--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-badge--outline.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100)}.eui-badge--outline.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100);fill:var(--eui-base-color-warning-100)}.eui-badge--outline.eui-badge--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-badge--outline.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--accent{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-accent-100)}.eui-badge--outline.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100);fill:var(--eui-base-color-accent-100)}.eui-badge--size-xs{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-2xs) 0;font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-m{height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-l{height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-xs);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-icon--size-s .eui-badge,.eui-icon-svg--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s,.eui-icon-svg--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m,.eui-icon-svg--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon-svg--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl,.eui-icon-svg--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon-svg--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s,.eui-icon-svg--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m,.eui-icon-svg--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon-svg--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon-svg--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon-svg--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s,.eui-icon-svg--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m,.eui-icon-svg--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l,.eui-icon-svg--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl,.eui-icon-svg--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge,.eui-icon-svg--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s,.eui-icon-svg--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m,.eui-icon-svg--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l,.eui-icon-svg--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl,.eui-icon-svg--size-xl .eui-badge--size-xl{right:-30%;top:-15%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiBadgeComponent, decorators: [{
|
|
@@ -45,7 +45,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
|
|
|
45
45
|
"euiOutline"
|
|
46
46
|
]
|
|
47
47
|
}
|
|
48
|
-
], styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge{background-color:var(--eui-base-color-primary-
|
|
48
|
+
], styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-badge .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-badge--primary{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-badge--secondary{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75);color:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-75-contrast);fill:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary-light{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-badge--secondary-light .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-badge--info{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-badge--success{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-badge--warning{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-badge--danger{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-badge--accent{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-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-badge--outline.eui-badge--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-badge--outline.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--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-badge--outline.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--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-badge--outline.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--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-badge--outline.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100)}.eui-badge--outline.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100);fill:var(--eui-base-color-warning-100)}.eui-badge--outline.eui-badge--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-badge--outline.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--accent{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-accent-100)}.eui-badge--outline.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100);fill:var(--eui-base-color-accent-100)}.eui-badge--size-xs{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-2xs) 0;font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-m{height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-l{height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-xs);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-icon--size-s .eui-badge,.eui-icon-svg--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s,.eui-icon-svg--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m,.eui-icon-svg--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon-svg--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl,.eui-icon-svg--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon-svg--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s,.eui-icon-svg--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m,.eui-icon-svg--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon-svg--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon-svg--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon-svg--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s,.eui-icon-svg--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m,.eui-icon-svg--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l,.eui-icon-svg--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl,.eui-icon-svg--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge,.eui-icon-svg--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s,.eui-icon-svg--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m,.eui-icon-svg--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l,.eui-icon-svg--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl,.eui-icon-svg--size-xl .eui-badge--size-xl{right:-30%;top:-15%}\n"] }]
|
|
49
49
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
50
50
|
type: HostBinding,
|
|
51
51
|
args: ["class"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-badge/eui-badge.component.ts", "../../eui-badge/eui-badge.module.ts"],
|
|
4
4
|
"sourcesContent": ["import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'div[euiBadge], span[euiBadge], eui-badge',\n template: '<ng-content></ng-content>',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSecondaryLight',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeVariant',\n\n 'euiOutline',\n ],\n },\n ],\n})\nexport class EuiBadgeComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-badge'),\n ].join(' ').trim();\n }\n\n // TODO check if feasible : 99+ to be displayed f.e.\n // @Input({ transform: booleanAttribute }) hasMaxNumber = false;\n // @Input() maxNumber = 99;\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-badge';\n @HostBinding('attr.role') role = 'status';\n @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'badge';\n\n constructor(\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiBadgeComponent } from './eui-badge.component';\n\n@NgModule({\n imports: [CommonModule, BaseStatesDirective],\n exports: [EuiBadgeComponent],\n declarations: [EuiBadgeComponent],\n})\nexport class EuiBadgeModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,aAAa,yBAAyB,mBAAmB,aAAa;AAC1F,SAAS,2BAA2B;;;AAiC9B,IAAO,oBAAP,MAAO,mBAAiB;EAC1B,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,WAAW;MACpD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACW,qBAAwC;AAAxC,SAAA,sBAAA;AAL4B,SAAA,UAAU;AACvB,SAAA,OAAO;AACoB,SAAA,YAA2B;EAKhF;;4GAnBS,oBAAiB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAjB,oBAAiB,UAAA,4CAAA,QAAA,EAAA,SAAA,WAAA,WAAA,CAAA,cAAA,WAAA,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,gBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,qBAAA,qBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,kBAAA,kBAAA,cAAA,YAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UA7BhB,6BAA2B,UAAA,MAAA,QAAA,CAAA,
|
|
5
|
+
"mappings": ";AAAA,SAAS,WAAW,aAAa,yBAAyB,mBAAmB,aAAa;AAC1F,SAAS,2BAA2B;;;AAiC9B,IAAO,oBAAP,MAAO,mBAAiB;EAC1B,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,WAAW;MACpD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACW,qBAAwC;AAAxC,SAAA,sBAAA;AAL4B,SAAA,UAAU;AACvB,SAAA,OAAO;AACoB,SAAA,YAA2B;EAKhF;;4GAnBS,oBAAiB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAjB,oBAAiB,UAAA,4CAAA,QAAA,EAAA,SAAA,WAAA,WAAA,CAAA,cAAA,WAAA,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,gBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,qBAAA,qBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,kBAAA,kBAAA,cAAA,YAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UA7BhB,6BAA2B,UAAA,MAAA,QAAA,CAAA,40PAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGA6B5B,mBAAiB,YAAA,CAAA;QA/B7B;qBACa,4CAA0C,UAC1C,6BAA2B,iBAEpB,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAEA;QACA;QACA;QACA;QACA;QAEA;;;KAGX,QAAA,CAAA,40PAAA,EAAA,CAAA;gFAIU,YAAU,CAAA;QADpB;SAAY,OAAO;IAWmB,SAAO,CAAA;QAA7C;SAAY,eAAe;;QAAG;IACL,MAAI,CAAA;QAA7B;SAAY,WAAW;IAC6B,WAAS,CAAA;QAA7D;SAAY,iBAAiB;;QAAG;SAAM,YAAY;;;;AChDvD,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,uBAAAA,4BAA2B;;AAS9B,IAAO,iBAAP,MAAO,gBAAc;;8GAAd,iBAAc,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAd,iBAAc,cAAA,CAFR,iBAAiB,GAAA,SAAA,CAFtB,cAAcA,oBAAmB,GAAA,SAAA,CACjC,iBAAiB,EAAA,CAAA;EAAA;;+GAGlB,iBAAc,SAAA,CAJb,YAAY,EAAA,CAAA;EAAA;;oGAIb,gBAAc,YAAA,CAAA;QAL1B;SAAS;IACN,SAAS,CAAC,cAAcA,oBAAmB;IAC3C,SAAS,CAAC,iBAAiB;IAC3B,cAAc,CAAC,iBAAiB;GACnC;;",
|
|
6
6
|
"names": ["BaseStatesDirective"]
|
|
7
7
|
}
|
|
@@ -65,12 +65,12 @@ var EuiBlockContentComponent = class _EuiBlockContentComponent {
|
|
|
65
65
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiBlockContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
66
66
|
}
|
|
67
67
|
static {
|
|
68
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiBlockContentComponent, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-
|
|
68
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiBlockContentComponent, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-info-130);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:var(--eui-base-z-index-overlay)}.eui-block-content--blocked:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiBlockContentComponent, decorators: [{
|
|
72
72
|
type: Component,
|
|
73
|
-
args: [{ selector: "eui-block-content", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-
|
|
73
|
+
args: [{ selector: "eui-block-content", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-info-130);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:var(--eui-base-z-index-overlay)}.eui-block-content--blocked:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}\n'] }]
|
|
74
74
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { cssClasses: [{
|
|
75
75
|
type: HostBinding,
|
|
76
76
|
args: ["class"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-block-content/eui-block-content.component.ts", "../../eui-block-content/eui-block-content.component.html", "../../eui-block-content/eui-block-content.module.ts"],
|
|
4
4
|
"sourcesContent": ["import {\n Component,\n ElementRef,\n Input,\n OnChanges,\n Renderer2,\n SimpleChanges,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n HostBinding,\n booleanAttribute,\n} from '@angular/core';\n\n@Component({\n selector: 'eui-block-content',\n templateUrl: './eui-block-content.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBlockContentComponent implements OnChanges {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-block-content',\n this.isBlocked ? 'eui-block-content--blocked' : '',\n ].join(' ').trim();\n }\n\n @Input() @HostBinding('attr.role') role = 'region';\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'block content wrapper';\n\n @Input({ transform: booleanAttribute }) isBlocked = false;\n\n /** keeps the state of the element that was focused before content was blocked */\n private lastActiveElement: HTMLElement = null;\n\n constructor(\n private elRef: ElementRef,\n private renderer: Renderer2,\n ) {\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['isBlocked']) {\n const activeElement = this.getActiveElement();\n const isBlocking = this.isAboutToBlock(changes);\n\n if (isBlocking) {\n this.deactivateElement(activeElement);\n } else {\n this.reactivateElement(this.lastActiveElement);\n }\n }\n }\n\n /**\n * blur (un-focus) the focused element inside BlockContent\n */\n deactivateElement(activeElement: HTMLElement): void {\n if (activeElement) {\n this.renderer.selectRootElement(activeElement, true).blur();\n this.lastActiveElement = activeElement;\n } else {\n this.lastActiveElement = null;\n }\n }\n\n /**\n * focus on element if it was focused before content was blocked\n */\n reactivateElement(element: HTMLElement): void {\n if (element) {\n this.renderer.selectRootElement(element, true).focus();\n }\n }\n\n /**\n * returns where the element is about to block or not\n *\n * @param changes SimplyChanges\n */\n private isAboutToBlock(changes: SimpleChanges): boolean {\n const isBlockedChange = changes['isBlocked'];\n\n return isBlockedChange?.currentValue && !isBlockedChange.previousValue;\n }\n\n /**\n * finds the element which is focused inside the UxBlockContent\n */\n private getActiveElement(): HTMLElement {\n return this.elRef.nativeElement.querySelector(':focus');\n }\n}\n", "<ng-content></ng-content>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiBlockContentComponent } from './eui-block-content.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [EuiBlockContentComponent],\n declarations: [EuiBlockContentComponent],\n})\nexport class EuiBlockContentModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SACI,WAEA,OAIA,yBACA,mBACA,aACA,wBACG;;AASD,IAAO,2BAAP,MAAO,0BAAwB;EACjC,IACW,aAAU;AACjB,WAAO;MACH;MACA,KAAK,YAAY,+BAA+B;MAClD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACY,OACA,UAAmB;AADnB,SAAA,QAAA;AACA,SAAA,WAAA;AAVuB,SAAA,OAAO;AACD,SAAA,YAAY;AAEb,SAAA,YAAY;AAG5C,SAAA,oBAAiC;EAMzC;EAEA,YAAY,SAAsB;AAC9B,QAAI,QAAQ,WAAW,GAAG;AACtB,YAAM,gBAAgB,KAAK,iBAAgB;AAC3C,YAAM,aAAa,KAAK,eAAe,OAAO;AAE9C,UAAI,YAAY;AACZ,aAAK,kBAAkB,aAAa;MACxC,OAAO;AACH,aAAK,kBAAkB,KAAK,iBAAiB;MACjD;IACJ;EACJ;;;;EAKA,kBAAkB,eAA0B;AACxC,QAAI,eAAe;AACf,WAAK,SAAS,kBAAkB,eAAe,IAAI,EAAE,KAAI;AACzD,WAAK,oBAAoB;IAC7B,OAAO;AACH,WAAK,oBAAoB;IAC7B;EACJ;;;;EAKA,kBAAkB,SAAoB;AAClC,QAAI,SAAS;AACT,WAAK,SAAS,kBAAkB,SAAS,IAAI,EAAE,MAAK;IACxD;EACJ;;;;;;EAOQ,eAAe,SAAsB;AACzC,UAAM,kBAAkB,QAAQ,WAAW;AAE3C,WAAO,iBAAiB,gBAAgB,CAAC,gBAAgB;EAC7D;;;;EAKQ,mBAAgB;AACpB,WAAO,KAAK,MAAM,cAAc,cAAc,QAAQ;EAC1D;;4GAzES,2BAAwB,MAAA,CAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,aAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAxB,2BAAwB,UAAA,qBAAA,QAAA,EAAA,MAAA,QAAA,WAAA,aAAA,WAAA,CAAA,aAAA,aAYb,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,eAAA,MAAA,UAAA,IAAA,UChCxC,+BACA,QAAA,CAAA,
|
|
5
|
+
"mappings": ";AAAA,SACI,WAEA,OAIA,yBACA,mBACA,aACA,wBACG;;AASD,IAAO,2BAAP,MAAO,0BAAwB;EACjC,IACW,aAAU;AACjB,WAAO;MACH;MACA,KAAK,YAAY,+BAA+B;MAClD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACY,OACA,UAAmB;AADnB,SAAA,QAAA;AACA,SAAA,WAAA;AAVuB,SAAA,OAAO;AACD,SAAA,YAAY;AAEb,SAAA,YAAY;AAG5C,SAAA,oBAAiC;EAMzC;EAEA,YAAY,SAAsB;AAC9B,QAAI,QAAQ,WAAW,GAAG;AACtB,YAAM,gBAAgB,KAAK,iBAAgB;AAC3C,YAAM,aAAa,KAAK,eAAe,OAAO;AAE9C,UAAI,YAAY;AACZ,aAAK,kBAAkB,aAAa;MACxC,OAAO;AACH,aAAK,kBAAkB,KAAK,iBAAiB;MACjD;IACJ;EACJ;;;;EAKA,kBAAkB,eAA0B;AACxC,QAAI,eAAe;AACf,WAAK,SAAS,kBAAkB,eAAe,IAAI,EAAE,KAAI;AACzD,WAAK,oBAAoB;IAC7B,OAAO;AACH,WAAK,oBAAoB;IAC7B;EACJ;;;;EAKA,kBAAkB,SAAoB;AAClC,QAAI,SAAS;AACT,WAAK,SAAS,kBAAkB,SAAS,IAAI,EAAE,MAAK;IACxD;EACJ;;;;;;EAOQ,eAAe,SAAsB;AACzC,UAAM,kBAAkB,QAAQ,WAAW;AAE3C,WAAO,iBAAiB,gBAAgB,CAAC,gBAAgB;EAC7D;;;;EAKQ,mBAAgB;AACpB,WAAO,KAAK,MAAM,cAAc,cAAc,QAAQ;EAC1D;;4GAzES,2BAAwB,MAAA,CAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,aAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAxB,2BAAwB,UAAA,qBAAA,QAAA,EAAA,MAAA,QAAA,WAAA,aAAA,WAAA,CAAA,aAAA,aAYb,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,eAAA,MAAA,UAAA,IAAA,UChCxC,+BACA,QAAA,CAAA,gkBAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDmBa,0BAAwB,YAAA,CAAA;QAPpC;qBACa,qBAAmB,iBAGZ,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,UAAA,+BAAA,QAAA,CAAA,gkBAAA,EAAA,CAAA;+FAI1B,YAAU,CAAA;QADpB;SAAY,OAAO;IAQe,MAAI,CAAA;QAAtC;;QAAS;SAAY,WAAW;IACQ,WAAS,CAAA;QAAjD;;QAAS;SAAY,iBAAiB;IAEC,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;;;;AEhC1C,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,wBAAP,MAAO,uBAAqB;;8GAArB,wBAAqB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAArB,wBAAqB,cAAA,CAFf,wBAAwB,GAAA,SAAA,CAF7B,YAAY,GAAA,SAAA,CACZ,wBAAwB,EAAA,CAAA;EAAA;;+GAGzB,wBAAqB,SAAA,CAJpB,YAAY,EAAA,CAAA;EAAA;;oGAIb,uBAAqB,YAAA,CAAA;QALjC;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,SAAS,CAAC,wBAAwB;IAClC,cAAc,CAAC,wBAAwB;GAC1C;;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-button-group/eui-button-group.component.ts", "../../eui-button-group/eui-button-group.component.html"],
|
|
4
|
-
"sourcesContent": ["import {\n AfterContentInit,\n Component,\n ContentChildren,\n EventEmitter,\n forwardRef,\n Input,\n NgModule,\n Output,\n QueryList,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiButtonComponent } from '@eui/components/eui-button';\n\n@Component({\n templateUrl: './eui-button-group.component.html',\n selector: 'eui-button-group',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiButtonGroupComponent implements AfterContentInit {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-button-group';\n }\n\n @Input({ transform: booleanAttribute }) isCheckboxButtons = false;\n @Input({ transform: booleanAttribute }) isRadioButtons = false;\n\n @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n @ContentChildren(forwardRef(() => EuiButtonComponent)) buttons: QueryList<EuiButtonComponent>;\n\n ngAfterContentInit(): void {\n this.buttons.map((b: EuiButtonComponent) => {\n b.buttonClick.subscribe(() => {\n this.handleInnerButtonClick(b);\n });\n });\n }\n\n private handleInnerButtonClick(button: EuiButtonComponent): void {\n try {\n if (button.isChecked && this.isCheckboxButtons) {\n button.isChecked = false;\n } else {\n if (this.isRadioButtons) {\n this.buttons.find((b) => b.id === button.id).isChecked = true;\n this.buttons.forEach((b) => {\n if (b.id !== button.id) {\n b.isChecked = false;\n }\n });\n } else if (this.isCheckboxButtons) {\n this.buttons.find((b) => b.id === button.id).isChecked = true;\n }\n }\n\n this.buttonClick.emit(button);\n } catch (e) {\n console.log(e);\n }\n }\n}\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiButtonGroupComponent],\n exports: [EuiButtonGroupComponent],\n})\nexport class EuiButtonGroupModule {}
|
|
4
|
+
"sourcesContent": ["import {\n AfterContentInit,\n Component,\n ContentChildren,\n EventEmitter,\n forwardRef,\n Input,\n NgModule,\n Output,\n QueryList,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiButtonComponent } from '@eui/components/eui-button';\n\n@Component({\n templateUrl: './eui-button-group.component.html',\n selector: 'eui-button-group',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiButtonGroupComponent implements AfterContentInit {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-button-group';\n }\n\n @Input({ transform: booleanAttribute }) isCheckboxButtons = false;\n @Input({ transform: booleanAttribute }) isRadioButtons = false;\n\n @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n @ContentChildren(forwardRef(() => EuiButtonComponent)) buttons: QueryList<EuiButtonComponent>;\n\n ngAfterContentInit(): void {\n this.buttons.map((b: EuiButtonComponent) => {\n b.buttonClick.subscribe(() => {\n this.handleInnerButtonClick(b);\n });\n });\n }\n\n private handleInnerButtonClick(button: EuiButtonComponent): void {\n try {\n if (button.isChecked && this.isCheckboxButtons) {\n button.isChecked = false;\n } else {\n if (this.isRadioButtons) {\n this.buttons.find((b) => b.id === button.id).isChecked = true;\n this.buttons.forEach((b) => {\n if (b.id !== button.id) {\n b.isChecked = false;\n }\n });\n } else if (this.isCheckboxButtons) {\n this.buttons.find((b) => b.id === button.id).isChecked = true;\n }\n }\n\n this.buttonClick.emit(button);\n } catch (e) {\n console.log(e);\n }\n }\n}\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiButtonGroupComponent],\n exports: [EuiButtonGroupComponent],\n})\nexport class EuiButtonGroupModule {}", "<ng-content></ng-content>\n"],
|
|
5
5
|
"mappings": ";AAAA,SAEI,WACA,iBACA,cACA,YACA,OACA,UACA,QAEA,mBACA,yBACA,aACA,wBACG;AACP,SAAS,oBAAoB;AAE7B,SAAS,0BAA0B;;AAS7B,IAAO,0BAAP,MAAO,yBAAuB;EAPpC,cAAA;AAa4C,SAAA,oBAAoB;AACpB,SAAA,iBAAiB;AAE/C,SAAA,cAAgD,IAAI,aAAY;;EAR1E,IACI,aAAU;AACV,WAAO;EACX;EASA,qBAAkB;AACd,SAAK,QAAQ,IAAI,CAAC,MAAyB;AACvC,QAAE,YAAY,UAAU,MAAK;AACzB,aAAK,uBAAuB,CAAC;MACjC,CAAC;IACL,CAAC;EACL;EAEQ,uBAAuB,QAA0B;AACrD,QAAI;AACA,UAAI,OAAO,aAAa,KAAK,mBAAmB;AAC5C,eAAO,YAAY;MACvB,OAAO;AACH,YAAI,KAAK,gBAAgB;AACrB,eAAK,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE,EAAE,YAAY;AACzD,eAAK,QAAQ,QAAQ,CAAC,MAAK;AACvB,gBAAI,EAAE,OAAO,OAAO,IAAI;AACpB,gBAAE,YAAY;YAClB;UACJ,CAAC;QACL,WAAW,KAAK,mBAAmB;AAC/B,eAAK,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE,EAAE,YAAY;QAC7D;MACJ;AAEA,WAAK,YAAY,KAAK,MAAM;IAChC,SAAS,GAAG;AACR,cAAQ,IAAI,CAAC;IACjB;EACJ;;4GA1CS,0BAAuB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAvB,0BAAuB,UAAA,oBAAA,QAAA,EAAA,mBAAA,CAAA,qBAAA,qBAMZ,gBAAgB,GAAA,gBAAA,CAAA,kBAAA,kBAChB,gBAAgB,EAAA,GAAA,SAAA,EAAA,aAAA,cAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,WAAA,WAAA,cAAA,MAIF,kBAAkB,EAAA,CAAA,GAAA,UAAA,IAAA,UCrCxD,+BACA,QAAA,CAAA,yrCAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDyBa,yBAAuB,YAAA,CAAA;QAPnC;qBAEa,oBAAkB,iBAEX,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,UAAA,+BAAA,QAAA,CAAA,yrCAAA,EAAA,CAAA;sBAIjC,YAAU,CAAA;QADb;SAAY,OAAO;IAKoB,mBAAiB,CAAA;QAAxD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,gBAAc,CAAA;QAArD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IAE5B,aAAW,CAAA;QAApB;IAEsD,SAAO,CAAA;QAA7D;SAAgB,WAAW,MAAM,kBAAkB,CAAC;;AAuCnD,IAAO,uBAAP,MAAO,sBAAoB;;4GAApB,uBAAoB,MAAA,CAAA,GAAA,QAAA,mBAAA,SAAA,CAAA;EAAA;;6GAApB,uBAAoB,cAAA,CAlDpB,uBAAuB,GAAA,SAAA,CA8CtB,YAAY,GAAA,SAAA,CA9Cb,uBAAuB,EAAA,CAAA;EAAA;;6GAkDvB,uBAAoB,SAAA,CAJnB,YAAY,EAAA,CAAA;EAAA;;kGAIb,sBAAoB,YAAA,CAAA;QALhC;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,cAAc,CAAC,uBAAuB;IACtC,SAAS,CAAC,uBAAuB;GACpC;;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|