@eui/components 18.0.0-next.40 → 18.0.0-next.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuiAppHeaderComponent.html +1 -1
- package/docs/components/EuiLanguageSelectorComponent.html +1 -1
- package/docs/components/EuiNotificationsComponent.html +1 -1
- package/docs/components/EuiOverlayHeaderTitleComponent.html +1 -1
- package/docs/components/EuiPaginatorComponent.html +1 -1
- package/docs/components/EuiPopoverComponent.html +1 -1
- package/docs/components/EuiTableSortableColComponent.html +1 -1
- package/docs/components/EuiTableV2SortableColComponent.html +1 -1
- package/docs/dependencies.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-alert/eui-alert.component.mjs +2 -2
- package/esm2022/eui-button/eui-button.component.mjs +2 -2
- package/esm2022/eui-card/eui-card.component.mjs +2 -2
- package/esm2022/eui-chip-list/eui-chip-list.component.mjs +2 -2
- package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +2 -2
- package/esm2022/eui-dialog/eui-dialog.component.mjs +2 -2
- package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +2 -2
- package/esm2022/eui-input-group/eui-input-group.component.mjs +2 -2
- package/esm2022/eui-language-selector/language-selector.component.mjs +3 -3
- package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.mjs +3 -3
- package/esm2022/eui-overlay/eui-overlay.component.mjs +2 -2
- package/esm2022/eui-page/eui-page.component.mjs +2 -2
- package/esm2022/eui-paginator/eui-paginator.component.mjs +3 -3
- package/esm2022/eui-popover/eui-popover.component.mjs +3 -3
- package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +2 -2
- package/esm2022/eui-table/eui-table.component.mjs +2 -2
- package/esm2022/eui-table/sortable-col/eui-table-sortable-col.component.mjs +3 -3
- package/esm2022/eui-table-v2/eui-table-v2.component.mjs +2 -2
- package/esm2022/eui-table-v2/sortable-col/eui-table-v2-sortable-col.component.mjs +3 -3
- package/esm2022/eui-timebar/eui-timebar.component.mjs +2 -2
- package/esm2022/eui-user-profile/user-profile.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-header/header.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app.component.mjs +2 -2
- package/esm2022/layout/eui-breadcrumb/breadcrumb.component.mjs +4 -4
- package/esm2022/layout/eui-breadcrumb/item/breadcrumb-item.component.mjs +2 -2
- package/esm2022/layout/eui-header/header.component.mjs +2 -2
- package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +3 -3
- package/esm2022/layout/eui-search/search.component.mjs +2 -2
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +2 -2
- package/fesm2022/eui-components-eui-alert.mjs +2 -2
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip-list.mjs +2 -2
- package/fesm2022/eui-components-eui-chip-list.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs +4 -4
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- 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-input-group.mjs +2 -2
- package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
- package/fesm2022/eui-components-eui-language-selector.mjs +2 -2
- package/fesm2022/eui-components-eui-language-selector.mjs.map +2 -2
- package/fesm2022/eui-components-eui-overlay.mjs +4 -4
- package/fesm2022/eui-components-eui-overlay.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-paginator.mjs +10 -10
- package/fesm2022/eui-components-eui-paginator.mjs.map +2 -2
- package/fesm2022/eui-components-eui-popover.mjs +2 -2
- 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-table-v2.mjs +6 -6
- package/fesm2022/eui-components-eui-table-v2.mjs.map +2 -2
- package/fesm2022/eui-components-eui-table.mjs +6 -6
- package/fesm2022/eui-components-eui-table.mjs.map +2 -2
- package/fesm2022/eui-components-eui-timebar.mjs +2 -2
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-user-profile.mjs +2 -2
- package/fesm2022/eui-components-eui-user-profile.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +27 -27
- package/fesm2022/eui-components-layout.mjs.map +2 -2
- package/package.json +3 -3
|
@@ -13,12 +13,12 @@ var EuiInputGroupComponent = class _EuiInputGroupComponent {
|
|
|
13
13
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiInputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
14
|
}
|
|
15
15
|
static {
|
|
16
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses", "attr.type": "this.type" } }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-input-group>.eui-label{align-items:center;display:inline-flex}.eui-input-group>.eui-label:first-child{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-l)}.eui-input-group:not(.row) .eui-input-radio+label,.eui-input-group:not(.row) .eui-input-checkbox+label{left:calc(var(--eui-base-spacing-xl) - 2px);margin-bottom:calc(-1 * var(--eui-base-spacing-2xs));position:relative;top:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));vertical-align:middle;white-space:inherit}.eui-input-group:not(.row) div{align-items:center!important}.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-input-group.row{align-items:center;flex-direction:row}.eui-input-group.row .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);white-space:normal}.eui-input-group.row .eui-label:first-child{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}@media screen and (
|
|
16
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses", "attr.type": "this.type" } }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-input-group>.eui-label{align-items:center;display:inline-flex}.eui-input-group>.eui-label:first-child{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-l)}.eui-input-group:not(.row) .eui-input-radio+label,.eui-input-group:not(.row) .eui-input-checkbox+label{left:calc(var(--eui-base-spacing-xl) - 2px);margin-bottom:calc(-1 * var(--eui-base-spacing-2xs));position:relative;top:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));vertical-align:middle;white-space:inherit}.eui-input-group:not(.row) div{align-items:center!important}.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-input-group.row{align-items:center;flex-direction:row}.eui-input-group.row .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);white-space:normal}.eui-input-group.row .eui-label:first-child{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}@media screen and (min-width: new-breakpoint(max-width 767px)){.eui-input-group.row{flex-direction:column}.eui-input-group.row label,.eui-input-group.row .eui-label{justify-content:flex-start;text-align:left}}.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-c-neutral-bg-light);border:1px solid var(--eui-c-neutral-lighter);border-radius:0;box-shadow:var(--eui-app-box-shadow);color:var(--eui-c-neutral);display:flex;flex-shrink:0;height:auto;justify-content:center;min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:var(--eui-base-spacing-xs)}.eui-input-group-addon>:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.eui-input-group-addon>:not(:last-child){border-bottom-left-radius:var(--eui-base-border-radius);border-top-left-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0}.eui-input-group-addon>:not(:first-child):not(:last-child){border-radius:0}.eui-input-group-addon>:last-child:not(:first-child){border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0}.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-select,.eui-input-group-addon .eui-button,.eui-input-group-addon eui-dropdown{margin-left:-2px}.eui-input-group-addon .eui-input-text+.eui-input-group-addon-item,.eui-input-group-addon .eui-input-number+.eui-input-group-addon-item{border-left-color:transparent}.eui-input-group-addon .eui-button,.eui-input-group-addon .eui-textarea{margin-left:-1px}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiInputGroupComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: "div[euiInputGroup]", template: "<ng-content></ng-content>", encapsulation: ViewEncapsulation.None, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-input-group>.eui-label{align-items:center;display:inline-flex}.eui-input-group>.eui-label:first-child{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-l)}.eui-input-group:not(.row) .eui-input-radio+label,.eui-input-group:not(.row) .eui-input-checkbox+label{left:calc(var(--eui-base-spacing-xl) - 2px);margin-bottom:calc(-1 * var(--eui-base-spacing-2xs));position:relative;top:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));vertical-align:middle;white-space:inherit}.eui-input-group:not(.row) div{align-items:center!important}.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-input-group.row{align-items:center;flex-direction:row}.eui-input-group.row .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);white-space:normal}.eui-input-group.row .eui-label:first-child{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}@media screen and (
|
|
21
|
+
args: [{ selector: "div[euiInputGroup]", template: "<ng-content></ng-content>", encapsulation: ViewEncapsulation.None, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-input-group>.eui-label{align-items:center;display:inline-flex}.eui-input-group>.eui-label:first-child{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-l)}.eui-input-group:not(.row) .eui-input-radio+label,.eui-input-group:not(.row) .eui-input-checkbox+label{left:calc(var(--eui-base-spacing-xl) - 2px);margin-bottom:calc(-1 * var(--eui-base-spacing-2xs));position:relative;top:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));vertical-align:middle;white-space:inherit}.eui-input-group:not(.row) div{align-items:center!important}.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-input-group.row{align-items:center;flex-direction:row}.eui-input-group.row .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);white-space:normal}.eui-input-group.row .eui-label:first-child{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}@media screen and (min-width: new-breakpoint(max-width 767px)){.eui-input-group.row{flex-direction:column}.eui-input-group.row label,.eui-input-group.row .eui-label{justify-content:flex-start;text-align:left}}.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-c-neutral-bg-light);border:1px solid var(--eui-c-neutral-lighter);border-radius:0;box-shadow:var(--eui-app-box-shadow);color:var(--eui-c-neutral);display:flex;flex-shrink:0;height:auto;justify-content:center;min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:var(--eui-base-spacing-xs)}.eui-input-group-addon>:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.eui-input-group-addon>:not(:last-child){border-bottom-left-radius:var(--eui-base-border-radius);border-top-left-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0}.eui-input-group-addon>:not(:first-child):not(:last-child){border-radius:0}.eui-input-group-addon>:last-child:not(:first-child){border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0}.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-select,.eui-input-group-addon .eui-button,.eui-input-group-addon eui-dropdown{margin-left:-2px}.eui-input-group-addon .eui-input-text+.eui-input-group-addon-item,.eui-input-group-addon .eui-input-number+.eui-input-group-addon-item{border-left-color:transparent}.eui-input-group-addon .eui-button,.eui-input-group-addon .eui-textarea{margin-left:-1px}\n"] }]
|
|
22
22
|
}], propDecorators: { e2eAttr: [{
|
|
23
23
|
type: HostBinding,
|
|
24
24
|
args: ["attr.data-e2e"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-input-group/eui-input-group.component.ts", "../../eui-input-group/eui-input-group.module.ts"],
|
|
4
4
|
"sourcesContent": ["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'div[euiInputGroup]',\n styleUrls: ['./styles/_index.scss'],\n template: '<ng-content></ng-content>',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiInputGroupComponent {\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-input-group';\n @HostBinding('class')\n public get cssClasses(): string {\n return 'eui-input-group';\n }\n\n @HostBinding('attr.type') protected type = 'inputGroup';\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputGroupComponent } from './eui-input-group.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiInputGroupComponent],\n exports: [EuiInputGroupComponent],\n})\nexport class EuiInputGroupModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,aAAa,OAAO,yBAAyB;;AAS3D,IAAO,yBAAP,MAAO,wBAAsB;EAPnC,cAAA;AAQ2C,SAAA,UAAU;AAMb,SAAA,OAAO;;EAL3C,IACW,aAAU;AACjB,WAAO;EACX;;4GALS,yBAAsB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAtB,yBAAsB,UAAA,sBAAA,QAAA,EAAA,SAAA,UAAA,GAAA,MAAA,EAAA,YAAA,EAAA,iBAAA,gBAAA,SAAA,mBAAA,aAAA,YAAA,EAAA,GAAA,UAAA,IAAA,UAHrB,6BAA2B,UAAA,MAAA,QAAA,CAAA,
|
|
5
|
+
"mappings": ";AAAA,SAAS,WAAW,aAAa,OAAO,yBAAyB;;AAS3D,IAAO,yBAAP,MAAO,wBAAsB;EAPnC,cAAA;AAQ2C,SAAA,UAAU;AAMb,SAAA,OAAO;;EAL3C,IACW,aAAU;AACjB,WAAO;EACX;;4GALS,yBAAsB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAtB,yBAAsB,UAAA,sBAAA,QAAA,EAAA,SAAA,UAAA,GAAA,MAAA,EAAA,YAAA,EAAA,iBAAA,gBAAA,SAAA,mBAAA,aAAA,YAAA,EAAA,GAAA,UAAA,IAAA,UAHrB,6BAA2B,UAAA,MAAA,QAAA,CAAA,s6IAAA,GAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGAG5B,wBAAsB,YAAA,CAAA;QAPlC;qBAEa,sBAAoB,UAEpB,6BAA2B,eACtB,kBAAkB,MAAI,QAAA,CAAA,s6IAAA,EAAA,CAAA;sBAGE,SAAO,CAAA;QAA7C;SAAY,eAAe;;QAAG;IAEpB,YAAU,CAAA;QADpB;SAAY,OAAO;IAKgB,MAAI,CAAA;QAAvC;SAAY,WAAW;;;;AChB5B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,sBAAP,MAAO,qBAAmB;;8GAAnB,sBAAmB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAnB,sBAAmB,cAAA,CAHb,sBAAsB,GAAA,SAAA,CAD3B,YAAY,GAAA,SAAA,CAEZ,sBAAsB,EAAA,CAAA;EAAA;;+GAEvB,sBAAmB,SAAA,CAJlB,YAAY,EAAA,CAAA;EAAA;;oGAIb,qBAAmB,YAAA,CAAA;QAL/B;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,cAAc,CAAC,sBAAsB;IACrC,SAAS,CAAC,sBAAsB;GACnC;;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -160,12 +160,12 @@ var EuiLanguageSelectorComponent = class _EuiLanguageSelectorComponent {
|
|
|
160
160
|
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiLanguageSelectorComponent, deps: [{ token: i02.ChangeDetectorRef }, { token: i12.EuiDialogService }, { token: i22.EuiAppShellService }, { token: i32.TranslateService }], target: i02.ɵɵFactoryTarget.Component });
|
|
161
161
|
}
|
|
162
162
|
static {
|
|
163
|
-
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.5", type: _EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: { hasLanguageSelection: ["hasLanguageSelection", "hasLanguageSelection", booleanAttribute], isToolbarSelector: ["isToolbarSelector", "isToolbarSelector", booleanAttribute], euiPrimary: ["euiPrimary", "euiPrimary", booleanAttribute] }, outputs: { languageSelectorClick: "languageSelectorClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i02, template: '<ng-container *ngIf="!hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="onClick()">\n <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-container *ngIf="isShowDropDown && hasLanguageSelection">\n <eui-dropdown>\n <button class="eui-language-selector-button">\n <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n <eui-dropdown-content>\n <div class="eui-language-selector-menu">\n <div\n *ngFor="let language of languages"\n euiDropdownItem\n attr.data-e2e="eui-language-selector-item_{{ language.code }}"\n class="eui-language-selector-menu-language-item"\n (click)="onLanguageChanged(language)">\n {{ language.label }} ({{ language.code }})\n </div>\n </div>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf="isShowModal && hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="open()">\n <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-template #languageSelectorIcon>\n @if (euiPrimary) {\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="primary
|
|
163
|
+
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.5", type: _EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: { hasLanguageSelection: ["hasLanguageSelection", "hasLanguageSelection", booleanAttribute], isToolbarSelector: ["isToolbarSelector", "isToolbarSelector", booleanAttribute], euiPrimary: ["euiPrimary", "euiPrimary", booleanAttribute] }, outputs: { languageSelectorClick: "languageSelectorClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i02, template: '<ng-container *ngIf="!hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="onClick()">\n <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-container *ngIf="isShowDropDown && hasLanguageSelection">\n <eui-dropdown>\n <button class="eui-language-selector-button">\n <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n <eui-dropdown-content>\n <div class="eui-language-selector-menu">\n <div\n *ngFor="let language of languages"\n euiDropdownItem\n attr.data-e2e="eui-language-selector-item_{{ language.code }}"\n class="eui-language-selector-menu-language-item"\n (click)="onLanguageChanged(language)">\n {{ language.label }} ({{ language.code }})\n </div>\n </div>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf="isShowModal && hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="open()">\n <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-template #languageSelectorIcon>\n @if (euiPrimary) {\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="primary"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n }\n</ng-template>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-language-selector-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-language-selector-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-c-white);position:absolute;text-transform:uppercase;top:35%;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-language-selector-menu-language-item{padding:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-c-neutral-bg-light);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-c-neutral-bg-light)}.eui-language-selector--empty{display:none}.eui-language-selector--primary .eui-language-selector-button__language-code{color:var(--eui-c-white)}.eui-language-selector--toolbar-selector .eui-language-selector-button__language-code{color:var(--eui-c-black)}\n'], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"] }, { kind: "component", type: i5.EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: ["subDropdown", "isActive"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], encapsulation: i02.ViewEncapsulation.None });
|
|
164
164
|
}
|
|
165
165
|
};
|
|
166
166
|
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiLanguageSelectorComponent, decorators: [{
|
|
167
167
|
type: Component2,
|
|
168
|
-
args: [{ selector: "eui-language-selector", encapsulation: ViewEncapsulation3.None, template: '<ng-container *ngIf="!hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="onClick()">\n <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-container *ngIf="isShowDropDown && hasLanguageSelection">\n <eui-dropdown>\n <button class="eui-language-selector-button">\n <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n <eui-dropdown-content>\n <div class="eui-language-selector-menu">\n <div\n *ngFor="let language of languages"\n euiDropdownItem\n attr.data-e2e="eui-language-selector-item_{{ language.code }}"\n class="eui-language-selector-menu-language-item"\n (click)="onLanguageChanged(language)">\n {{ language.label }} ({{ language.code }})\n </div>\n </div>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf="isShowModal && hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="open()">\n <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-template #languageSelectorIcon>\n @if (euiPrimary) {\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="primary
|
|
168
|
+
args: [{ selector: "eui-language-selector", encapsulation: ViewEncapsulation3.None, template: '<ng-container *ngIf="!hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="onClick()">\n <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-container *ngIf="isShowDropDown && hasLanguageSelection">\n <eui-dropdown>\n <button class="eui-language-selector-button">\n <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n <eui-dropdown-content>\n <div class="eui-language-selector-menu">\n <div\n *ngFor="let language of languages"\n euiDropdownItem\n attr.data-e2e="eui-language-selector-item_{{ language.code }}"\n class="eui-language-selector-menu-language-item"\n (click)="onLanguageChanged(language)">\n {{ language.label }} ({{ language.code }})\n </div>\n </div>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf="isShowModal && hasLanguageSelection">\n <button class="eui-language-selector-button" (click)="open()">\n <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n <span class="eui-language-selector-button__language-code">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-template #languageSelectorIcon>\n @if (euiPrimary) {\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="primary"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n }\n</ng-template>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-language-selector-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-language-selector-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-c-white);position:absolute;text-transform:uppercase;top:35%;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-language-selector-menu-language-item{padding:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-c-neutral-bg-light);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-c-neutral-bg-light)}.eui-language-selector--empty{display:none}.eui-language-selector--primary .eui-language-selector-button__language-code{color:var(--eui-c-white)}.eui-language-selector--toolbar-selector .eui-language-selector-button__language-code{color:var(--eui-c-black)}\n'] }]
|
|
169
169
|
}], ctorParameters: () => [{ type: i02.ChangeDetectorRef }, { type: i12.EuiDialogService }, { type: i22.EuiAppShellService }, { type: i32.TranslateService }], propDecorators: { cssClasses: [{
|
|
170
170
|
type: HostBinding,
|
|
171
171
|
args: ["class"]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-language-selector/modal-selector/modal-selector.component.ts", "../../eui-language-selector/modal-selector/modal-selector.component.html", "../../eui-language-selector/language-selector.component.ts", "../../eui-language-selector/language-selector.component.html", "../../eui-language-selector/language-selector.module.ts"],
|
|
4
|
-
"sourcesContent": ["import { Component, ViewEncapsulation, ChangeDetectionStrategy, OnInit, Inject } from '@angular/core';\nimport { EuiEuLanguages, EuiLanguage } from '@eui/base';\n\nimport { DIALOG_COMPONENT_CONFIG } from '@eui/components/eui-dialog';\nimport { EuiDialogService } from '@eui/components/eui-dialog';\n\n@Component({\n selector: 'eui-modal-selector',\n templateUrl: './modal-selector.component.html',\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiModalSelectorComponent implements OnInit {\n public languageRows: EuiLanguage[][] = [];\n public additionaLanguageRows: EuiLanguage[][] = [];\n\n private selectedLanguage: EuiLanguage;\n\n constructor(\n private euiDialogService: EuiDialogService,\n @Inject(DIALOG_COMPONENT_CONFIG)\n public config: {\n languages: EuiLanguage[];\n selectedLanguage: EuiLanguage;\n languageChanged: (language: EuiLanguage) => void;\n },\n ) {}\n\n ngOnInit(): void {\n this.languageRows = this.prepareLanguageRows(EuiEuLanguages.filterEULanguages(this.config.languages));\n this.additionaLanguageRows = this.prepareLanguageRows(EuiEuLanguages.filterNonEULanguages(this.config.languages));\n }\n\n selectLanguage(languageCode: EuiLanguage): void {\n if (this.selectedLanguage?.code !== languageCode.code) {\n for (const language of this.config.languages) {\n if (language.code === languageCode.code) {\n this.selectedLanguage = language;\n break;\n }\n }\n }\n\n this.config.languageChanged(languageCode);\n this.euiDialogService.closeDialog();\n }\n\n private prepareLanguageRows(languages: EuiLanguage[]): EuiLanguage[][] {\n const rows: EuiLanguage[][] = [];\n let row: EuiLanguage[] = [];\n\n for (let i = 0; i < languages.length; i++) {\n if (i % 4 === 0) {\n if (row.length > 0) {\n rows.push(row);\n row = [];\n }\n }\n row.push(languages[i]);\n }\n\n if (row.length > 0) {\n rows.push(row);\n }\n\n return rows;\n }\n}\n", "<h4 *ngIf=\"additionaLanguageRows?.length > 0\">EU official languages</h4>\n<div id=\"eu_languages\" *ngFor=\"let row of languageRows\" class=\"row\">\n <div *ngFor=\"let language of row\" class=\"col-md-6 mb-2\">\n <button\n type=\"button\"\n e2eAttr=\"eui-language-selector-item_{{ language.code }}\"\n euiButton\n euiBlockButton\n [euiSecondary]=\"language.code !== config.selectedLanguage.code\"\n [euiPrimary]=\"language.code === config.selectedLanguage.code\"\n (click)=\"selectLanguage(language)\">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n</div>\n<ng-container *ngIf=\"additionaLanguageRows?.length > 0\">\n <br />\n <h4>Non-EU Languages</h4>\n <div id=\"extra_languages\" *ngFor=\"let row of additionaLanguageRows\" class=\"row\">\n <div *ngFor=\"let language of row\" class=\"col-md-6 mb-2\">\n <button\n type=\"button\"\n e2eAttr=\"eui-language-selector-item_{{ language.code }}\"\n euiButton\n euiBlockButton\n [euiSecondary]=\"language.code !== config.selectedLanguage.code\"\n [euiPrimary]=\"language.code === config.selectedLanguage.code\"\n (click)=\"selectLanguage(language)\">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n </div>\n</ng-container>\n", "import {\n Component,\n ViewEncapsulation,\n HostBinding,\n OnDestroy,\n OnInit,\n ChangeDetectorRef,\n Input,\n Output,\n EventEmitter,\n booleanAttribute,\n} from '@angular/core';\nimport { distinctUntilKeyChanged, map, takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\nimport { TranslateService } from '@ngx-translate/core';\n\nimport { EuiEuLanguages, EuiLanguage } from '@eui/base';\nimport { EuiAppShellService } from '@eui/core';\nimport { EuiDialogConfig, EuiDialogService } from '@eui/components/eui-dialog';\n\nimport { EuiModalSelectorComponent } from './modal-selector/modal-selector.component';\n\n@Component({\n selector: 'eui-language-selector',\n templateUrl: './language-selector.component.html',\n styleUrls: ['./_styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiLanguageSelectorComponent implements OnInit, OnDestroy {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-language-selector',\n this.languages?.length <= 1 ? 'eui-language-selector--empty' : '',\n this.euiPrimary ? 'eui-language-selector--primary' : '',\n this.isToolbarSelector ? 'eui-language-selector--toolbar-selector' : '',\n ].join(' ').trim();\n }\n\n languages: EuiLanguage[];\n selectedLanguage: EuiLanguage;\n\n @Input({ transform: booleanAttribute }) hasLanguageSelection = true;\n @Input({ transform: booleanAttribute }) isToolbarSelector = false;\n @Input({ transform: booleanAttribute }) euiPrimary = false;\n\n @Output() languageSelectorClick = new EventEmitter<null>();\n\n private destroy$: Subject<boolean> = new Subject<boolean>();\n\n constructor(\n private cd: ChangeDetectorRef,\n private euiDialogService: EuiDialogService,\n public appShellService: EuiAppShellService,\n private translateService: TranslateService,\n ) {\n }\n\n /**\n * returns true if there are at least one and max four languages.\n */\n get isShowDropDown(): boolean {\n return this.languages?.length > 1 && this.languages?.length < 4;\n }\n\n /**\n * returns true if there are at least five languages.\n */\n get isShowModal(): boolean {\n return this.languages?.length >= 4;\n }\n\n ngOnInit(): void {\n // update languages array based on AppShell State 'language' changes\n this.appShellService.state$\n .pipe(\n takeUntil(this.destroy$),\n distinctUntilKeyChanged('languages'),\n map((state) => state.languages),\n )\n .subscribe((languages) => {\n this.languages = languages ? EuiEuLanguages.getOrderedLanguages(languages) : EuiEuLanguages.getLanguages();\n this.cd.detectChanges();\n });\n\n // update activeLanguage array based on AppShell State 'language' changes\n this.appShellService.state$\n .pipe(\n takeUntil(this.destroy$),\n distinctUntilKeyChanged('activeLanguage'),\n map((state) => state.activeLanguage),\n )\n .subscribe((activeLanguage) => {\n this.selectedLanguage = this.getLanguage(activeLanguage);\n this.cd.detectChanges();\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n\n onLanguageChanged(language: EuiLanguage): void {\n // Update the AppShellService state\n this.appShellService.setState({\n ...this.appShellService.state,\n activeLanguage: language.code,\n });\n }\n\n /**\n * Opens the modal that renders the UxLanguage array with modal actions bindings to this Component\n */\n open(titleLabel: string = this.translateService.instant('eui.languageSelector.modalTitle')): void {\n this.euiDialogService.openDialog(\n new EuiDialogConfig({\n title: titleLabel,\n hasFooter: false,\n hasClosedOnClickOutside: true,\n bodyComponent: {\n component: EuiModalSelectorComponent,\n config: {\n languages: this.languages,\n selectedLanguage: this.selectedLanguage,\n languageChanged: (language: EuiLanguage) => this.onLanguageChanged(language),\n },\n },\n }),\n );\n }\n\n onClick(): void {\n this.languageSelectorClick.emit();\n }\n\n /**\n * returns the UxLanguage Object from a given language code\n *\n * @param languageCode two char language code\n * @protected\n */\n protected getLanguage(languageCode: string): EuiLanguage {\n return this.languages.find((lang) => lang.code === languageCode);\n }\n}\n", "<ng-container *ngIf=\"!hasLanguageSelection\">\n <button class=\"eui-language-selector-button\" (click)=\"onClick()\">\n <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n <span class=\"eui-language-selector-button__language-code\">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"isShowDropDown && hasLanguageSelection\">\n <eui-dropdown>\n <button class=\"eui-language-selector-button\">\n <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n <span class=\"eui-language-selector-button__language-code\">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n <eui-dropdown-content>\n <div class=\"eui-language-selector-menu\">\n <div\n *ngFor=\"let language of languages\"\n euiDropdownItem\n attr.data-e2e=\"eui-language-selector-item_{{ language.code }}\"\n class=\"eui-language-selector-menu-language-item\"\n (click)=\"onLanguageChanged(language)\">\n {{ language.label }} ({{ language.code }})\n </div>\n </div>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf=\"isShowModal && hasLanguageSelection\">\n <button class=\"eui-language-selector-button\" (click)=\"open()\">\n <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n <span class=\"eui-language-selector-button__language-code\">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-template #languageSelectorIcon>\n @if (euiPrimary) {\n <eui-icon-svg icon=\"eui-ecl-language\" size=\"l\" fillColor=\"primary-100\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"eui-ecl-language\" size=\"l\" fillColor=\"white\"></eui-icon-svg>\n }\n</ng-template>\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiDropdownModule } from '@eui/components/eui-dropdown';\nimport { EuiDialogModule } from '@eui/components/eui-dialog';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiLanguageSelectorComponent } from './language-selector.component';\nimport { EuiModalSelectorComponent } from './modal-selector/modal-selector.component';\n\n@NgModule({\n imports: [CommonModule, EuiDropdownModule, EuiButtonModule, EuiDialogModule, EuiIconModule],\n exports: [EuiLanguageSelectorComponent],\n declarations: [EuiLanguageSelectorComponent, EuiModalSelectorComponent],\n})\nexport class EuiLanguageSelectorModule {}\n"],
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["import { Component, ViewEncapsulation, ChangeDetectionStrategy, OnInit, Inject } from '@angular/core';\nimport { EuiEuLanguages, EuiLanguage } from '@eui/base';\n\nimport { DIALOG_COMPONENT_CONFIG } from '@eui/components/eui-dialog';\nimport { EuiDialogService } from '@eui/components/eui-dialog';\n\n@Component({\n selector: 'eui-modal-selector',\n templateUrl: './modal-selector.component.html',\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiModalSelectorComponent implements OnInit {\n public languageRows: EuiLanguage[][] = [];\n public additionaLanguageRows: EuiLanguage[][] = [];\n\n private selectedLanguage: EuiLanguage;\n\n constructor(\n private euiDialogService: EuiDialogService,\n @Inject(DIALOG_COMPONENT_CONFIG)\n public config: {\n languages: EuiLanguage[];\n selectedLanguage: EuiLanguage;\n languageChanged: (language: EuiLanguage) => void;\n },\n ) {}\n\n ngOnInit(): void {\n this.languageRows = this.prepareLanguageRows(EuiEuLanguages.filterEULanguages(this.config.languages));\n this.additionaLanguageRows = this.prepareLanguageRows(EuiEuLanguages.filterNonEULanguages(this.config.languages));\n }\n\n selectLanguage(languageCode: EuiLanguage): void {\n if (this.selectedLanguage?.code !== languageCode.code) {\n for (const language of this.config.languages) {\n if (language.code === languageCode.code) {\n this.selectedLanguage = language;\n break;\n }\n }\n }\n\n this.config.languageChanged(languageCode);\n this.euiDialogService.closeDialog();\n }\n\n private prepareLanguageRows(languages: EuiLanguage[]): EuiLanguage[][] {\n const rows: EuiLanguage[][] = [];\n let row: EuiLanguage[] = [];\n\n for (let i = 0; i < languages.length; i++) {\n if (i % 4 === 0) {\n if (row.length > 0) {\n rows.push(row);\n row = [];\n }\n }\n row.push(languages[i]);\n }\n\n if (row.length > 0) {\n rows.push(row);\n }\n\n return rows;\n }\n}\n", "<h4 *ngIf=\"additionaLanguageRows?.length > 0\">EU official languages</h4>\n<div id=\"eu_languages\" *ngFor=\"let row of languageRows\" class=\"row\">\n <div *ngFor=\"let language of row\" class=\"col-md-6 mb-2\">\n <button\n type=\"button\"\n e2eAttr=\"eui-language-selector-item_{{ language.code }}\"\n euiButton\n euiBlockButton\n [euiSecondary]=\"language.code !== config.selectedLanguage.code\"\n [euiPrimary]=\"language.code === config.selectedLanguage.code\"\n (click)=\"selectLanguage(language)\">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n</div>\n<ng-container *ngIf=\"additionaLanguageRows?.length > 0\">\n <br />\n <h4>Non-EU Languages</h4>\n <div id=\"extra_languages\" *ngFor=\"let row of additionaLanguageRows\" class=\"row\">\n <div *ngFor=\"let language of row\" class=\"col-md-6 mb-2\">\n <button\n type=\"button\"\n e2eAttr=\"eui-language-selector-item_{{ language.code }}\"\n euiButton\n euiBlockButton\n [euiSecondary]=\"language.code !== config.selectedLanguage.code\"\n [euiPrimary]=\"language.code === config.selectedLanguage.code\"\n (click)=\"selectLanguage(language)\">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n </div>\n</ng-container>\n", "import {\n Component,\n ViewEncapsulation,\n HostBinding,\n OnDestroy,\n OnInit,\n ChangeDetectorRef,\n Input,\n Output,\n EventEmitter,\n booleanAttribute,\n} from '@angular/core';\nimport { distinctUntilKeyChanged, map, takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\nimport { TranslateService } from '@ngx-translate/core';\n\nimport { EuiEuLanguages, EuiLanguage } from '@eui/base';\nimport { EuiAppShellService } from '@eui/core';\nimport { EuiDialogConfig, EuiDialogService } from '@eui/components/eui-dialog';\n\nimport { EuiModalSelectorComponent } from './modal-selector/modal-selector.component';\n\n@Component({\n selector: 'eui-language-selector',\n templateUrl: './language-selector.component.html',\n styleUrls: ['./_styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiLanguageSelectorComponent implements OnInit, OnDestroy {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-language-selector',\n this.languages?.length <= 1 ? 'eui-language-selector--empty' : '',\n this.euiPrimary ? 'eui-language-selector--primary' : '',\n this.isToolbarSelector ? 'eui-language-selector--toolbar-selector' : '',\n ].join(' ').trim();\n }\n\n languages: EuiLanguage[];\n selectedLanguage: EuiLanguage;\n\n @Input({ transform: booleanAttribute }) hasLanguageSelection = true;\n @Input({ transform: booleanAttribute }) isToolbarSelector = false;\n @Input({ transform: booleanAttribute }) euiPrimary = false;\n\n @Output() languageSelectorClick = new EventEmitter<null>();\n\n private destroy$: Subject<boolean> = new Subject<boolean>();\n\n constructor(\n private cd: ChangeDetectorRef,\n private euiDialogService: EuiDialogService,\n public appShellService: EuiAppShellService,\n private translateService: TranslateService,\n ) {\n }\n\n /**\n * returns true if there are at least one and max four languages.\n */\n get isShowDropDown(): boolean {\n return this.languages?.length > 1 && this.languages?.length < 4;\n }\n\n /**\n * returns true if there are at least five languages.\n */\n get isShowModal(): boolean {\n return this.languages?.length >= 4;\n }\n\n ngOnInit(): void {\n // update languages array based on AppShell State 'language' changes\n this.appShellService.state$\n .pipe(\n takeUntil(this.destroy$),\n distinctUntilKeyChanged('languages'),\n map((state) => state.languages),\n )\n .subscribe((languages) => {\n this.languages = languages ? EuiEuLanguages.getOrderedLanguages(languages) : EuiEuLanguages.getLanguages();\n this.cd.detectChanges();\n });\n\n // update activeLanguage array based on AppShell State 'language' changes\n this.appShellService.state$\n .pipe(\n takeUntil(this.destroy$),\n distinctUntilKeyChanged('activeLanguage'),\n map((state) => state.activeLanguage),\n )\n .subscribe((activeLanguage) => {\n this.selectedLanguage = this.getLanguage(activeLanguage);\n this.cd.detectChanges();\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n\n onLanguageChanged(language: EuiLanguage): void {\n // Update the AppShellService state\n this.appShellService.setState({\n ...this.appShellService.state,\n activeLanguage: language.code,\n });\n }\n\n /**\n * Opens the modal that renders the UxLanguage array with modal actions bindings to this Component\n */\n open(titleLabel: string = this.translateService.instant('eui.languageSelector.modalTitle')): void {\n this.euiDialogService.openDialog(\n new EuiDialogConfig({\n title: titleLabel,\n hasFooter: false,\n hasClosedOnClickOutside: true,\n bodyComponent: {\n component: EuiModalSelectorComponent,\n config: {\n languages: this.languages,\n selectedLanguage: this.selectedLanguage,\n languageChanged: (language: EuiLanguage) => this.onLanguageChanged(language),\n },\n },\n }),\n );\n }\n\n onClick(): void {\n this.languageSelectorClick.emit();\n }\n\n /**\n * returns the UxLanguage Object from a given language code\n *\n * @param languageCode two char language code\n * @protected\n */\n protected getLanguage(languageCode: string): EuiLanguage {\n return this.languages.find((lang) => lang.code === languageCode);\n }\n}\n", "<ng-container *ngIf=\"!hasLanguageSelection\">\n <button class=\"eui-language-selector-button\" (click)=\"onClick()\">\n <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n <span class=\"eui-language-selector-button__language-code\">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"isShowDropDown && hasLanguageSelection\">\n <eui-dropdown>\n <button class=\"eui-language-selector-button\">\n <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n <span class=\"eui-language-selector-button__language-code\">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n <eui-dropdown-content>\n <div class=\"eui-language-selector-menu\">\n <div\n *ngFor=\"let language of languages\"\n euiDropdownItem\n attr.data-e2e=\"eui-language-selector-item_{{ language.code }}\"\n class=\"eui-language-selector-menu-language-item\"\n (click)=\"onLanguageChanged(language)\">\n {{ language.label }} ({{ language.code }})\n </div>\n </div>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf=\"isShowModal && hasLanguageSelection\">\n <button class=\"eui-language-selector-button\" (click)=\"open()\">\n <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n <span class=\"eui-language-selector-button__language-code\">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-template #languageSelectorIcon>\n @if (euiPrimary) {\n <eui-icon-svg icon=\"eui-ecl-language\" size=\"l\" fillColor=\"primary\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"eui-ecl-language\" size=\"l\" fillColor=\"white\"></eui-icon-svg>\n }\n</ng-template>\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiDropdownModule } from '@eui/components/eui-dropdown';\nimport { EuiDialogModule } from '@eui/components/eui-dialog';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiLanguageSelectorComponent } from './language-selector.component';\nimport { EuiModalSelectorComponent } from './modal-selector/modal-selector.component';\n\n@NgModule({\n imports: [CommonModule, EuiDropdownModule, EuiButtonModule, EuiDialogModule, EuiIconModule],\n exports: [EuiLanguageSelectorComponent],\n declarations: [EuiLanguageSelectorComponent, EuiModalSelectorComponent],\n})\nexport class EuiLanguageSelectorModule {}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["Component", "ViewEncapsulation", "EuiEuLanguages", "i0"]
|
|
7
7
|
}
|
|
@@ -49,12 +49,12 @@ var EuiOverlayComponent = class _EuiOverlayComponent {
|
|
|
49
49
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
50
50
|
}
|
|
51
51
|
static {
|
|
52
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiOverlayComponent, selector: "eui-overlay", inputs: { isActive: ["isActive", "isActive", booleanAttribute], euiHighlighted: ["euiHighlighted", "euiHighlighted", booleanAttribute], hasClosedOnClickOutside: ["hasClosedOnClickOutside", "hasClosedOnClickOutside", booleanAttribute], position: "position", width: "width", fixedWidth: "fixedWidth" }, outputs: { activeState: "activeState" }, host: { listeners: { "keydown": "onKeydown($event)", "document:click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this['aria-label']" } }, ngImport: i0, template: '<div *ngIf="isActive" class="eui-overlay-wrapper" cdkTrapFocus [cdkTrapFocusAutoCapture]="true">\n <ng-content select="eui-overlay-header"></ng-content>\n <ng-content select="eui-overlay-body"></ng-content>\n <ng-content select="eui-overlay-footer"></ng-content>\n</div>\n', styles: [".eui-overlay{background:var(--eui-c-white);border-left:1px solid var(--eui-c-neutral-lighter);border-right:1px solid var(--eui-c-neutral-lighter);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-c-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-c-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-c-danger)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-overlay-footer{background-color:var(--eui-c-white);border-top:1px solid var(--eui-c-neutral-lightest);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-c-primary);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (
|
|
52
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiOverlayComponent, selector: "eui-overlay", inputs: { isActive: ["isActive", "isActive", booleanAttribute], euiHighlighted: ["euiHighlighted", "euiHighlighted", booleanAttribute], hasClosedOnClickOutside: ["hasClosedOnClickOutside", "hasClosedOnClickOutside", booleanAttribute], position: "position", width: "width", fixedWidth: "fixedWidth" }, outputs: { activeState: "activeState" }, host: { listeners: { "keydown": "onKeydown($event)", "document:click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this['aria-label']" } }, ngImport: i0, template: '<div *ngIf="isActive" class="eui-overlay-wrapper" cdkTrapFocus [cdkTrapFocusAutoCapture]="true">\n <ng-content select="eui-overlay-header"></ng-content>\n <ng-content select="eui-overlay-body"></ng-content>\n <ng-content select="eui-overlay-footer"></ng-content>\n</div>\n', styles: [".eui-overlay{background:var(--eui-c-white);border-left:1px solid var(--eui-c-neutral-lighter);border-right:1px solid var(--eui-c-neutral-lighter);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-c-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-c-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-c-danger)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-overlay-footer{background-color:var(--eui-c-white);border-top:1px solid var(--eui-c-neutral-lightest);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-c-primary);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (min-width: new-breakpoint(max-width 767px)){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: new-breakpoint(min-width 768px max-width 995px)){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: new-breakpoint(min-width 1400px)){.eui-overlay{right:-33%;width:33%!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiOverlayComponent, decorators: [{
|
|
56
56
|
type: Component,
|
|
57
|
-
args: [{ selector: "eui-overlay", encapsulation: ViewEncapsulation.None, template: '<div *ngIf="isActive" class="eui-overlay-wrapper" cdkTrapFocus [cdkTrapFocusAutoCapture]="true">\n <ng-content select="eui-overlay-header"></ng-content>\n <ng-content select="eui-overlay-body"></ng-content>\n <ng-content select="eui-overlay-footer"></ng-content>\n</div>\n', styles: [".eui-overlay{background:var(--eui-c-white);border-left:1px solid var(--eui-c-neutral-lighter);border-right:1px solid var(--eui-c-neutral-lighter);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-c-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-c-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-c-danger)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-overlay-footer{background-color:var(--eui-c-white);border-top:1px solid var(--eui-c-neutral-lightest);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-c-primary);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (
|
|
57
|
+
args: [{ selector: "eui-overlay", encapsulation: ViewEncapsulation.None, template: '<div *ngIf="isActive" class="eui-overlay-wrapper" cdkTrapFocus [cdkTrapFocusAutoCapture]="true">\n <ng-content select="eui-overlay-header"></ng-content>\n <ng-content select="eui-overlay-body"></ng-content>\n <ng-content select="eui-overlay-footer"></ng-content>\n</div>\n', styles: [".eui-overlay{background:var(--eui-c-white);border-left:1px solid var(--eui-c-neutral-lighter);border-right:1px solid var(--eui-c-neutral-lighter);height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-35%;top:0;width:35%;z-index:var(--eui-base-z-index-overlay)}.eui-overlay:not(.eui-overlay--slideInRight){transition:var(--eui-base-animation-transition-base)}.eui-overlay-wrapper{color:var(--eui-c-text);display:flex;flex-direction:column;height:100%}.eui-overlay-header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);cursor:default;display:flex;flex:0 0 auto;padding:var(--eui-base-spacing-m)}.eui-overlay-header:not(.eui-overlay-header--with-title){padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-m) var(--eui-base-spacing-m)}.eui-overlay-header-toolbar{align-items:center;display:flex;margin-left:auto;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header__close--inversed{background:transparent;color:var(--eui-c-white)}.eui-overlay-header__close--inversed:hover{color:var(--eui-c-danger)}.eui-overlay-header-title{display:flex;width:100%;flex-direction:column}.eui-overlay-header-title__label-wrapper{display:flex;flex-direction:row}.eui-overlay-header-title__label{display:flex;font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-overlay-header-title__actions{align-items:center;display:flex;margin-left:auto}.eui-overlay-header-title__actions-hide{align-items:center;display:flex}.eui-overlay-header-title__actions-hide-link{display:inline-flex}.eui-overlay-header-title__subactions-bar{display:flex;align-items:center}.eui-overlay-body{cursor:auto;flex:1 1 auto;overflow-y:auto;position:relative}.eui-overlay-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-overlay-body::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-overlay-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-overlay-body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-overlay-footer{background-color:var(--eui-c-white);border-top:1px solid var(--eui-c-neutral-lightest);flex:0 0 auto;padding:var(--eui-base-spacing-m);text-align:center}.eui-overlay.eui-overlay--slideInRight{transform:translateZ(0);display:inline-block;vertical-align:middle;animation-name:eui-overlay--slideInRight;animation-duration:var(--eui-base-animation-duration-fast);backface-visibility:visible}@keyframes eui-overlay--slideInRight{0%{transform:translate3d(50%,0,0);visibility:visible}to{transform:translateZ(0)}}.eui-overlay--size-full-screen{right:-100%;width:100%}.eui-overlay--is-active{right:0!important;box-shadow:var(--eui-base-shadow-5)}.eui-overlay--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-overlay-header--primary{background-color:var(--eui-c-primary);color:#fff}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-25{right:-25%;width:25%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-30{right:-30%;width:30%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-35{right:-35%;width:35%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-40{right:-40%;width:40%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-50{right:-50%;width:50%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--width-75{right:-75%;width:75%!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-25{right:-25rem;width:25rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-30{right:-30rem;width:30rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-35{right:-35rem;width:35rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-40{right:-40rem;width:40rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-50{right:-50rem;width:50rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--fixed-width-75{right:-75rem;width:75rem!important}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-right{position:fixed}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-top-center{height:auto;left:50%;position:fixed;top:0;transform:translate(-50%)}.eui-overlay.eui-overlay-offset.eui-overlay-offset--position-center{height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media screen and (min-width: new-breakpoint(max-width 767px)){.eui-overlay{right:-75%;width:75%!important}}@media screen and (min-width: new-breakpoint(min-width 768px max-width 995px)){.eui-overlay{right:-45%;width:45%!important}}@media screen and (min-width: new-breakpoint(min-width 1400px)){.eui-overlay{right:-33%;width:33%!important}}\n"] }]
|
|
58
58
|
}], propDecorators: { cssClasses: [{
|
|
59
59
|
type: HostBinding,
|
|
60
60
|
args: ["class"]
|
|
@@ -112,12 +112,12 @@ var EuiOverlayHeaderTitleComponent = class _EuiOverlayHeaderTitleComponent {
|
|
|
112
112
|
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiOverlayHeaderTitleComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
|
|
113
113
|
}
|
|
114
114
|
static {
|
|
115
|
-
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiOverlayHeaderTitleComponent, selector: "eui-overlay-header-title", inputs: { headerTitleLabel: "headerTitleLabel", headerTitleHideLabel: "headerTitleHideLabel", headerTitleCount: "headerTitleCount" }, outputs: { hide: "hide" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i02, template: '<div class="eui-overlay-header-title">\n <div class="eui-overlay-header-title__label-wrapper">\n <div class="eui-overlay-header-title__label">\n {{ headerTitleLabel }}\n <eui-badge euiSizeL *ngIf="headerTitleCount" class="eui-overlay-header-title__label-count eui-u-ml-s">\n {{ headerTitleCount }}\n </eui-badge>\n </div>\n\n <div class="eui-overlay-header-title__actions">\n <div *ngIf="headerTitleHideLabel" class="eui-overlay-header-title__actions-hide">\n <a (click)="onHide()" class="eui-overlay-header-title__actions-hide-link eui-u-text-link" role="button" tabindex="0">\n <span euiLabel>{{ headerTitleHideLabel }}</span>\n <eui-icon-svg icon="eui-chevron-forward" set="eui" size="s" fillColor="primary
|
|
115
|
+
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiOverlayHeaderTitleComponent, selector: "eui-overlay-header-title", inputs: { headerTitleLabel: "headerTitleLabel", headerTitleHideLabel: "headerTitleHideLabel", headerTitleCount: "headerTitleCount" }, outputs: { hide: "hide" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i02, template: '<div class="eui-overlay-header-title">\n <div class="eui-overlay-header-title__label-wrapper">\n <div class="eui-overlay-header-title__label">\n {{ headerTitleLabel }}\n <eui-badge euiSizeL *ngIf="headerTitleCount" class="eui-overlay-header-title__label-count eui-u-ml-s">\n {{ headerTitleCount }}\n </eui-badge>\n </div>\n\n <div class="eui-overlay-header-title__actions">\n <div *ngIf="headerTitleHideLabel" class="eui-overlay-header-title__actions-hide">\n <a (click)="onHide()" class="eui-overlay-header-title__actions-hide-link eui-u-text-link" role="button" tabindex="0">\n <span euiLabel>{{ headerTitleHideLabel }}</span>\n <eui-icon-svg icon="eui-chevron-forward" set="eui" size="s" fillColor="primary" class="eui-u-ml-xs"></eui-icon-svg>\n </a>\n </div>\n </div>\n </div>\n\n <div class="eui-overlay-header-title__subactions-bar">\n <ng-content></ng-content>\n </div>\n</div>\n', dependencies: [{ kind: "directive", type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i22.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i02.ViewEncapsulation.None });
|
|
116
116
|
}
|
|
117
117
|
};
|
|
118
118
|
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiOverlayHeaderTitleComponent, decorators: [{
|
|
119
119
|
type: Component2,
|
|
120
|
-
args: [{ selector: "eui-overlay-header-title", encapsulation: ViewEncapsulation3.None, template: '<div class="eui-overlay-header-title">\n <div class="eui-overlay-header-title__label-wrapper">\n <div class="eui-overlay-header-title__label">\n {{ headerTitleLabel }}\n <eui-badge euiSizeL *ngIf="headerTitleCount" class="eui-overlay-header-title__label-count eui-u-ml-s">\n {{ headerTitleCount }}\n </eui-badge>\n </div>\n\n <div class="eui-overlay-header-title__actions">\n <div *ngIf="headerTitleHideLabel" class="eui-overlay-header-title__actions-hide">\n <a (click)="onHide()" class="eui-overlay-header-title__actions-hide-link eui-u-text-link" role="button" tabindex="0">\n <span euiLabel>{{ headerTitleHideLabel }}</span>\n <eui-icon-svg icon="eui-chevron-forward" set="eui" size="s" fillColor="primary
|
|
120
|
+
args: [{ selector: "eui-overlay-header-title", encapsulation: ViewEncapsulation3.None, template: '<div class="eui-overlay-header-title">\n <div class="eui-overlay-header-title__label-wrapper">\n <div class="eui-overlay-header-title__label">\n {{ headerTitleLabel }}\n <eui-badge euiSizeL *ngIf="headerTitleCount" class="eui-overlay-header-title__label-count eui-u-ml-s">\n {{ headerTitleCount }}\n </eui-badge>\n </div>\n\n <div class="eui-overlay-header-title__actions">\n <div *ngIf="headerTitleHideLabel" class="eui-overlay-header-title__actions-hide">\n <a (click)="onHide()" class="eui-overlay-header-title__actions-hide-link eui-u-text-link" role="button" tabindex="0">\n <span euiLabel>{{ headerTitleHideLabel }}</span>\n <eui-icon-svg icon="eui-chevron-forward" set="eui" size="s" fillColor="primary" class="eui-u-ml-xs"></eui-icon-svg>\n </a>\n </div>\n </div>\n </div>\n\n <div class="eui-overlay-header-title__subactions-bar">\n <ng-content></ng-content>\n </div>\n</div>\n' }]
|
|
121
121
|
}], propDecorators: { cssClasses: [{
|
|
122
122
|
type: HostBinding2,
|
|
123
123
|
args: ["class"]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-overlay/eui-overlay.component.ts", "../../eui-overlay/eui-overlay.component.html", "../../eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.ts", "../../eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.html", "../../eui-overlay/components/eui-overlay-header/eui-overlay-header.component.ts", "../../eui-overlay/components/eui-overlay-header/eui-overlay-header.component.html", "../../eui-overlay/components/eui-overlay-body/eui-overlay-body.component.ts", "../../eui-overlay/components/eui-overlay-body/eui-overlay-body.component.html", "../../eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.ts", "../../eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.html", "../../eui-overlay/eui-overlay.module.ts"],
|
|
4
|
-
"sourcesContent": ["import { Component, HostBinding, ViewEncapsulation, Input, HostListener, Output, EventEmitter, booleanAttribute } from '@angular/core';\n\n@Component({\n selector: 'eui-overlay',\n templateUrl: './eui-overlay.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-overlay',\n this.isActive ? 'eui-overlay--is-active' : '',\n this.euiHighlighted ? 'eui-overlay--highlighted' : '',\n this.position ? 'eui-overlay-offset eui-overlay-offset--position-' + this.position : '',\n this.width ? 'eui-overlay-offset eui-overlay-offset--width-' + this.width : '',\n this.fixedWidth ? 'eui-overlay-offset eui-overlay-offset--fixed-width-' + this.fixedWidth : '',\n this.hasClosedOnClickOutside ? 'eui-overlay--slideInRight' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.role') role = 'dialog';\n @HostBinding('attr.aria-label') 'aria-label' = 'dialogOverlay';\n\n @Input({ transform: booleanAttribute }) isActive = false;\n @Input({ transform: booleanAttribute }) euiHighlighted = false;\n @Input({ transform: booleanAttribute }) hasClosedOnClickOutside = false;\n @Input() position = 'right';\n @Input() width: string;\n @Input() fixedWidth: string;\n\n @Output() activeState = new EventEmitter<boolean>();\n\n @HostListener('keydown', ['$event'])\n onKeydown(event: KeyboardEvent): void {\n if (event.key === 'Escape') {\n this.activeState.emit(false);\n }\n }\n\n @HostListener('document:click', ['$event'])\n onClick(event: MouseEvent): void {\n if (this.hasClosedOnClickOutside) {\n let targetElement = event.target as HTMLElement;\n let isInsideOverlay = false;\n\n while (targetElement) {\n if (targetElement.classList.contains('eui-overlay')) {\n isInsideOverlay = true;\n break;\n }\n targetElement = targetElement.parentElement;\n }\n\n if (!isInsideOverlay && this.isActive) {\n this.activeState.emit(false);\n }\n }\n }\n}\n", "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", "import { Component, HostBinding, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'eui-overlay-header-title',\n templateUrl: './eui-overlay-header-title.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderTitleComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-overlay-header-title';\n }\n\n @Input() headerTitleLabel: string = null;\n @Input() headerTitleHideLabel: string = null;\n @Input() headerTitleCount: string = null;\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Output() hide: EventEmitter<any> = new EventEmitter<any>();\n\n onHide(): void {\n this.hide.emit();\n }\n}\n", "<div class=\"eui-overlay-header-title\">\n <div class=\"eui-overlay-header-title__label-wrapper\">\n <div class=\"eui-overlay-header-title__label\">\n {{ headerTitleLabel }}\n <eui-badge euiSizeL *ngIf=\"headerTitleCount\" class=\"eui-overlay-header-title__label-count eui-u-ml-s\">\n {{ headerTitleCount }}\n </eui-badge>\n </div>\n\n <div class=\"eui-overlay-header-title__actions\">\n <div *ngIf=\"headerTitleHideLabel\" class=\"eui-overlay-header-title__actions-hide\">\n <a (click)=\"onHide()\" class=\"eui-overlay-header-title__actions-hide-link eui-u-text-link\" role=\"button\" tabindex=\"0\">\n <span euiLabel>{{ headerTitleHideLabel }}</span>\n <eui-icon-svg icon=\"eui-chevron-forward\" set=\"eui\" size=\"s\" fillColor=\"primary
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,aAAa,mBAAmB,OAAO,cAAc,QAAQ,cAAc,wBAAwB;;;;AAQjH,IAAO,sBAAP,MAAO,qBAAmB;EANhC,cAAA;AAsB8B,SAAA,OAAO;AACD,SAAA,YAAA,IAAe;AAEP,SAAA,WAAW;AACX,SAAA,iBAAiB;AACjB,SAAA,0BAA0B;AACzD,SAAA,WAAW;AAIV,SAAA,cAAc,IAAI,aAAY;;EAzBxC,IACI,aAAU;AACV,WAAO;MACH;MACA,KAAK,WAAW,2BAA2B;MAC3C,KAAK,iBAAiB,6BAA6B;MACnD,KAAK,WAAW,qDAAqD,KAAK,WAAW;MACrF,KAAK,QAAQ,kDAAkD,KAAK,QAAQ;MAC5E,KAAK,aAAa,wDAAwD,KAAK,aAAa;MAC5F,KAAK,0BAA0B,8BAA8B;MAE5D,KAAK,GAAG,EACR,KAAI;EACb;EAeA,UAAU,OAAoB;AAC1B,QAAI,MAAM,QAAQ,UAAU;AACxB,WAAK,YAAY,KAAK,KAAK;IAC/B;EACJ;EAGA,QAAQ,OAAiB;AACrB,QAAI,KAAK,yBAAyB;AAC9B,UAAI,gBAAgB,MAAM;AAC1B,UAAI,kBAAkB;AAEtB,aAAO,eAAe;AAClB,YAAI,cAAc,UAAU,SAAS,aAAa,GAAG;AACjD,4BAAkB;AAClB;QACJ;AACA,wBAAgB,cAAc;MAClC;AAEA,UAAI,CAAC,mBAAmB,KAAK,UAAU;AACnC,aAAK,YAAY,KAAK,KAAK;MAC/B;IACJ;EACJ;;4GArDS,sBAAmB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAnB,sBAAmB,UAAA,eAAA,QAAA,EAAA,UAAA,CAAA,YAAA,YAmBR,gBAAgB,GAAA,gBAAA,CAAA,kBAAA,kBAChB,gBAAgB,GAAA,yBAAA,CAAA,2BAAA,2BAChB,gBAAgB,GAAA,UAAA,YAAA,OAAA,SAAA,YAAA,aAAA,GAAA,SAAA,EAAA,aAAA,cAAA,GAAA,MAAA,EAAA,WAAA,EAAA,WAAA,qBAAA,kBAAA,kBAAA,GAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,qBAAA,EAAA,GAAA,UAAA,IAAA,UC7BxC,6RAKA,QAAA,CAAA
|
|
4
|
+
"sourcesContent": ["import { Component, HostBinding, ViewEncapsulation, Input, HostListener, Output, EventEmitter, booleanAttribute } from '@angular/core';\n\n@Component({\n selector: 'eui-overlay',\n templateUrl: './eui-overlay.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-overlay',\n this.isActive ? 'eui-overlay--is-active' : '',\n this.euiHighlighted ? 'eui-overlay--highlighted' : '',\n this.position ? 'eui-overlay-offset eui-overlay-offset--position-' + this.position : '',\n this.width ? 'eui-overlay-offset eui-overlay-offset--width-' + this.width : '',\n this.fixedWidth ? 'eui-overlay-offset eui-overlay-offset--fixed-width-' + this.fixedWidth : '',\n this.hasClosedOnClickOutside ? 'eui-overlay--slideInRight' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.role') role = 'dialog';\n @HostBinding('attr.aria-label') 'aria-label' = 'dialogOverlay';\n\n @Input({ transform: booleanAttribute }) isActive = false;\n @Input({ transform: booleanAttribute }) euiHighlighted = false;\n @Input({ transform: booleanAttribute }) hasClosedOnClickOutside = false;\n @Input() position = 'right';\n @Input() width: string;\n @Input() fixedWidth: string;\n\n @Output() activeState = new EventEmitter<boolean>();\n\n @HostListener('keydown', ['$event'])\n onKeydown(event: KeyboardEvent): void {\n if (event.key === 'Escape') {\n this.activeState.emit(false);\n }\n }\n\n @HostListener('document:click', ['$event'])\n onClick(event: MouseEvent): void {\n if (this.hasClosedOnClickOutside) {\n let targetElement = event.target as HTMLElement;\n let isInsideOverlay = false;\n\n while (targetElement) {\n if (targetElement.classList.contains('eui-overlay')) {\n isInsideOverlay = true;\n break;\n }\n targetElement = targetElement.parentElement;\n }\n\n if (!isInsideOverlay && this.isActive) {\n this.activeState.emit(false);\n }\n }\n }\n}\n", "<div *ngIf=\"isActive\" class=\"eui-overlay-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n <ng-content select=\"eui-overlay-header\"></ng-content>\n <ng-content select=\"eui-overlay-body\"></ng-content>\n <ng-content select=\"eui-overlay-footer\"></ng-content>\n</div>\n", "import { Component, HostBinding, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'eui-overlay-header-title',\n templateUrl: './eui-overlay-header-title.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderTitleComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-overlay-header-title';\n }\n\n @Input() headerTitleLabel: string = null;\n @Input() headerTitleHideLabel: string = null;\n @Input() headerTitleCount: string = null;\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Output() hide: EventEmitter<any> = new EventEmitter<any>();\n\n onHide(): void {\n this.hide.emit();\n }\n}\n", "<div class=\"eui-overlay-header-title\">\n <div class=\"eui-overlay-header-title__label-wrapper\">\n <div class=\"eui-overlay-header-title__label\">\n {{ headerTitleLabel }}\n <eui-badge euiSizeL *ngIf=\"headerTitleCount\" class=\"eui-overlay-header-title__label-count eui-u-ml-s\">\n {{ headerTitleCount }}\n </eui-badge>\n </div>\n\n <div class=\"eui-overlay-header-title__actions\">\n <div *ngIf=\"headerTitleHideLabel\" class=\"eui-overlay-header-title__actions-hide\">\n <a (click)=\"onHide()\" class=\"eui-overlay-header-title__actions-hide-link eui-u-text-link\" role=\"button\" tabindex=\"0\">\n <span euiLabel>{{ headerTitleHideLabel }}</span>\n <eui-icon-svg icon=\"eui-chevron-forward\" set=\"eui\" size=\"s\" fillColor=\"primary\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </a>\n </div>\n </div>\n </div>\n\n <div class=\"eui-overlay-header-title__subactions-bar\">\n <ng-content></ng-content>\n </div>\n</div>\n", "import { Component, ContentChild, HostBinding, QueryList, ViewEncapsulation, forwardRef } from '@angular/core';\n\nimport { EuiOverlayHeaderTitleComponent } from '../eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\n\n@Component({\n selector: 'eui-overlay-header',\n templateUrl: './eui-overlay-header.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayHeaderComponent {\n\n @ContentChild(forwardRef(() => EuiOverlayHeaderTitleComponent), { static: false }) hasHeaderTitle: QueryList<EuiOverlayHeaderTitleComponent>;\n\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-overlay-header',\n this.hasHeaderTitle ? 'eui-overlay-header--with-title' : '',\n ].join(' ').trim();\n }\n}\n", "<ng-content select=\"eui-overlay-header-title\"></ng-content>\n<ng-content></ng-content>\n", "import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'eui-overlay-body',\n templateUrl: './eui-overlay-body.component.html',\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayBodyComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-overlay-body';\n }\n}\n", "<ng-content></ng-content>\n", "import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'eui-overlay-footer',\n templateUrl: './eui-overlay-footer.component.html',\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiOverlayFooterComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-overlay-footer';\n }\n}\n", "<ng-content></ng-content>\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { A11yModule } from '@angular/cdk/a11y';\n\nimport { EuiBadgeModule } from '@eui/components/eui-badge';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiOverlayHeaderComponent } from './components/eui-overlay-header/eui-overlay-header.component';\nimport { EuiOverlayBodyComponent } from './components/eui-overlay-body/eui-overlay-body.component';\nimport { EuiOverlayFooterComponent } from './components/eui-overlay-footer/eui-overlay-footer.component';\nimport { EuiOverlayHeaderTitleComponent } from './components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component';\nimport { EuiOverlayComponent } from './eui-overlay.component';\n\n@NgModule({\n imports: [CommonModule, EuiBadgeModule, A11yModule, EuiIconModule],\n declarations: [\n EuiOverlayHeaderComponent,\n EuiOverlayBodyComponent,\n EuiOverlayFooterComponent,\n EuiOverlayComponent,\n EuiOverlayHeaderTitleComponent,\n ],\n exports: [\n EuiOverlayHeaderComponent,\n EuiOverlayBodyComponent,\n EuiOverlayFooterComponent,\n EuiOverlayComponent,\n EuiOverlayHeaderTitleComponent,\n ],\n})\nexport class EuiOverlayModule {}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["Component", "HostBinding", "ViewEncapsulation", "Input", "Output", "EventEmitter", "i0", "Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "ChangeDetectionStrategy", "HostBinding", "ViewEncapsulation", "i0"]
|
|
7
7
|
}
|