@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
|
@@ -241,7 +241,7 @@ var EuiPopoverComponent = class _EuiPopoverComponent {
|
|
|
241
241
|
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiPopoverComponent, deps: [{ token: i1.Overlay }, { token: i02.ViewContainerRef }, { token: i1.ScrollDispatcher }, { token: i2.BaseStatesDirective }], target: i02.ɵɵFactoryTarget.Component });
|
|
242
242
|
}
|
|
243
243
|
static {
|
|
244
|
-
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.5", type: _EuiPopoverComponent, selector: "eui-popover", inputs: { title: "title", position: "position", size: "size", type: "type", width: "width", hasBackDrop: ["hasBackDrop", "hasBackDrop", booleanAttribute], hasCloseButton: ["hasCloseButton", "hasCloseButton", booleanAttribute], isDismissable: ["isDismissable", "isDismissable", booleanAttribute] }, outputs: { outsideClick: "outsideClick", popoverOpen: "popoverOpen", popoverClose: "popoverClose" }, viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i02, template: '<ng-template #templatePortalContent>\n @if (cdkTrapFocusAutoCapture) {\n <ng-container *ngTemplateOutlet="template; context: { $implicit: true }"></ng-container>\n }\n @if (!cdkTrapFocusAutoCapture) {\n <ng-container *ngTemplateOutlet="template; context: { $implicit: false }"></ng-container>\n }\n</ng-template>\n\n<ng-template #template let-autoCapture>\n <div class="eui-popover__container" cdkTrapFocus [cdkTrapFocusAutoCapture]="autoCapture" (keydown)="onKeyDown($event)">\n <div class="eui-popover__arrow" [euiPopoverArrowPosition]="position$">\n <div class="eui-popover__arrow-inner"></div>\n </div>\n @if (title) {\n <div class="eui-popover__header">\n <div class="eui-popover__header-title">{{ title }}</div>\n @if (title) {\n <button euiButton euiRounded euiIconButton euiBasicButton euiSizeS class="eui-popover__header-close" aria-label="Close Icon Button" (click)="closePopover()">\n <eui-icon-svg icon="eui-close" fillColor="primary
|
|
244
|
+
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.5", type: _EuiPopoverComponent, selector: "eui-popover", inputs: { title: "title", position: "position", size: "size", type: "type", width: "width", hasBackDrop: ["hasBackDrop", "hasBackDrop", booleanAttribute], hasCloseButton: ["hasCloseButton", "hasCloseButton", booleanAttribute], isDismissable: ["isDismissable", "isDismissable", booleanAttribute] }, outputs: { outsideClick: "outsideClick", popoverOpen: "popoverOpen", popoverClose: "popoverClose" }, viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i02, template: '<ng-template #templatePortalContent>\n @if (cdkTrapFocusAutoCapture) {\n <ng-container *ngTemplateOutlet="template; context: { $implicit: true }"></ng-container>\n }\n @if (!cdkTrapFocusAutoCapture) {\n <ng-container *ngTemplateOutlet="template; context: { $implicit: false }"></ng-container>\n }\n</ng-template>\n\n<ng-template #template let-autoCapture>\n <div class="eui-popover__container" cdkTrapFocus [cdkTrapFocusAutoCapture]="autoCapture" (keydown)="onKeyDown($event)">\n <div class="eui-popover__arrow" [euiPopoverArrowPosition]="position$">\n <div class="eui-popover__arrow-inner"></div>\n </div>\n @if (title) {\n <div class="eui-popover__header">\n <div class="eui-popover__header-title">{{ title }}</div>\n @if (title) {\n <button euiButton euiRounded euiIconButton euiBasicButton euiSizeS class="eui-popover__header-close" aria-label="Close Icon Button" (click)="closePopover()">\n <eui-icon-svg icon="eui-close" fillColor="primary" aria-label="Close Icon" class="eui-popover__header-close-icon"></eui-icon-svg>\n </button>\n }\n </div>\n }\n <div (cdkObserveContent)="onContentChange()" class="eui-popover__content">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n', styles: ['.eui-popover-position .eui-popover__arrow{border-color:inherit;border-style:solid;border-width:8px;display:none;height:0;position:absolute;width:0}.eui-popover-position .eui-popover__arrow-inner{border-color:var(--eui-c-white);border-style:solid;border-width:7px;content:" ";display:block;height:0;position:absolute;width:0}.eui-popover-position--top .eui-popover__arrow,.eui-popover-position--bottom .eui-popover__arrow,.eui-popover-position--left .eui-popover__arrow,.eui-popover-position--right .eui-popover__arrow{display:block}.eui-popover-position--top .eui-popover__arrow,.eui-popover-position--bottom .eui-popover__arrow{border-left-color:transparent;border-right-color:transparent;left:50%;transform:translate(-8px)}.eui-popover-position--top .eui-popover__arrow-inner,.eui-popover-position--bottom .eui-popover__arrow-inner{border-left-color:transparent;border-right-color:transparent;margin-left:-7px}.eui-popover-position--top .eui-popover__arrow{border-bottom-width:0;bottom:-7px}.eui-popover-position--top .eui-popover__arrow-inner{border-bottom-width:0;bottom:2px}.eui-popover-position--bottom .eui-popover__arrow{border-top-width:0;top:-7px}.eui-popover-position--bottom .eui-popover__arrow-inner{border-top-width:0;top:1px}.eui-popover-position--left .eui-popover__arrow,.eui-popover-position--right .eui-popover__arrow{border-bottom-color:transparent;border-top-color:transparent;top:50%;transform:translateY(-8px)}.eui-popover-position--left .eui-popover__arrow-inner,.eui-popover-position--right .eui-popover__arrow-inner{border-bottom-color:transparent;border-top-color:transparent;top:-7px}.eui-popover-position--left .eui-popover__arrow{border-right-width:0;right:-7px}.eui-popover-position--left .eui-popover__arrow-inner{border-right-width:0;right:2px}.eui-popover-position--right .eui-popover__arrow{border-left-width:0;left:-7px}.eui-popover-position--right .eui-popover__arrow-inner{border-left-width:0;border-right-color:var(--eui-c-white);left:2px}.eui-popover{background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lightest);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-2);max-width:25rem;width:25rem}.eui-popover__container{width:100%}.eui-popover__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;justify-content:space-between;padding:var(--eui-base-spacing-xs)}.eui-popover__header-title{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-popover__content{padding:var(--eui-base-spacing-xs)}.eui-popover--has-custom-width{width:100%!important}.eui-popover--size-s{max-width:12rem;width:12rem}.eui-popover--size-m{max-width:25rem;width:25rem}.eui-popover--size-l{max-width:35rem;width:35rem}.eui-popover--size-xl{max-width:50rem;width:50rem}.eui-popover--size-2xl{max-width:75rem;width:75rem}.eui-popover--size-auto{max-width:none;width:auto}.eui-popover--flat .eui-popover__header{border-bottom:none;padding-bottom:0}.eui-popover--colored-header{background:none;border:none;border-color:var(--eui-c-neutral)}.eui-popover--colored-header .eui-popover__header{background-color:var(--eui-c-neutral);border:0;color:var(--eui-c-white);border-top-left-radius:var(--eui-base-border-radius);border-top-right-radius:var(--eui-base-border-radius)}.eui-popover--colored-header .eui-popover__header+.eui-popover__content{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.eui-popover--colored-header .eui-popover__header-title{color:var(--eui-c-white)}.eui-popover--colored-header .eui-popover__header-close .eui-popover__header-close-icon>svg{fill:var(--eui-c-white)}.eui-popover--colored-header .eui-popover__header-close:hover .eui-popover__header-close-icon>svg,.eui-popover--colored-header .eui-popover__header-close:focus .eui-popover__header-close-icon>svg,.eui-popover--colored-header .eui-popover__header-close:active .eui-popover__header-close-icon>svg{fill:var(--eui-c-primary)}.eui-popover--colored-header .eui-popover__content{background-color:var(--eui-c-white);border-color:inherit;border-radius:var(--eui-base-border-radius);border-style:solid;border-width:2px}.eui-popover--colored-header.eui-popover--left .eui-popover__arrow-inner{right:3px}.eui-popover--colored-header.eui-popover--right .eui-popover__arrow-inner{left:3px}.eui-popover--colored-header.eui-popover--top .eui-popover__arrow-inner{bottom:3px}.eui-popover--colored-header.eui-popover--bottom .eui-popover__arrow-inner,.eui-popover--colored-header .eui-popover__arrow-inner{border:none}.eui-popover--colored-solid{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);border-style:none}.eui-popover--colored-solid .eui-popover__header{border-bottom-color:var(--eui-c-neutral-bg-light)}.eui-popover--colored-solid .eui-popover__header-title,.eui-popover--colored-solid .eui-popover__content{color:var(--eui-c-white)}.eui-popover--colored-solid .eui-popover__header-close .eui-popover__header-close-icon>svg{fill:var(--eui-c-white)}.eui-popover--colored-solid .eui-popover__header-close:hover .eui-popover__header-close-icon>svg,.eui-popover--colored-solid .eui-popover__header-close:focus .eui-popover__header-close-icon>svg,.eui-popover--colored-solid .eui-popover__header-close:active .eui-popover__header-close-icon>svg{fill:var(--eui-c-info)}.eui-popover--colored-solid .eui-popover__arrow-inner{border:none}\n'], dependencies: [{ kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i5.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: "directive", type: i6.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i7.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "directive", type: EuiPopoverArrowPositionDirective, selector: "[euiPopoverArrowPosition]", inputs: ["euiPopoverArrowPosition"] }], changeDetection: i02.ChangeDetectionStrategy.OnPush, encapsulation: i02.ViewEncapsulation.None });
|
|
245
245
|
}
|
|
246
246
|
};
|
|
247
247
|
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiPopoverComponent, decorators: [{
|
|
@@ -258,7 +258,7 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
258
258
|
"euiSizeVariant"
|
|
259
259
|
]
|
|
260
260
|
}
|
|
261
|
-
], template: '<ng-template #templatePortalContent>\n @if (cdkTrapFocusAutoCapture) {\n <ng-container *ngTemplateOutlet="template; context: { $implicit: true }"></ng-container>\n }\n @if (!cdkTrapFocusAutoCapture) {\n <ng-container *ngTemplateOutlet="template; context: { $implicit: false }"></ng-container>\n }\n</ng-template>\n\n<ng-template #template let-autoCapture>\n <div class="eui-popover__container" cdkTrapFocus [cdkTrapFocusAutoCapture]="autoCapture" (keydown)="onKeyDown($event)">\n <div class="eui-popover__arrow" [euiPopoverArrowPosition]="position$">\n <div class="eui-popover__arrow-inner"></div>\n </div>\n @if (title) {\n <div class="eui-popover__header">\n <div class="eui-popover__header-title">{{ title }}</div>\n @if (title) {\n <button euiButton euiRounded euiIconButton euiBasicButton euiSizeS class="eui-popover__header-close" aria-label="Close Icon Button" (click)="closePopover()">\n <eui-icon-svg icon="eui-close" fillColor="primary
|
|
261
|
+
], template: '<ng-template #templatePortalContent>\n @if (cdkTrapFocusAutoCapture) {\n <ng-container *ngTemplateOutlet="template; context: { $implicit: true }"></ng-container>\n }\n @if (!cdkTrapFocusAutoCapture) {\n <ng-container *ngTemplateOutlet="template; context: { $implicit: false }"></ng-container>\n }\n</ng-template>\n\n<ng-template #template let-autoCapture>\n <div class="eui-popover__container" cdkTrapFocus [cdkTrapFocusAutoCapture]="autoCapture" (keydown)="onKeyDown($event)">\n <div class="eui-popover__arrow" [euiPopoverArrowPosition]="position$">\n <div class="eui-popover__arrow-inner"></div>\n </div>\n @if (title) {\n <div class="eui-popover__header">\n <div class="eui-popover__header-title">{{ title }}</div>\n @if (title) {\n <button euiButton euiRounded euiIconButton euiBasicButton euiSizeS class="eui-popover__header-close" aria-label="Close Icon Button" (click)="closePopover()">\n <eui-icon-svg icon="eui-close" fillColor="primary" aria-label="Close Icon" class="eui-popover__header-close-icon"></eui-icon-svg>\n </button>\n }\n </div>\n }\n <div (cdkObserveContent)="onContentChange()" class="eui-popover__content">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n', styles: ['.eui-popover-position .eui-popover__arrow{border-color:inherit;border-style:solid;border-width:8px;display:none;height:0;position:absolute;width:0}.eui-popover-position .eui-popover__arrow-inner{border-color:var(--eui-c-white);border-style:solid;border-width:7px;content:" ";display:block;height:0;position:absolute;width:0}.eui-popover-position--top .eui-popover__arrow,.eui-popover-position--bottom .eui-popover__arrow,.eui-popover-position--left .eui-popover__arrow,.eui-popover-position--right .eui-popover__arrow{display:block}.eui-popover-position--top .eui-popover__arrow,.eui-popover-position--bottom .eui-popover__arrow{border-left-color:transparent;border-right-color:transparent;left:50%;transform:translate(-8px)}.eui-popover-position--top .eui-popover__arrow-inner,.eui-popover-position--bottom .eui-popover__arrow-inner{border-left-color:transparent;border-right-color:transparent;margin-left:-7px}.eui-popover-position--top .eui-popover__arrow{border-bottom-width:0;bottom:-7px}.eui-popover-position--top .eui-popover__arrow-inner{border-bottom-width:0;bottom:2px}.eui-popover-position--bottom .eui-popover__arrow{border-top-width:0;top:-7px}.eui-popover-position--bottom .eui-popover__arrow-inner{border-top-width:0;top:1px}.eui-popover-position--left .eui-popover__arrow,.eui-popover-position--right .eui-popover__arrow{border-bottom-color:transparent;border-top-color:transparent;top:50%;transform:translateY(-8px)}.eui-popover-position--left .eui-popover__arrow-inner,.eui-popover-position--right .eui-popover__arrow-inner{border-bottom-color:transparent;border-top-color:transparent;top:-7px}.eui-popover-position--left .eui-popover__arrow{border-right-width:0;right:-7px}.eui-popover-position--left .eui-popover__arrow-inner{border-right-width:0;right:2px}.eui-popover-position--right .eui-popover__arrow{border-left-width:0;left:-7px}.eui-popover-position--right .eui-popover__arrow-inner{border-left-width:0;border-right-color:var(--eui-c-white);left:2px}.eui-popover{background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lightest);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-2);max-width:25rem;width:25rem}.eui-popover__container{width:100%}.eui-popover__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;justify-content:space-between;padding:var(--eui-base-spacing-xs)}.eui-popover__header-title{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-popover__content{padding:var(--eui-base-spacing-xs)}.eui-popover--has-custom-width{width:100%!important}.eui-popover--size-s{max-width:12rem;width:12rem}.eui-popover--size-m{max-width:25rem;width:25rem}.eui-popover--size-l{max-width:35rem;width:35rem}.eui-popover--size-xl{max-width:50rem;width:50rem}.eui-popover--size-2xl{max-width:75rem;width:75rem}.eui-popover--size-auto{max-width:none;width:auto}.eui-popover--flat .eui-popover__header{border-bottom:none;padding-bottom:0}.eui-popover--colored-header{background:none;border:none;border-color:var(--eui-c-neutral)}.eui-popover--colored-header .eui-popover__header{background-color:var(--eui-c-neutral);border:0;color:var(--eui-c-white);border-top-left-radius:var(--eui-base-border-radius);border-top-right-radius:var(--eui-base-border-radius)}.eui-popover--colored-header .eui-popover__header+.eui-popover__content{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.eui-popover--colored-header .eui-popover__header-title{color:var(--eui-c-white)}.eui-popover--colored-header .eui-popover__header-close .eui-popover__header-close-icon>svg{fill:var(--eui-c-white)}.eui-popover--colored-header .eui-popover__header-close:hover .eui-popover__header-close-icon>svg,.eui-popover--colored-header .eui-popover__header-close:focus .eui-popover__header-close-icon>svg,.eui-popover--colored-header .eui-popover__header-close:active .eui-popover__header-close-icon>svg{fill:var(--eui-c-primary)}.eui-popover--colored-header .eui-popover__content{background-color:var(--eui-c-white);border-color:inherit;border-radius:var(--eui-base-border-radius);border-style:solid;border-width:2px}.eui-popover--colored-header.eui-popover--left .eui-popover__arrow-inner{right:3px}.eui-popover--colored-header.eui-popover--right .eui-popover__arrow-inner{left:3px}.eui-popover--colored-header.eui-popover--top .eui-popover__arrow-inner{bottom:3px}.eui-popover--colored-header.eui-popover--bottom .eui-popover__arrow-inner,.eui-popover--colored-header .eui-popover__arrow-inner{border:none}.eui-popover--colored-solid{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);border-style:none}.eui-popover--colored-solid .eui-popover__header{border-bottom-color:var(--eui-c-neutral-bg-light)}.eui-popover--colored-solid .eui-popover__header-title,.eui-popover--colored-solid .eui-popover__content{color:var(--eui-c-white)}.eui-popover--colored-solid .eui-popover__header-close .eui-popover__header-close-icon>svg{fill:var(--eui-c-white)}.eui-popover--colored-solid .eui-popover__header-close:hover .eui-popover__header-close-icon>svg,.eui-popover--colored-solid .eui-popover__header-close:focus .eui-popover__header-close-icon>svg,.eui-popover--colored-solid .eui-popover__header-close:active .eui-popover__header-close-icon>svg{fill:var(--eui-c-info)}.eui-popover--colored-solid .eui-popover__arrow-inner{border:none}\n'] }]
|
|
262
262
|
}], ctorParameters: () => [{ type: i1.Overlay }, { type: i02.ViewContainerRef }, { type: i1.ScrollDispatcher }, { type: i2.BaseStatesDirective }], propDecorators: { title: [{
|
|
263
263
|
type: Input2
|
|
264
264
|
}], position: [{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-popover/models/eui-popover-position.model.ts", "../../eui-popover/directives/eui-popover-arrow-position.directive.ts", "../../eui-popover/eui-popover.component.ts", "../../eui-popover/eui-popover.component.html", "../../eui-popover/eui-popover.module.ts"],
|
|
4
|
-
"sourcesContent": ["import { ConnectedOverlayPositionChange, ConnectionPositionPair } from '@angular/cdk/overlay';\n\nexport type EuiPopoverPosition = 'top' | 'right' | 'bottom' | 'left';\n\nexport const TOP = new ConnectionPositionPair({ originX: 'center', originY: 'top' }, { overlayX: 'center', overlayY: 'bottom' }, 0, 0, ['eui-popover-position', 'eui-popover-position--top']);\nexport const BOTTOM = new ConnectionPositionPair({ originX: 'center', originY: 'bottom' }, { overlayX: 'center', overlayY: 'top' }, 0, 0, ['eui-popover-position', 'eui-popover-position--bottom']);\nexport const LEFT = new ConnectionPositionPair({ originX: 'start', originY: 'center' }, { overlayX: 'end', overlayY: 'center' }, 0, 0, ['eui-popover-position', 'eui-popover-position--left']);\nexport const RIGHT = new ConnectionPositionPair({ originX: 'end', originY: 'center' }, { overlayX: 'start', overlayY: 'center' }, 0, 0, ['eui-popover-position', 'eui-popover-position--right']);\n\nexport const getPosition = ({ connectionPair }: ConnectedOverlayPositionChange): EuiPopoverPosition => {\n switch (connectionPair) {\n case TOP:\n return 'top';\n case BOTTOM:\n return 'bottom';\n case LEFT:\n return 'left';\n case RIGHT:\n return 'right';\n }\n};\n", "import { DOCUMENT } from '@angular/common';\nimport { Directive, ElementRef, Inject, Input, OnDestroy, OnInit, Renderer2 } from '@angular/core';\nimport { Observable, Subject, takeUntil } from 'rxjs';\n\nimport { EuiPopoverPosition } from '../models/eui-popover-position.model';\n\n@Directive({\n selector: '[euiPopoverArrowPosition]',\n})\nexport class EuiPopoverArrowPositionDirective implements OnInit, OnDestroy {\n @Input('euiPopoverArrowPosition')\n public position$: Observable<[EuiPopoverPosition, DOMRect]>;\n\n private destroy$: Subject<void> = new Subject();\n\n constructor(\n private renderer: Renderer2,\n private elementRef: ElementRef,\n @Inject(DOCUMENT) private document: Document,\n ) {}\n\n ngOnInit(): void {\n this.position$.pipe(takeUntil(this.destroy$)).subscribe(([position, originRect]) => {\n this.renderer.setProperty(this.elementRef.nativeElement, 'style', this.getStyle(position, originRect));\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n private getStyle(position: EuiPopoverPosition, originRect: DOMRect): string {\n const arrowRect: DOMRect = this.elementRef.nativeElement.getBoundingClientRect();\n\n if (position === 'left' || position === 'right') {\n const verticalDiff: number =\n Math.floor(arrowRect.top + arrowRect.height / 2) - Math.floor(originRect.top + originRect.height / 2);\n\n if (verticalDiff > 0) {\n return `top: ${originRect.top + originRect.height / 2}px`;\n } else if (verticalDiff < 0) {\n return `top: unset; bottom: ${\n this.document.body.clientHeight - originRect.bottom + originRect.height / 2 - arrowRect.height\n }px`;\n }\n }\n if (position === 'top' || position === 'bottom') {\n const horizontalDiff: number =\n Math.floor(arrowRect.left + arrowRect.width / 2) - Math.floor(originRect.left + originRect.width / 2);\n\n if (horizontalDiff > 0) {\n return `left: ${originRect.left + originRect.width / 2}px`;\n } else if (horizontalDiff < 0) {\n return `left: unset; right: ${\n this.document.body.clientWidth - originRect.right + originRect.width / 2 - arrowRect.width\n }px`;\n }\n }\n return '';\n }\n}\n", "import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n Input,\n ViewChild,\n TemplateRef,\n ViewContainerRef,\n AfterViewInit,\n OnDestroy,\n OnInit,\n Output,\n EventEmitter,\n ElementRef,\n OnChanges,\n SimpleChanges,\n booleanAttribute,\n} from '@angular/core';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n Overlay,\n OverlayRef,\n ConnectionPositionPair,\n FlexibleConnectedPositionStrategyOrigin,\n ScrollDispatcher,\n CdkScrollable,\n FlexibleConnectedPositionStrategy,\n} from '@angular/cdk/overlay';\nimport { BehaviorSubject, Observable, Subject, Subscription } from 'rxjs';\nimport { distinctUntilChanged, map, switchMap, takeUntil } from 'rxjs/operators';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiPopoverPosition, BOTTOM, LEFT, RIGHT, TOP, getPosition } from './models/eui-popover-position.model';\n\n@Component({\n selector: 'eui-popover',\n templateUrl: './eui-popover.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSize2XL',\n 'euiSizeVariant',\n ],\n },\n ],\n})\nexport class EuiPopoverComponent implements AfterViewInit, OnDestroy, OnInit, OnChanges {\n @Input() title: string;\n @Input() position: EuiPopoverPosition = 'bottom';\n @Input() size: 'default' | 'small' | 'large' | 'auto' | 's' | 'm' | 'l' | 'xl' | string = 'default';\n @Input() type: 'default' | 'flat' | 'colored-header' | 'colored-solid' = 'default';\n @Input() width: string = null;\n @Input({ transform: booleanAttribute }) hasBackDrop = false;\n @Input({ transform: booleanAttribute }) hasCloseButton = true;\n @Input({ transform: booleanAttribute }) isDismissable = true;\n\n @Output() outsideClick = new EventEmitter();\n @Output() popoverOpen = new EventEmitter();\n @Output() popoverClose = new EventEmitter();\n\n public cdkTrapFocusAutoCapture = true;\n public position$: Observable<[EuiPopoverPosition, DOMRect]>;\n\n @ViewChild('templatePortalContent') templatePortalContent: TemplateRef<unknown>;\n\n private templatePortal: TemplatePortal;\n private overlayRef: OverlayRef;\n private destroy$: Subject<boolean> = new Subject<boolean>();\n private isOpen$: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);\n private scrollDispatcherSubscription = new Subscription();\n private origin: ElementRef;\n private preferredPositons: ConnectionPositionPair[] = [BOTTOM, TOP, LEFT, RIGHT];\n private positionStrategy: FlexibleConnectedPositionStrategy;\n private positionStrategyUpdate$: Subject<void> = new Subject();\n\n constructor(private overlay: Overlay,\n private viewContainerRef: ViewContainerRef,\n private scrollDispatcher: ScrollDispatcher,\n private baseStatesDirective: BaseStatesDirective){\n }\n\n ngOnChanges(c: SimpleChanges): void {\n if (this.position === 'top') {\n this.preferredPositons = [TOP, BOTTOM, LEFT, RIGHT];\n } else if (this.position === 'right') {\n this.preferredPositons = [RIGHT, LEFT, TOP, BOTTOM];\n } else if (this.position === 'left') {\n this.preferredPositons = [LEFT, RIGHT, TOP, BOTTOM];\n } else {\n this.preferredPositons = [BOTTOM, TOP, LEFT, RIGHT];\n }\n }\n\n ngOnInit(): void {\n this.setPositionStream();\n }\n\n ngAfterViewInit(): void {\n this.templatePortal = new TemplatePortal(this.templatePortalContent, this.viewContainerRef);\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n this.scrollDispatcherSubscription.unsubscribe();\n this.overlayRef?.dispose();\n this.overlayRef = null;\n }\n\n /** @deprecated This will be removed in next version of eui in favor of isOpen */\n get isPopoverOpen(): boolean {\n return this.isOpen$.value;\n }\n\n /**\n * Whether the eui-popover is open.\n *\n * @usageNotes\n * ```html\n * <eui-popover #popover>\n * \\@if (popover.isOpen) {\n * <my-component></my-component>\n * }\n * </eui-popover>\n * ```\n * @returns A boolean with value `true` when open, otherwise `false`.\n */\n get isOpen(): boolean {\n return this.isOpen$.value;\n }\n\n public onContentChange(): void {\n this.positionStrategy = this.getPositionStrategy();\n this.positionStrategyUpdate$.next();\n this.overlayRef.updatePositionStrategy(this.positionStrategy);\n }\n\n /**\n * Open a popover\n *\n * @param origin Origin of the popover position\n */\n public openPopover(origin: ElementRef): void {\n if (!this.isPopoverOpen) {\n this.cdkTrapFocusAutoCapture = true;\n this.scrollDispatcherSubscription = this.scrollDispatcher.ancestorScrolled(origin).subscribe((event: CdkScrollable) => {\n const scrollableParent = event ? event.getElementRef().nativeElement : document.querySelector('body');\n if (!this.isVisible(origin as unknown as HTMLElement, scrollableParent)) {\n this.closePopover();\n }\n });\n\n this.origin = origin;\n const positionStrategy = this.getPositionStrategy();\n\n const scrollStrategy = this.overlay.scrollStrategies.reposition({ scrollThrottle: 10 });\n\n this.overlayRef = this.overlay.create({\n positionStrategy,\n scrollStrategy,\n disposeOnNavigation: true,\n width: this.width,\n panelClass: this.baseStatesDirective.getCssClasses('eui-popover').split(' '),\n });\n this.overlayRef.attach(this.templatePortal);\n\n this.positionStrategy = positionStrategy;\n this.positionStrategyUpdate$.next();\n\n this.overlayRef\n .outsidePointerEvents()\n .pipe(takeUntil(this.destroy$))\n .subscribe(() => {\n if (this.isDismissable) {\n this.outsideClick.emit();\n this.closePopover();\n }\n });\n\n this.isOpen$.next(true);\n this.popoverOpen.emit();\n }\n }\n\n /**\n * Close a popover\n */\n public closePopover(): void {\n this.scrollDispatcherSubscription.unsubscribe();\n this.overlayRef.dispose();\n this.overlayRef = null;\n this.isOpen$.next(false);\n this.popoverClose.emit();\n }\n\n /**\n * Reacts on the Esc keydown event to close the popup. Can be used as alternative to the close icon button,\n * or as the main way to close the popup when hasCloseButton is false\n *\n * @param event The key event pressed\n */\n public onKeyDown(event: KeyboardEvent): void {\n if (event.key === 'Escape') {\n this.closePopover();\n }\n }\n\n private isVisible(origin: HTMLElement, scrollableParent: HTMLElement): boolean {\n const originY = origin.getBoundingClientRect().y;\n const scrollableParentY = Math.abs(scrollableParent.getBoundingClientRect().y);\n const scrollableParentHeight = scrollableParent.getBoundingClientRect().height - 50;\n\n return (\n (originY > 0 && originY < scrollableParentHeight) ||\n (originY - scrollableParentY > 0 && originY < scrollableParentY + scrollableParentHeight)\n );\n }\n\n private getPositionStrategy(): FlexibleConnectedPositionStrategy {\n return this.overlay\n .position()\n .flexibleConnectedTo(this.origin as FlexibleConnectedPositionStrategyOrigin)\n .withPositions(this.preferredPositons)\n .withFlexibleDimensions(false)\n .withLockedPosition(true);\n }\n\n private setPositionStream(): void {\n this.position$ = this.positionStrategyUpdate$.pipe(\n switchMap(() => this.positionStrategy.positionChanges),\n map(getPosition),\n distinctUntilChanged(),\n map((position) => {\n const rect = this.origin.nativeElement ?\n this.origin.nativeElement.getBoundingClientRect() :\n (this.origin as unknown as HTMLElement).getBoundingClientRect();\n return [position, rect];\n }),\n );\n }\n}\n", "<ng-template #templatePortalContent>\n @if (cdkTrapFocusAutoCapture) {\n <ng-container *ngTemplateOutlet=\"template; context: { $implicit: true }\"></ng-container>\n }\n @if (!cdkTrapFocusAutoCapture) {\n <ng-container *ngTemplateOutlet=\"template; context: { $implicit: false }\"></ng-container>\n }\n</ng-template>\n\n<ng-template #template let-autoCapture>\n <div class=\"eui-popover__container\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"autoCapture\" (keydown)=\"onKeyDown($event)\">\n <div class=\"eui-popover__arrow\" [euiPopoverArrowPosition]=\"position$\">\n <div class=\"eui-popover__arrow-inner\"></div>\n </div>\n @if (title) {\n <div class=\"eui-popover__header\">\n <div class=\"eui-popover__header-title\">{{ title }}</div>\n @if (title) {\n <button euiButton euiRounded euiIconButton euiBasicButton euiSizeS class=\"eui-popover__header-close\" aria-label=\"Close Icon Button\" (click)=\"closePopover()\">\n <eui-icon-svg icon=\"eui-close\" fillColor=\"primary-100\" aria-label=\"Close Icon\" class=\"eui-popover__header-close-icon\"></eui-icon-svg>\n </button>\n }\n </div>\n }\n <div (cdkObserveContent)=\"onContentChange()\" class=\"eui-popover__content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { ObserversModule } from '@angular/cdk/observers';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiPopoverComponent } from './eui-popover.component';\nimport { EuiPopoverArrowPositionDirective } from './directives/eui-popover-arrow-position.directive';\n\n@NgModule({\n imports: [CommonModule, OverlayModule, EuiButtonModule, EuiIconModule, A11yModule, ObserversModule],\n declarations: [EuiPopoverComponent, EuiPopoverArrowPositionDirective],\n exports: [EuiPopoverComponent],\n})\nexport class EuiPopoverModule {}\n"],
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["import { ConnectedOverlayPositionChange, ConnectionPositionPair } from '@angular/cdk/overlay';\n\nexport type EuiPopoverPosition = 'top' | 'right' | 'bottom' | 'left';\n\nexport const TOP = new ConnectionPositionPair({ originX: 'center', originY: 'top' }, { overlayX: 'center', overlayY: 'bottom' }, 0, 0, ['eui-popover-position', 'eui-popover-position--top']);\nexport const BOTTOM = new ConnectionPositionPair({ originX: 'center', originY: 'bottom' }, { overlayX: 'center', overlayY: 'top' }, 0, 0, ['eui-popover-position', 'eui-popover-position--bottom']);\nexport const LEFT = new ConnectionPositionPair({ originX: 'start', originY: 'center' }, { overlayX: 'end', overlayY: 'center' }, 0, 0, ['eui-popover-position', 'eui-popover-position--left']);\nexport const RIGHT = new ConnectionPositionPair({ originX: 'end', originY: 'center' }, { overlayX: 'start', overlayY: 'center' }, 0, 0, ['eui-popover-position', 'eui-popover-position--right']);\n\nexport const getPosition = ({ connectionPair }: ConnectedOverlayPositionChange): EuiPopoverPosition => {\n switch (connectionPair) {\n case TOP:\n return 'top';\n case BOTTOM:\n return 'bottom';\n case LEFT:\n return 'left';\n case RIGHT:\n return 'right';\n }\n};\n", "import { DOCUMENT } from '@angular/common';\nimport { Directive, ElementRef, Inject, Input, OnDestroy, OnInit, Renderer2 } from '@angular/core';\nimport { Observable, Subject, takeUntil } from 'rxjs';\n\nimport { EuiPopoverPosition } from '../models/eui-popover-position.model';\n\n@Directive({\n selector: '[euiPopoverArrowPosition]',\n})\nexport class EuiPopoverArrowPositionDirective implements OnInit, OnDestroy {\n @Input('euiPopoverArrowPosition')\n public position$: Observable<[EuiPopoverPosition, DOMRect]>;\n\n private destroy$: Subject<void> = new Subject();\n\n constructor(\n private renderer: Renderer2,\n private elementRef: ElementRef,\n @Inject(DOCUMENT) private document: Document,\n ) {}\n\n ngOnInit(): void {\n this.position$.pipe(takeUntil(this.destroy$)).subscribe(([position, originRect]) => {\n this.renderer.setProperty(this.elementRef.nativeElement, 'style', this.getStyle(position, originRect));\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n private getStyle(position: EuiPopoverPosition, originRect: DOMRect): string {\n const arrowRect: DOMRect = this.elementRef.nativeElement.getBoundingClientRect();\n\n if (position === 'left' || position === 'right') {\n const verticalDiff: number =\n Math.floor(arrowRect.top + arrowRect.height / 2) - Math.floor(originRect.top + originRect.height / 2);\n\n if (verticalDiff > 0) {\n return `top: ${originRect.top + originRect.height / 2}px`;\n } else if (verticalDiff < 0) {\n return `top: unset; bottom: ${\n this.document.body.clientHeight - originRect.bottom + originRect.height / 2 - arrowRect.height\n }px`;\n }\n }\n if (position === 'top' || position === 'bottom') {\n const horizontalDiff: number =\n Math.floor(arrowRect.left + arrowRect.width / 2) - Math.floor(originRect.left + originRect.width / 2);\n\n if (horizontalDiff > 0) {\n return `left: ${originRect.left + originRect.width / 2}px`;\n } else if (horizontalDiff < 0) {\n return `left: unset; right: ${\n this.document.body.clientWidth - originRect.right + originRect.width / 2 - arrowRect.width\n }px`;\n }\n }\n return '';\n }\n}\n", "import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n Input,\n ViewChild,\n TemplateRef,\n ViewContainerRef,\n AfterViewInit,\n OnDestroy,\n OnInit,\n Output,\n EventEmitter,\n ElementRef,\n OnChanges,\n SimpleChanges,\n booleanAttribute,\n} from '@angular/core';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n Overlay,\n OverlayRef,\n ConnectionPositionPair,\n FlexibleConnectedPositionStrategyOrigin,\n ScrollDispatcher,\n CdkScrollable,\n FlexibleConnectedPositionStrategy,\n} from '@angular/cdk/overlay';\nimport { BehaviorSubject, Observable, Subject, Subscription } from 'rxjs';\nimport { distinctUntilChanged, map, switchMap, takeUntil } from 'rxjs/operators';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiPopoverPosition, BOTTOM, LEFT, RIGHT, TOP, getPosition } from './models/eui-popover-position.model';\n\n@Component({\n selector: 'eui-popover',\n templateUrl: './eui-popover.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSize2XL',\n 'euiSizeVariant',\n ],\n },\n ],\n})\nexport class EuiPopoverComponent implements AfterViewInit, OnDestroy, OnInit, OnChanges {\n @Input() title: string;\n @Input() position: EuiPopoverPosition = 'bottom';\n @Input() size: 'default' | 'small' | 'large' | 'auto' | 's' | 'm' | 'l' | 'xl' | string = 'default';\n @Input() type: 'default' | 'flat' | 'colored-header' | 'colored-solid' = 'default';\n @Input() width: string = null;\n @Input({ transform: booleanAttribute }) hasBackDrop = false;\n @Input({ transform: booleanAttribute }) hasCloseButton = true;\n @Input({ transform: booleanAttribute }) isDismissable = true;\n\n @Output() outsideClick = new EventEmitter();\n @Output() popoverOpen = new EventEmitter();\n @Output() popoverClose = new EventEmitter();\n\n public cdkTrapFocusAutoCapture = true;\n public position$: Observable<[EuiPopoverPosition, DOMRect]>;\n\n @ViewChild('templatePortalContent') templatePortalContent: TemplateRef<unknown>;\n\n private templatePortal: TemplatePortal;\n private overlayRef: OverlayRef;\n private destroy$: Subject<boolean> = new Subject<boolean>();\n private isOpen$: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);\n private scrollDispatcherSubscription = new Subscription();\n private origin: ElementRef;\n private preferredPositons: ConnectionPositionPair[] = [BOTTOM, TOP, LEFT, RIGHT];\n private positionStrategy: FlexibleConnectedPositionStrategy;\n private positionStrategyUpdate$: Subject<void> = new Subject();\n\n constructor(private overlay: Overlay,\n private viewContainerRef: ViewContainerRef,\n private scrollDispatcher: ScrollDispatcher,\n private baseStatesDirective: BaseStatesDirective){\n }\n\n ngOnChanges(c: SimpleChanges): void {\n if (this.position === 'top') {\n this.preferredPositons = [TOP, BOTTOM, LEFT, RIGHT];\n } else if (this.position === 'right') {\n this.preferredPositons = [RIGHT, LEFT, TOP, BOTTOM];\n } else if (this.position === 'left') {\n this.preferredPositons = [LEFT, RIGHT, TOP, BOTTOM];\n } else {\n this.preferredPositons = [BOTTOM, TOP, LEFT, RIGHT];\n }\n }\n\n ngOnInit(): void {\n this.setPositionStream();\n }\n\n ngAfterViewInit(): void {\n this.templatePortal = new TemplatePortal(this.templatePortalContent, this.viewContainerRef);\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n this.scrollDispatcherSubscription.unsubscribe();\n this.overlayRef?.dispose();\n this.overlayRef = null;\n }\n\n /** @deprecated This will be removed in next version of eui in favor of isOpen */\n get isPopoverOpen(): boolean {\n return this.isOpen$.value;\n }\n\n /**\n * Whether the eui-popover is open.\n *\n * @usageNotes\n * ```html\n * <eui-popover #popover>\n * \\@if (popover.isOpen) {\n * <my-component></my-component>\n * }\n * </eui-popover>\n * ```\n * @returns A boolean with value `true` when open, otherwise `false`.\n */\n get isOpen(): boolean {\n return this.isOpen$.value;\n }\n\n public onContentChange(): void {\n this.positionStrategy = this.getPositionStrategy();\n this.positionStrategyUpdate$.next();\n this.overlayRef.updatePositionStrategy(this.positionStrategy);\n }\n\n /**\n * Open a popover\n *\n * @param origin Origin of the popover position\n */\n public openPopover(origin: ElementRef): void {\n if (!this.isPopoverOpen) {\n this.cdkTrapFocusAutoCapture = true;\n this.scrollDispatcherSubscription = this.scrollDispatcher.ancestorScrolled(origin).subscribe((event: CdkScrollable) => {\n const scrollableParent = event ? event.getElementRef().nativeElement : document.querySelector('body');\n if (!this.isVisible(origin as unknown as HTMLElement, scrollableParent)) {\n this.closePopover();\n }\n });\n\n this.origin = origin;\n const positionStrategy = this.getPositionStrategy();\n\n const scrollStrategy = this.overlay.scrollStrategies.reposition({ scrollThrottle: 10 });\n\n this.overlayRef = this.overlay.create({\n positionStrategy,\n scrollStrategy,\n disposeOnNavigation: true,\n width: this.width,\n panelClass: this.baseStatesDirective.getCssClasses('eui-popover').split(' '),\n });\n this.overlayRef.attach(this.templatePortal);\n\n this.positionStrategy = positionStrategy;\n this.positionStrategyUpdate$.next();\n\n this.overlayRef\n .outsidePointerEvents()\n .pipe(takeUntil(this.destroy$))\n .subscribe(() => {\n if (this.isDismissable) {\n this.outsideClick.emit();\n this.closePopover();\n }\n });\n\n this.isOpen$.next(true);\n this.popoverOpen.emit();\n }\n }\n\n /**\n * Close a popover\n */\n public closePopover(): void {\n this.scrollDispatcherSubscription.unsubscribe();\n this.overlayRef.dispose();\n this.overlayRef = null;\n this.isOpen$.next(false);\n this.popoverClose.emit();\n }\n\n /**\n * Reacts on the Esc keydown event to close the popup. Can be used as alternative to the close icon button,\n * or as the main way to close the popup when hasCloseButton is false\n *\n * @param event The key event pressed\n */\n public onKeyDown(event: KeyboardEvent): void {\n if (event.key === 'Escape') {\n this.closePopover();\n }\n }\n\n private isVisible(origin: HTMLElement, scrollableParent: HTMLElement): boolean {\n const originY = origin.getBoundingClientRect().y;\n const scrollableParentY = Math.abs(scrollableParent.getBoundingClientRect().y);\n const scrollableParentHeight = scrollableParent.getBoundingClientRect().height - 50;\n\n return (\n (originY > 0 && originY < scrollableParentHeight) ||\n (originY - scrollableParentY > 0 && originY < scrollableParentY + scrollableParentHeight)\n );\n }\n\n private getPositionStrategy(): FlexibleConnectedPositionStrategy {\n return this.overlay\n .position()\n .flexibleConnectedTo(this.origin as FlexibleConnectedPositionStrategyOrigin)\n .withPositions(this.preferredPositons)\n .withFlexibleDimensions(false)\n .withLockedPosition(true);\n }\n\n private setPositionStream(): void {\n this.position$ = this.positionStrategyUpdate$.pipe(\n switchMap(() => this.positionStrategy.positionChanges),\n map(getPosition),\n distinctUntilChanged(),\n map((position) => {\n const rect = this.origin.nativeElement ?\n this.origin.nativeElement.getBoundingClientRect() :\n (this.origin as unknown as HTMLElement).getBoundingClientRect();\n return [position, rect];\n }),\n );\n }\n}\n", "<ng-template #templatePortalContent>\n @if (cdkTrapFocusAutoCapture) {\n <ng-container *ngTemplateOutlet=\"template; context: { $implicit: true }\"></ng-container>\n }\n @if (!cdkTrapFocusAutoCapture) {\n <ng-container *ngTemplateOutlet=\"template; context: { $implicit: false }\"></ng-container>\n }\n</ng-template>\n\n<ng-template #template let-autoCapture>\n <div class=\"eui-popover__container\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"autoCapture\" (keydown)=\"onKeyDown($event)\">\n <div class=\"eui-popover__arrow\" [euiPopoverArrowPosition]=\"position$\">\n <div class=\"eui-popover__arrow-inner\"></div>\n </div>\n @if (title) {\n <div class=\"eui-popover__header\">\n <div class=\"eui-popover__header-title\">{{ title }}</div>\n @if (title) {\n <button euiButton euiRounded euiIconButton euiBasicButton euiSizeS class=\"eui-popover__header-close\" aria-label=\"Close Icon Button\" (click)=\"closePopover()\">\n <eui-icon-svg icon=\"eui-close\" fillColor=\"primary\" aria-label=\"Close Icon\" class=\"eui-popover__header-close-icon\"></eui-icon-svg>\n </button>\n }\n </div>\n }\n <div (cdkObserveContent)=\"onContentChange()\" class=\"eui-popover__content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { ObserversModule } from '@angular/cdk/observers';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiPopoverComponent } from './eui-popover.component';\nimport { EuiPopoverArrowPositionDirective } from './directives/eui-popover-arrow-position.directive';\n\n@NgModule({\n imports: [CommonModule, OverlayModule, EuiButtonModule, EuiIconModule, A11yModule, ObserversModule],\n declarations: [EuiPopoverComponent, EuiPopoverArrowPositionDirective],\n exports: [EuiPopoverComponent],\n})\nexport class EuiPopoverModule {}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["document", "Input", "Subject", "takeUntil", "i0"]
|
|
7
7
|
}
|
|
@@ -46,7 +46,7 @@ var EuiProgressBarComponent = class _EuiProgressBarComponent {
|
|
|
46
46
|
<div class="eui-progress-bar__indicator-container">
|
|
47
47
|
<div class="eui-progress-bar__indicator" [style.width]="!isIndeterminate ? progress + '%' : null"></div>
|
|
48
48
|
</div>
|
|
49
|
-
`, styles: [":host.eui-progress-bar{align-items:center;display:flex;flex-direction:column;position:relative}.eui-progress-bar__header{align-items:center;display:flex;justify-content:space-between;height:var(--eui-base-spacing-l);margin-bottom:var(--eui-base-spacing-s);width:100%}.eui-progress-bar__header-label{display:flex;justify-content:flex-start;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-progress-bar__header-status{display:flex;justify-content:flex-end}.eui-progress-bar__indicator-container{margin-bottom:var(--eui-base-spacing-2xs);background-color:var(--eui-c-neutral-lightest);height:var(--eui-base-spacing-2xs);position:relative;width:100%}.eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-primary);height:100%;transition:width .25s ease}:host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-2xs)}:host.eui-progress-bar--size-xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xs)}:host.eui-progress-bar--size-s .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-s)}:host.eui-progress-bar--size-m .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-m)}:host.eui-progress-bar--size-l .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-l)}:host.eui-progress-bar--size-xl .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xl)}@media screen and (
|
|
49
|
+
`, styles: [":host.eui-progress-bar{align-items:center;display:flex;flex-direction:column;position:relative}.eui-progress-bar__header{align-items:center;display:flex;justify-content:space-between;height:var(--eui-base-spacing-l);margin-bottom:var(--eui-base-spacing-s);width:100%}.eui-progress-bar__header-label{display:flex;justify-content:flex-start;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-progress-bar__header-status{display:flex;justify-content:flex-end}.eui-progress-bar__indicator-container{margin-bottom:var(--eui-base-spacing-2xs);background-color:var(--eui-c-neutral-lightest);height:var(--eui-base-spacing-2xs);position:relative;width:100%}.eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-primary);height:100%;transition:width .25s ease}:host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-2xs)}:host.eui-progress-bar--size-xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xs)}:host.eui-progress-bar--size-s .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-s)}:host.eui-progress-bar--size-m .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-m)}:host.eui-progress-bar--size-l .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-l)}:host.eui-progress-bar--size-xl .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xl)}@media screen and (min-width: new-breakpoint(max-width 767px)){:host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xs)}}:host.eui-progress-bar--secondary .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-neutral-bg-light)}:host.eui-progress-bar--success .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-success)}:host.eui-progress-bar--info .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-info)}:host.eui-progress-bar--warning .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-warning)}:host.eui-progress-bar--danger .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-danger)}:host.eui-progress-bar--accent .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-accent)}:host.eui-progress-bar--indeterminate .eui-progress-bar__indicator-container .eui-progress-bar__indicator{animation:progress-linear-indeterminate 2s infinite linear;background-color:var(--eui-c-neutral-lightest);background-size:200% 100%;background-image:linear-gradient(to right,transparent 50%,var(--eui-c-primary) 50%,var(--eui-c-primary) 60%,transparent 60%,transparent 71.5%,var(--eui-c-primary) 71.5%,var(--eui-c-primary) 84%,transparent 84%);transition:all .2s}@keyframes progress-linear-indeterminate{0%{background-size:200% 100%;background-position:left -31.25% top 0%}50%{background-size:800% 100%;background-position:left -49% top 0%}to{background-size:400% 100%;background-position:left -102% top 0%}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiProgressBarComponent, decorators: [{
|
|
@@ -82,7 +82,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
82
82
|
<div class="eui-progress-bar__indicator-container">
|
|
83
83
|
<div class="eui-progress-bar__indicator" [style.width]="!isIndeterminate ? progress + '%' : null"></div>
|
|
84
84
|
</div>
|
|
85
|
-
`, styles: [":host.eui-progress-bar{align-items:center;display:flex;flex-direction:column;position:relative}.eui-progress-bar__header{align-items:center;display:flex;justify-content:space-between;height:var(--eui-base-spacing-l);margin-bottom:var(--eui-base-spacing-s);width:100%}.eui-progress-bar__header-label{display:flex;justify-content:flex-start;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-progress-bar__header-status{display:flex;justify-content:flex-end}.eui-progress-bar__indicator-container{margin-bottom:var(--eui-base-spacing-2xs);background-color:var(--eui-c-neutral-lightest);height:var(--eui-base-spacing-2xs);position:relative;width:100%}.eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-primary);height:100%;transition:width .25s ease}:host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-2xs)}:host.eui-progress-bar--size-xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xs)}:host.eui-progress-bar--size-s .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-s)}:host.eui-progress-bar--size-m .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-m)}:host.eui-progress-bar--size-l .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-l)}:host.eui-progress-bar--size-xl .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xl)}@media screen and (
|
|
85
|
+
`, styles: [":host.eui-progress-bar{align-items:center;display:flex;flex-direction:column;position:relative}.eui-progress-bar__header{align-items:center;display:flex;justify-content:space-between;height:var(--eui-base-spacing-l);margin-bottom:var(--eui-base-spacing-s);width:100%}.eui-progress-bar__header-label{display:flex;justify-content:flex-start;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-progress-bar__header-status{display:flex;justify-content:flex-end}.eui-progress-bar__indicator-container{margin-bottom:var(--eui-base-spacing-2xs);background-color:var(--eui-c-neutral-lightest);height:var(--eui-base-spacing-2xs);position:relative;width:100%}.eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-primary);height:100%;transition:width .25s ease}:host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-2xs)}:host.eui-progress-bar--size-xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xs)}:host.eui-progress-bar--size-s .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-s)}:host.eui-progress-bar--size-m .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-m)}:host.eui-progress-bar--size-l .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-l)}:host.eui-progress-bar--size-xl .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xl)}@media screen and (min-width: new-breakpoint(max-width 767px)){:host.eui-progress-bar--size-2xs .eui-progress-bar__indicator-container{height:var(--eui-base-spacing-xs)}}:host.eui-progress-bar--secondary .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-neutral-bg-light)}:host.eui-progress-bar--success .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-success)}:host.eui-progress-bar--info .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-info)}:host.eui-progress-bar--warning .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-warning)}:host.eui-progress-bar--danger .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-danger)}:host.eui-progress-bar--accent .eui-progress-bar__indicator-container .eui-progress-bar__indicator{background-color:var(--eui-c-accent)}:host.eui-progress-bar--indeterminate .eui-progress-bar__indicator-container .eui-progress-bar__indicator{animation:progress-linear-indeterminate 2s infinite linear;background-color:var(--eui-c-neutral-lightest);background-size:200% 100%;background-image:linear-gradient(to right,transparent 50%,var(--eui-c-primary) 50%,var(--eui-c-primary) 60%,transparent 60%,transparent 71.5%,var(--eui-c-primary) 71.5%,var(--eui-c-primary) 84%,transparent 84%);transition:all .2s}@keyframes progress-linear-indeterminate{0%{background-size:200% 100%;background-position:left -31.25% top 0%}50%{background-size:800% 100%;background-position:left -49% top 0%}to{background-size:400% 100%;background-position:left -102% top 0%}}\n"] }]
|
|
86
86
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { e2eAttr: [{
|
|
87
87
|
type: HostBinding,
|
|
88
88
|
args: ["attr.data-e2e"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-progress-bar/eui-progress-bar.component.ts", "../../eui-progress-bar/eui-progress-bar.component.html", "../../eui-progress-bar/eui-progress-bar.module.ts"],
|
|
4
4
|
"sourcesContent": ["import {\n Component,\n Input,\n ChangeDetectionStrategy,\n SimpleChanges,\n OnChanges,\n HostBinding,\n booleanAttribute,\n numberAttribute,\n} from '@angular/core';\nimport { BooleanInput, NumberInput } from '@angular/cdk/coercion';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n templateUrl: './eui-progress-bar.component.html',\n selector: 'eui-progress-bar',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiSize2XS',\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiVariant',\n 'euiSizeVariant',\n ],\n },\n ],\n})\nexport class EuiProgressBarComponent implements OnChanges {\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-progress-bar';\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n\n @Input() label = '';\n\n @Input({ transform: numberAttribute })\n progress: NumberInput;\n\n @Input({ transform: booleanAttribute })\n isIndeterminate: BooleanInput = false;\n\n @Input({ transform: booleanAttribute })\n hasStatusIcon: BooleanInput = false;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['progress']) {\n this.progress = changes['progress'].currentValue;\n if ((this?.progress as number) > 100) {\n this.progress = 100;\n }\n }\n }\n\n private getCssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-progress-bar'),\n this.isIndeterminate ? 'eui-progress-bar--indeterminate' : '',\n this.hasStatusIcon ? 'eui-progress-bar--hasStatusIcon' : '',\n ]\n .join(' ')\n .trim();\n }\n}\n", "<div *ngIf=\"label || hasStatusIcon\" class=\"eui-progress-bar__header\">\n <div *ngIf=\"label\" class=\"eui-progress-bar__header-label\">{{ label }}</div>\n <div *ngIf=\"hasStatusIcon\" class=\"eui-progress-bar__header-status\">\n <eui-icon-svg *ngIf=\"baseStatesDirective?.euiSuccess\" icon=\"eui-ecl-success\" fillColor=\"success-100\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"baseStatesDirective?.euiWarning\" icon=\"eui-ecl-warning\" fillColor=\"warning-100\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"baseStatesDirective?.euiDanger\" icon=\"eui-ecl-error\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n</div>\n<div class=\"eui-progress-bar__indicator-container\">\n <div class=\"eui-progress-bar__indicator\" [style.width]=\"!isIndeterminate ? progress + '%' : null\"></div>\n</div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiProgressBarComponent } from './eui-progress-bar.component';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule],\n declarations: [EuiProgressBarComponent],\n exports: [EuiProgressBarComponent],\n})\nexport class EuiProgressBarModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SACI,WACA,OACA,yBAGA,aACA,kBACA,uBACG;AAGP,SAAS,2BAA2B;;;;;AA6B9B,IAAO,0BAAP,MAAO,yBAAuB;EAEhC,IACW,aAAU;AACjB,WAAO,KAAK,cAAa;EAC7B;EAaA,YAAmB,qBAAwC;AAAxC,SAAA,sBAAA;AAjBoB,SAAA,UAAU;AAMxC,SAAA,QAAQ;AAMjB,SAAA,kBAAgC;AAGhC,SAAA,gBAA8B;EAEgC;EAE9D,YAAY,SAAsB;AAC9B,QAAI,QAAQ,UAAU,GAAG;AACrB,WAAK,WAAW,QAAQ,UAAU,EAAE;AACpC,UAAK,MAAM,WAAsB,KAAK;AAClC,aAAK,WAAW;MACpB;IACJ;EACJ;EAEQ,gBAAa;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,kBAAkB;MACzD,KAAK,kBAAkB,oCAAoC;MAC3D,KAAK,gBAAgB,oCAAoC;MAExD,KAAK,GAAG,EACR,KAAI;EACb;;4GArCS,0BAAuB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAvB,0BAAuB,UAAA,oBAAA,QAAA,EAAA,SAAA,WAAA,OAAA,SAAA,UAAA,CAAA,YAAA,YASZ,eAAe,GAAA,iBAAA,CAAA,mBAAA,mBAGf,gBAAgB,GAAA,eAAA,CAAA,iBAAA,iBAGhB,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,iBAAA,gBAAA,SAAA,kBAAA,EAAA,GAAA,eAAA,MAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,gBAAA,gBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,aAAA,aAAA,cAAA,cAAA,kBAAA,gBAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UCxDxC;;;;;;;;;;;GAWA,QAAA,CAAA,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -589,7 +589,7 @@ var EuiTableV2Component = class _EuiTableV2Component {
|
|
|
589
589
|
this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiTableV2Component, deps: [{ token: i03.ElementRef }, { token: i03.ChangeDetectorRef }, { token: EuiTableV2SelectableRowService }, { token: EuiTableV2SortService }, { token: i3.BaseStatesDirective }, { token: i03.Renderer2 }], target: i03.ɵɵFactoryTarget.Component });
|
|
590
590
|
}
|
|
591
591
|
static {
|
|
592
|
-
this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.5", type: _EuiTableV2Component, selector: "eui-table-v2, table[euiTableV2]", inputs: { data: "data", propId: "propId", itemSize: "itemSize", paginator: "paginator", filter: "filter", preselectedRows: "preselectedRows", isVirtualScroll: ["isVirtualScroll", "isVirtualScroll", booleanAttribute], isVirtualScrollCache: ["isVirtualScrollCache", "isVirtualScrollCache", booleanAttribute], hasStickyHeader: ["hasStickyHeader", "hasStickyHeader", booleanAttribute], hasStickyFooter: ["hasStickyFooter", "hasStickyFooter", booleanAttribute], hasStickyCols: ["hasStickyCols", "hasStickyCols", booleanAttribute], isTableResponsive: ["isTableResponsive", "isTableResponsive", booleanAttribute], isAsync: ["isAsync", "isAsync", booleanAttribute], virtualScrollAsyncItemsLength: ["virtualScrollAsyncItemsLength", "virtualScrollAsyncItemsLength", numberAttribute], virtualScrollNbRows: ["virtualScrollNbRows", "virtualScrollNbRows", numberAttribute], isColsOrderable: ["isColsOrderable", "isColsOrderable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], isSelectOnlyVisibleRows: ["isSelectOnlyVisibleRows", "isSelectOnlyVisibleRows", booleanAttribute], isTableBordered: ["isTableBordered", "isTableBordered", booleanAttribute], isTableCondensed: ["isTableCondensed", "isTableCondensed", booleanAttribute] }, outputs: { scrollChange: "scrollChange", rowsSelect: "rowsSelect", sortChange: "sortChange" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiTableV2SelectableRowService, EuiTableV2SortService], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "cdkVirtualScrollViewport", first: true, predicate: ["cdkVirtualScrollViewport"], descendants: true }, { propertyName: "cdkVirtualScrollViewportElement", first: true, predicate: ["cdkVirtualScrollViewportElement"], descendants: true, read: ElementRef }, { propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true }, { propertyName: "tbodyRef", first: true, predicate: ["tbodyRef"], descendants: true }, { propertyName: "tfootRef", first: true, predicate: ["tfootRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i3.BaseStatesDirective }], ngImport: i03, template: '<!-- <button (click)="test(19250)">19250</button>\n<button (click)="test(7895)">7895</button>\n<button (click)="test(16860)">16860</button>\n<button (click)="test(16870)">16870</button>\n<button (click)="test(16880)">16880</button>\n<button (click)="test(16890)">16890</button>\n<button (click)="test(16900)">16900</button>\n<button (click)="test(26998)">26998</button>\n<button (click)="test(28000)">28000</button> -->\n@if (isVirtualScroll) {\n <cdk-virtual-scroll-viewport\n #cdkVirtualScrollViewport\n #cdkVirtualScrollViewportElement\n class="eui-table-v2__scroll-viewport"\n [itemSize]="itemSize"\n [style.overflow]="cdkVirtualScrollViewportOverflowValue">\n <table class="{{ cssClasses }}" [style.width]="hostWidth">\n @if (headerTemplate) {\n <thead #theadRef [style.top]="stickyHeaderTopPosition">\n <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n <ng-container *cdkVirtualFor="let row of dataRendered; let i = index; trackBy: trackByFn">\n @if (row) {\n <ng-template\n [ngTemplateOutlet]="bodyTemplate"\n [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n </ng-template>\n } @else {\n <ng-template [ngTemplateOutlet]="skeletonLoading"></ng-template>\n }\n </ng-container>\n\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef [style.bottom]="stickyFooterBottomPosition">\n <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n </tfoot>\n }\n </table>\n </cdk-virtual-scroll-viewport>\n} @else {\n @if (headerTemplate) {\n <thead #theadRef>\n <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n @for (row of dataRendered; let i = $index; track row) {\n <ng-container>\n <ng-template\n [ngTemplateOutlet]="bodyTemplate"\n [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n </ng-template>\n </ng-container>\n }\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef>\n <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n </tfoot>\n }\n}\n\n<ng-template #skeletonLoading>\n <tr [style.height.px]="itemSize">\n <td *ngFor="let __ of nbCols"><eui-skeleton line euiRounded></eui-skeleton></td>\n </tr>\n</ng-template>\n', styles: ['.eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-table-v2__orderable-cols-preview,.eui-table-v2__orderable-rows-preview{display:none}.eui-table-v2__scrollable-wrapper{overflow:auto}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table-v2--condensed thead tr th{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-table-v2--condensed tbody tr td,.eui-table-v2--condensed tfoot tr td{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table-v2--cols-orderable tr{display:table-row}.eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-primary-100);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-table-v2--loading:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.eui-table-v2--sticky{max-width:none!important}.eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-table-v2--sticky-header thead th,.eui-table-v2--sticky-header thead td{background-color:inherit}.eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table-v2__row--selected td{background-color:var(--eui-c-primary-bg)}@media screen and (max-width: 767px){.eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-table-v2.eui-table-default--responsive thead,.eui-table-v2.eui-table-default--responsive tbody,.eui-table-v2.eui-table-default--responsive tfoot,.eui-table-v2.eui-table-default--responsive th,.eui-table-v2.eui-table-default--responsive td,.eui-table-v2.eui-table-default--responsive tr{display:block}.eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-table-v2.eui-table-default--responsive td{border:none;border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-table-v2 .actionsColumn,.eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-table-v2--sticky-cols th,.eui-table-v2--sticky-cols td,.eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table-v2__filter--responsive{width:100%}.eui-table-v2__filter-input{padding-left:var(--eui-base-spacing-2xl)!important}.eui-table-v2__filter-search-icon{left:var(--eui-base-spacing-xs);position:absolute;top:calc(var(--eui-base-spacing-xs) + 2px)}.eui-table-v2__sortable-col-multisort-index{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n'], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i5.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i6.EuiSkeletonComponent, selector: "eui-skeleton", inputs: ["circle", "line", "square", "rectangle"] }], changeDetection: i03.ChangeDetectionStrategy.OnPush, encapsulation: i03.ViewEncapsulation.None });
|
|
592
|
+
this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.5", type: _EuiTableV2Component, selector: "eui-table-v2, table[euiTableV2]", inputs: { data: "data", propId: "propId", itemSize: "itemSize", paginator: "paginator", filter: "filter", preselectedRows: "preselectedRows", isVirtualScroll: ["isVirtualScroll", "isVirtualScroll", booleanAttribute], isVirtualScrollCache: ["isVirtualScrollCache", "isVirtualScrollCache", booleanAttribute], hasStickyHeader: ["hasStickyHeader", "hasStickyHeader", booleanAttribute], hasStickyFooter: ["hasStickyFooter", "hasStickyFooter", booleanAttribute], hasStickyCols: ["hasStickyCols", "hasStickyCols", booleanAttribute], isTableResponsive: ["isTableResponsive", "isTableResponsive", booleanAttribute], isAsync: ["isAsync", "isAsync", booleanAttribute], virtualScrollAsyncItemsLength: ["virtualScrollAsyncItemsLength", "virtualScrollAsyncItemsLength", numberAttribute], virtualScrollNbRows: ["virtualScrollNbRows", "virtualScrollNbRows", numberAttribute], isColsOrderable: ["isColsOrderable", "isColsOrderable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], isSelectOnlyVisibleRows: ["isSelectOnlyVisibleRows", "isSelectOnlyVisibleRows", booleanAttribute], isTableBordered: ["isTableBordered", "isTableBordered", booleanAttribute], isTableCondensed: ["isTableCondensed", "isTableCondensed", booleanAttribute] }, outputs: { scrollChange: "scrollChange", rowsSelect: "rowsSelect", sortChange: "sortChange" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiTableV2SelectableRowService, EuiTableV2SortService], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "cdkVirtualScrollViewport", first: true, predicate: ["cdkVirtualScrollViewport"], descendants: true }, { propertyName: "cdkVirtualScrollViewportElement", first: true, predicate: ["cdkVirtualScrollViewportElement"], descendants: true, read: ElementRef }, { propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true }, { propertyName: "tbodyRef", first: true, predicate: ["tbodyRef"], descendants: true }, { propertyName: "tfootRef", first: true, predicate: ["tfootRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i3.BaseStatesDirective }], ngImport: i03, template: '<!-- <button (click)="test(19250)">19250</button>\n<button (click)="test(7895)">7895</button>\n<button (click)="test(16860)">16860</button>\n<button (click)="test(16870)">16870</button>\n<button (click)="test(16880)">16880</button>\n<button (click)="test(16890)">16890</button>\n<button (click)="test(16900)">16900</button>\n<button (click)="test(26998)">26998</button>\n<button (click)="test(28000)">28000</button> -->\n@if (isVirtualScroll) {\n <cdk-virtual-scroll-viewport\n #cdkVirtualScrollViewport\n #cdkVirtualScrollViewportElement\n class="eui-table-v2__scroll-viewport"\n [itemSize]="itemSize"\n [style.overflow]="cdkVirtualScrollViewportOverflowValue">\n <table class="{{ cssClasses }}" [style.width]="hostWidth">\n @if (headerTemplate) {\n <thead #theadRef [style.top]="stickyHeaderTopPosition">\n <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n <ng-container *cdkVirtualFor="let row of dataRendered; let i = index; trackBy: trackByFn">\n @if (row) {\n <ng-template\n [ngTemplateOutlet]="bodyTemplate"\n [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n </ng-template>\n } @else {\n <ng-template [ngTemplateOutlet]="skeletonLoading"></ng-template>\n }\n </ng-container>\n\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef [style.bottom]="stickyFooterBottomPosition">\n <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n </tfoot>\n }\n </table>\n </cdk-virtual-scroll-viewport>\n} @else {\n @if (headerTemplate) {\n <thead #theadRef>\n <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n @for (row of dataRendered; let i = $index; track row) {\n <ng-container>\n <ng-template\n [ngTemplateOutlet]="bodyTemplate"\n [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n </ng-template>\n </ng-container>\n }\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef>\n <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n </tfoot>\n }\n}\n\n<ng-template #skeletonLoading>\n <tr [style.height.px]="itemSize">\n <td *ngFor="let __ of nbCols"><eui-skeleton line euiRounded></eui-skeleton></td>\n </tr>\n</ng-template>\n', styles: ['.eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-table-v2__orderable-cols-preview,.eui-table-v2__orderable-rows-preview{display:none}.eui-table-v2__scrollable-wrapper{overflow:auto}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table-v2--condensed thead tr th{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-table-v2--condensed tbody tr td,.eui-table-v2--condensed tfoot tr td{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table-v2--cols-orderable tr{display:table-row}.eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-bc-primary-100);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-table-v2--loading:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.eui-table-v2--sticky{max-width:none!important}.eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-table-v2--sticky-header thead th,.eui-table-v2--sticky-header thead td{background-color:inherit}.eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table-v2__row--selected td{background-color:var(--eui-c-primary-bg)}@media screen and (min-width: new-breakpoint(max-width 767px)){.eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-table-v2.eui-table-default--responsive thead,.eui-table-v2.eui-table-default--responsive tbody,.eui-table-v2.eui-table-default--responsive tfoot,.eui-table-v2.eui-table-default--responsive th,.eui-table-v2.eui-table-default--responsive td,.eui-table-v2.eui-table-default--responsive tr{display:block}.eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-table-v2.eui-table-default--responsive td{border:none;border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-table-v2 .actionsColumn,.eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-table-v2--sticky-cols th,.eui-table-v2--sticky-cols td,.eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table-v2__filter--responsive{width:100%}.eui-table-v2__filter-input{padding-left:var(--eui-base-spacing-2xl)!important}.eui-table-v2__filter-search-icon{left:var(--eui-base-spacing-xs);position:absolute;top:calc(var(--eui-base-spacing-xs) + 2px)}.eui-table-v2__sortable-col-multisort-index{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n'], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i5.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i6.EuiSkeletonComponent, selector: "eui-skeleton", inputs: ["circle", "line", "square", "rectangle"] }], changeDetection: i03.ChangeDetectionStrategy.OnPush, encapsulation: i03.ViewEncapsulation.None });
|
|
593
593
|
}
|
|
594
594
|
};
|
|
595
595
|
i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: EuiTableV2Component, decorators: [{
|
|
@@ -599,7 +599,7 @@ i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
599
599
|
directive: BaseStatesDirective,
|
|
600
600
|
inputs: []
|
|
601
601
|
}
|
|
602
|
-
], template: '<!-- <button (click)="test(19250)">19250</button>\n<button (click)="test(7895)">7895</button>\n<button (click)="test(16860)">16860</button>\n<button (click)="test(16870)">16870</button>\n<button (click)="test(16880)">16880</button>\n<button (click)="test(16890)">16890</button>\n<button (click)="test(16900)">16900</button>\n<button (click)="test(26998)">26998</button>\n<button (click)="test(28000)">28000</button> -->\n@if (isVirtualScroll) {\n <cdk-virtual-scroll-viewport\n #cdkVirtualScrollViewport\n #cdkVirtualScrollViewportElement\n class="eui-table-v2__scroll-viewport"\n [itemSize]="itemSize"\n [style.overflow]="cdkVirtualScrollViewportOverflowValue">\n <table class="{{ cssClasses }}" [style.width]="hostWidth">\n @if (headerTemplate) {\n <thead #theadRef [style.top]="stickyHeaderTopPosition">\n <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n <ng-container *cdkVirtualFor="let row of dataRendered; let i = index; trackBy: trackByFn">\n @if (row) {\n <ng-template\n [ngTemplateOutlet]="bodyTemplate"\n [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n </ng-template>\n } @else {\n <ng-template [ngTemplateOutlet]="skeletonLoading"></ng-template>\n }\n </ng-container>\n\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef [style.bottom]="stickyFooterBottomPosition">\n <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n </tfoot>\n }\n </table>\n </cdk-virtual-scroll-viewport>\n} @else {\n @if (headerTemplate) {\n <thead #theadRef>\n <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n @for (row of dataRendered; let i = $index; track row) {\n <ng-container>\n <ng-template\n [ngTemplateOutlet]="bodyTemplate"\n [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n </ng-template>\n </ng-container>\n }\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef>\n <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n </tfoot>\n }\n}\n\n<ng-template #skeletonLoading>\n <tr [style.height.px]="itemSize">\n <td *ngFor="let __ of nbCols"><eui-skeleton line euiRounded></eui-skeleton></td>\n </tr>\n</ng-template>\n', styles: ['.eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-table-v2__orderable-cols-preview,.eui-table-v2__orderable-rows-preview{display:none}.eui-table-v2__scrollable-wrapper{overflow:auto}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table-v2--condensed thead tr th{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-table-v2--condensed tbody tr td,.eui-table-v2--condensed tfoot tr td{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table-v2--cols-orderable tr{display:table-row}.eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-
|
|
602
|
+
], template: '<!-- <button (click)="test(19250)">19250</button>\n<button (click)="test(7895)">7895</button>\n<button (click)="test(16860)">16860</button>\n<button (click)="test(16870)">16870</button>\n<button (click)="test(16880)">16880</button>\n<button (click)="test(16890)">16890</button>\n<button (click)="test(16900)">16900</button>\n<button (click)="test(26998)">26998</button>\n<button (click)="test(28000)">28000</button> -->\n@if (isVirtualScroll) {\n <cdk-virtual-scroll-viewport\n #cdkVirtualScrollViewport\n #cdkVirtualScrollViewportElement\n class="eui-table-v2__scroll-viewport"\n [itemSize]="itemSize"\n [style.overflow]="cdkVirtualScrollViewportOverflowValue">\n <table class="{{ cssClasses }}" [style.width]="hostWidth">\n @if (headerTemplate) {\n <thead #theadRef [style.top]="stickyHeaderTopPosition">\n <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n <ng-container *cdkVirtualFor="let row of dataRendered; let i = index; trackBy: trackByFn">\n @if (row) {\n <ng-template\n [ngTemplateOutlet]="bodyTemplate"\n [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n </ng-template>\n } @else {\n <ng-template [ngTemplateOutlet]="skeletonLoading"></ng-template>\n }\n </ng-container>\n\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef [style.bottom]="stickyFooterBottomPosition">\n <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n </tfoot>\n }\n </table>\n </cdk-virtual-scroll-viewport>\n} @else {\n @if (headerTemplate) {\n <thead #theadRef>\n <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n @for (row of dataRendered; let i = $index; track row) {\n <ng-container>\n <ng-template\n [ngTemplateOutlet]="bodyTemplate"\n [ngTemplateOutletContext]="{ $implicit: row, index: i }">\n </ng-template>\n </ng-container>\n }\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]="noDataTemplate"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef>\n <ng-template [ngTemplateOutlet]="footerTemplate"></ng-template>\n </tfoot>\n }\n}\n\n<ng-template #skeletonLoading>\n <tr [style.height.px]="itemSize">\n <td *ngFor="let __ of nbCols"><eui-skeleton line euiRounded></eui-skeleton></td>\n </tr>\n</ng-template>\n', styles: ['.eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-table-v2__orderable-cols-preview,.eui-table-v2__orderable-rows-preview{display:none}.eui-table-v2__scrollable-wrapper{overflow:auto}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table-v2--condensed thead tr th{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-table-v2--condensed tbody tr td,.eui-table-v2--condensed tfoot tr td{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table-v2--cols-orderable tr{display:table-row}.eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-bc-primary-100);content:"";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-table-v2--loading:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.eui-table-v2--sticky{max-width:none!important}.eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-table-v2--sticky-header thead th,.eui-table-v2--sticky-header thead td{background-color:inherit}.eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table-v2__row--selected td{background-color:var(--eui-c-primary-bg)}@media screen and (min-width: new-breakpoint(max-width 767px)){.eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-table-v2.eui-table-default--responsive thead,.eui-table-v2.eui-table-default--responsive tbody,.eui-table-v2.eui-table-default--responsive tfoot,.eui-table-v2.eui-table-default--responsive th,.eui-table-v2.eui-table-default--responsive td,.eui-table-v2.eui-table-default--responsive tr{display:block}.eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-table-v2.eui-table-default--responsive td{border:none;border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-table-v2 .actionsColumn,.eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-table-v2--sticky-cols th,.eui-table-v2--sticky-cols td,.eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table-v2__filter--responsive{width:100%}.eui-table-v2__filter-input{padding-left:var(--eui-base-spacing-2xl)!important}.eui-table-v2__filter-search-icon{left:var(--eui-base-spacing-xs);position:absolute;top:calc(var(--eui-base-spacing-xs) + 2px)}.eui-table-v2__sortable-col-multisort-index{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n'] }]
|
|
603
603
|
}], ctorParameters: () => [{ type: i03.ElementRef }, { type: i03.ChangeDetectorRef }, { type: EuiTableV2SelectableRowService }, { type: EuiTableV2SortService }, { type: i3.BaseStatesDirective }, { type: i03.Renderer2 }], propDecorators: { cssClasses: [{
|
|
604
604
|
type: HostBinding,
|
|
605
605
|
args: ["class"]
|
|
@@ -1091,12 +1091,12 @@ var EuiTableV2SortableColComponent = class _EuiTableV2SortableColComponent {
|
|
|
1091
1091
|
}
|
|
1092
1092
|
@if (order === 'asc' && isSorted && !sortDisabled) {
|
|
1093
1093
|
<button class="eui-u-ml-xs" euiButton euiIconButton euiBasicButton (click)="changeSort()">
|
|
1094
|
-
<eui-icon-svg class="sort-icon" icon="eui-arrow-up-thin" fillColor="primary
|
|
1094
|
+
<eui-icon-svg class="sort-icon" icon="eui-arrow-up-thin" fillColor="primary" [aria-label]="'eui.euitable.ASCENDING-ICON' | translate"></eui-icon-svg>
|
|
1095
1095
|
</button>
|
|
1096
1096
|
}
|
|
1097
1097
|
@if (order === 'desc' && isSorted && !sortDisabled) {
|
|
1098
1098
|
<button class="eui-u-ml-xs" euiButton euiIconButton euiBasicButton (click)="changeSort()">
|
|
1099
|
-
<eui-icon-svg class="sort-icon" icon="eui-arrow-down-thin" fillColor="primary
|
|
1099
|
+
<eui-icon-svg class="sort-icon" icon="eui-arrow-down-thin" fillColor="primary" [aria-label]="'eui.euitable.DESCENDING-ICON' | translate"></eui-icon-svg>
|
|
1100
1100
|
</button>
|
|
1101
1101
|
}
|
|
1102
1102
|
@if (sortedIndex && !sortDisabled) {
|
|
@@ -1123,12 +1123,12 @@ i010.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5"
|
|
|
1123
1123
|
}
|
|
1124
1124
|
@if (order === 'asc' && isSorted && !sortDisabled) {
|
|
1125
1125
|
<button class="eui-u-ml-xs" euiButton euiIconButton euiBasicButton (click)="changeSort()">
|
|
1126
|
-
<eui-icon-svg class="sort-icon" icon="eui-arrow-up-thin" fillColor="primary
|
|
1126
|
+
<eui-icon-svg class="sort-icon" icon="eui-arrow-up-thin" fillColor="primary" [aria-label]="'eui.euitable.ASCENDING-ICON' | translate"></eui-icon-svg>
|
|
1127
1127
|
</button>
|
|
1128
1128
|
}
|
|
1129
1129
|
@if (order === 'desc' && isSorted && !sortDisabled) {
|
|
1130
1130
|
<button class="eui-u-ml-xs" euiButton euiIconButton euiBasicButton (click)="changeSort()">
|
|
1131
|
-
<eui-icon-svg class="sort-icon" icon="eui-arrow-down-thin" fillColor="primary
|
|
1131
|
+
<eui-icon-svg class="sort-icon" icon="eui-arrow-down-thin" fillColor="primary" [aria-label]="'eui.euitable.DESCENDING-ICON' | translate"></eui-icon-svg>
|
|
1132
1132
|
</button>
|
|
1133
1133
|
}
|
|
1134
1134
|
@if (sortedIndex && !sortDisabled) {
|