@eui/components 19.0.2-snapshot-1735581456359 → 19.0.2-snapshot-1736167801365
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/directives/eui-maxlength.directive.d.ts.map +1 -1
- package/directives/eui-scroll-handler.directive.d.ts.map +1 -1
- package/directives/eui-smooth-scroll.directive.d.ts.map +1 -1
- package/directives/eui-tooltip/eui-tooltip.directive.d.ts.map +1 -1
- package/docs/dependencies.html +19 -19
- package/docs/js/search/search_index.js +2 -2
- package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
- package/eui-chip-list/eui-chip-list.component.d.ts.map +1 -1
- package/eui-input-number/eui-input-number.component.d.ts.map +1 -1
- package/eui-progress-bar/eui-progress-bar.component.d.ts.map +1 -1
- package/eui-table/sortable-col/eui-table-sortable-col.component.d.ts.map +1 -1
- package/eui-table-v2/eui-table-v2.component.d.ts.map +1 -1
- package/eui-textarea/auto-resize.directive.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +70 -70
- package/fesm2022/eui-components-eui-accordion.mjs +13 -13
- package/fesm2022/eui-components-eui-alert.mjs +10 -10
- package/fesm2022/eui-components-eui-autocomplete.mjs +13 -13
- package/fesm2022/eui-components-eui-avatar.mjs +22 -22
- package/fesm2022/eui-components-eui-badge.mjs +7 -7
- package/fesm2022/eui-components-eui-block-content.mjs +7 -7
- package/fesm2022/eui-components-eui-block-document.mjs +7 -7
- package/fesm2022/eui-components-eui-breadcrumb.mjs +13 -13
- package/fesm2022/eui-components-eui-button-group.mjs +7 -7
- package/fesm2022/eui-components-eui-button-v2.mjs +7 -7
- package/fesm2022/eui-components-eui-button.mjs +7 -7
- package/fesm2022/eui-components-eui-card.mjs +49 -49
- package/fesm2022/eui-components-eui-chip-group.mjs +7 -7
- package/fesm2022/eui-components-eui-chip-list.mjs +13 -13
- package/fesm2022/eui-components-eui-chip.mjs +7 -7
- package/fesm2022/eui-components-eui-dashboard-button.mjs +13 -13
- package/fesm2022/eui-components-eui-dashboard-card.mjs +13 -13
- package/fesm2022/eui-components-eui-date-range-selector.mjs +10 -10
- package/fesm2022/eui-components-eui-datepicker.mjs +19 -19
- package/fesm2022/eui-components-eui-dialog.mjs +19 -19
- package/fesm2022/eui-components-eui-dimmer.mjs +7 -7
- package/fesm2022/eui-components-eui-disable-content.mjs +7 -7
- package/fesm2022/eui-components-eui-discussion-thread.mjs +10 -10
- package/fesm2022/eui-components-eui-dropdown.mjs +20 -20
- package/fesm2022/eui-components-eui-feedback-message.mjs +7 -7
- package/fesm2022/eui-components-eui-fieldset.mjs +13 -13
- package/fesm2022/eui-components-eui-file-upload.mjs +19 -19
- package/fesm2022/eui-components-eui-growl.mjs +7 -7
- package/fesm2022/eui-components-eui-icon-button-expander.mjs +7 -7
- package/fesm2022/eui-components-eui-icon-button.mjs +7 -7
- package/fesm2022/eui-components-eui-icon-color.mjs +7 -7
- package/fesm2022/eui-components-eui-icon-input.mjs +7 -7
- package/fesm2022/eui-components-eui-icon-state.mjs +7 -7
- package/fesm2022/eui-components-eui-icon-toggle.mjs +7 -7
- package/fesm2022/eui-components-eui-icon.mjs +7 -7
- package/fesm2022/eui-components-eui-input-checkbox.mjs +7 -7
- package/fesm2022/eui-components-eui-input-group.mjs +13 -13
- package/fesm2022/eui-components-eui-input-number.mjs +10 -10
- package/fesm2022/eui-components-eui-input-radio.mjs +7 -7
- package/fesm2022/eui-components-eui-input-text.mjs +7 -7
- package/fesm2022/eui-components-eui-label.mjs +7 -7
- package/fesm2022/eui-components-eui-language-selector.mjs +10 -10
- package/fesm2022/eui-components-eui-list.mjs +10 -10
- package/fesm2022/eui-components-eui-menu.mjs +10 -10
- package/fesm2022/eui-components-eui-message-box.mjs +13 -13
- package/fesm2022/eui-components-eui-navbar.mjs +10 -10
- package/fesm2022/eui-components-eui-overlay.mjs +19 -19
- package/fesm2022/eui-components-eui-page.mjs +58 -58
- package/fesm2022/eui-components-eui-paginator.mjs +7 -7
- package/fesm2022/eui-components-eui-popover.mjs +10 -10
- package/fesm2022/eui-components-eui-progress-bar.mjs +7 -7
- package/fesm2022/eui-components-eui-progress-circle.mjs +7 -7
- package/fesm2022/eui-components-eui-select.mjs +19 -19
- package/fesm2022/eui-components-eui-sidebar-menu.mjs +7 -7
- package/fesm2022/eui-components-eui-skeleton.mjs +7 -7
- package/fesm2022/eui-components-eui-slide-toggle.mjs +7 -7
- package/fesm2022/eui-components-eui-split-button.mjs +7 -7
- package/fesm2022/eui-components-eui-table-v2.mjs +34 -34
- package/fesm2022/eui-components-eui-table.mjs +34 -34
- package/fesm2022/eui-components-eui-tabs.mjs +24 -24
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2022/eui-components-eui-textarea.mjs +10 -10
- package/fesm2022/eui-components-eui-timebar.mjs +7 -7
- package/fesm2022/eui-components-eui-timeline.mjs +10 -10
- package/fesm2022/eui-components-eui-timepicker.mjs +7 -7
- package/fesm2022/eui-components-eui-tree-list.mjs +25 -25
- package/fesm2022/eui-components-eui-tree.mjs +21 -21
- package/fesm2022/eui-components-eui-user-profile.mjs +16 -16
- package/fesm2022/eui-components-eui-wizard.mjs +13 -13
- package/fesm2022/eui-components-externals-charts.mjs +7 -7
- package/fesm2022/eui-components-externals-eui-editor.mjs +28 -28
- package/fesm2022/eui-components-externals-quill.mjs +10 -10
- package/fesm2022/eui-components-layout.mjs +182 -182
- package/fesm2022/eui-components-pipes.mjs +14 -14
- package/fesm2022/eui-components-shared.mjs +6 -6
- package/fesm2022/eui-components.mjs +4 -4
- package/package.json +15 -15
|
@@ -29,14 +29,14 @@ class EuiTabContentComponent {
|
|
|
29
29
|
ngAfterViewInit() {
|
|
30
30
|
this.templatePortal = new TemplatePortal(this.templateRef, this.viewContainerRef);
|
|
31
31
|
}
|
|
32
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabContentComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.5", type: EuiTabContentComponent, isStandalone: false, selector: "eui-tab-content, euiTabContent", inputs: { hasNoContentPadding: ["hasNoContentPadding", "hasNoContentPadding", booleanAttribute] }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["euiTabContent"], descendants: true }], ngImport: i0, template: ` <ng-template #euiTabContent>
|
|
34
34
|
<div tabindex="0" class="eui-tab-content" [class.eui-tab-content--no-padding]="this.hasNoContentPadding">
|
|
35
35
|
<ng-content></ng-content>
|
|
36
36
|
</div>
|
|
37
37
|
</ng-template>`, isInline: true }); }
|
|
38
38
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabContentComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
41
|
args: [{
|
|
42
42
|
selector: 'eui-tab-content, euiTabContent',
|
|
@@ -62,10 +62,10 @@ class EuiTabLabelComponent {
|
|
|
62
62
|
ngAfterViewInit() {
|
|
63
63
|
this.templatePortal = new TemplatePortal(this.templateRef, this.viewContainerRef);
|
|
64
64
|
}
|
|
65
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
66
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.
|
|
65
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabLabelComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
66
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: EuiTabLabelComponent, isStandalone: false, selector: "eui-tab-label, euiTabLabel", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["euiTabLabel"], descendants: true }], ngImport: i0, template: "<ng-template #euiTabLabel>\n <div class=\"eui-u-flex eui-u-flex-column\">\n <div class=\"eui-u-flex eui-u-flex-justify-content-center\">\n <div class=\"eui-u-inline-flex eui-tab-item__label-text\">\n <ng-content/>\n </div>\n <ng-content select=\"eui-chip\"/>\n <ng-content select=\"eui-badge\"/>\n </div>\n\n <div class=\"eui-tab-item__sublabel\"><ng-content select=\"euiTabSubLabel\"></ng-content></div>\n </div>\n</ng-template>\n" }); }
|
|
67
67
|
}
|
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabLabelComponent, decorators: [{
|
|
69
69
|
type: Component,
|
|
70
70
|
args: [{ selector: 'eui-tab-label, euiTabLabel', standalone: false, template: "<ng-template #euiTabLabel>\n <div class=\"eui-u-flex eui-u-flex-column\">\n <div class=\"eui-u-flex eui-u-flex-justify-content-center\">\n <div class=\"eui-u-inline-flex eui-tab-item__label-text\">\n <ng-content/>\n </div>\n <ng-content select=\"eui-chip\"/>\n <ng-content select=\"eui-badge\"/>\n </div>\n\n <div class=\"eui-tab-item__sublabel\"><ng-content select=\"euiTabSubLabel\"></ng-content></div>\n </div>\n</ng-template>\n" }]
|
|
71
71
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { templateRef: [{
|
|
@@ -74,10 +74,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
74
74
|
}] } });
|
|
75
75
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
76
76
|
class EuiTabSubLabelDirective {
|
|
77
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
78
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
77
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabSubLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
78
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: EuiTabSubLabelDirective, isStandalone: false, selector: "euiTabSubLabel", ngImport: i0 }); }
|
|
79
79
|
}
|
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabSubLabelDirective, decorators: [{
|
|
81
81
|
type: Directive,
|
|
82
82
|
args: [{ selector: 'euiTabSubLabel', standalone: false }]
|
|
83
83
|
}] });
|
|
@@ -114,10 +114,10 @@ class EuiTabComponent {
|
|
|
114
114
|
this._templateContent = value;
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
118
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: EuiTabComponent, isStandalone: false, selector: "eui-tab", inputs: { url: "url", e2eAttr: "e2eAttr", tooltip: "tooltip", isClosable: ["isClosable", "isClosable", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute], isActive: ["isActive", "isActive", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isHandleCloseOnClose: ["isHandleCloseOnClose", "isHandleCloseOnClose", booleanAttribute] }, queries: [{ propertyName: "templateLabel", first: true, predicate: EuiTabLabelComponent, descendants: true }, { propertyName: "templateContent", first: true, predicate: EuiTabContentComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiDisabled", "euiDisabled", "euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-19 .eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-19 .eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-19 .eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;left:0;position:absolute;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;position:absolute;right:0;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-s-3xl);padding-right:0}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-19 .eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-s-s)}.eui-19 .eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-19 .eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;color:var(--eui-c-neutral);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center}.eui-19 .eui-tabs .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs .eui-tab-item__label{font:var(--eui-f-m-bold)}.eui-19 .eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:var(--eui-f-s-compact)}.eui-19 .eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-hover);border-bottom:3px solid var(--eui-c-primary-lighter)}.eui-19 .eui-tabs .eui-tab-item--active{border-bottom:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--active .eui-tab-item__label-text{color:var(--eui-c-primar-dark)}.eui-19 .eui-tabs .eui-tab-item--hidden{display:none}.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-neutral-lighter);cursor:not-allowed;pointer-events:none}.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-neutral-light)}.eui-19 .eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s) 0 0 0}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-19 .eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-neutral-bg-light);border-left:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s);position:relative}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-19 .eui-tabs--main-navigation .eui-tabs__items,.eui-19 .eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-19 .eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-19 .eui-tabs--main-navigation .eui-tab-item--active,.eui-19 .eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-19 .eui-tabs .eui-tab-item:hover,.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--closable{padding-right:var(--eui-s-xs)}.eui-19 .eui-tabs .eui-tab-item--closable .eui-tab-item__close-button{margin-left:var(--eui-s-2xs)}.eui-19 .eui-tabs .eui-tab-item--primary,.eui-19 .eui-tabs .eui-tab-item--primary .eui-tab-item__label-text{color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--secondary,.eui-19 .eui-tabs .eui-tab-item--secondary .eui-tab-item__label-text{color:var(--eui-c-neutral)}.eui-19 .eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-neutral-light)}.eui-19 .eui-tabs .eui-tab-item--info,.eui-19 .eui-tabs .eui-tab-item--info .eui-tab-item__label-text{color:var(--eui-c-info)}.eui-19 .eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-19 .eui-tabs .eui-tab-item--success,.eui-19 .eui-tabs .eui-tab-item--success .eui-tab-item__label-text{color:var(--eui-c-success-dark)}.eui-19 .eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success-dark)}.eui-19 .eui-tabs .eui-tab-item--warning,.eui-19 .eui-tabs .eui-tab-item--warning .eui-tab-item__label-text{color:var(--eui-c-warning)}.eui-19 .eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning-darker)}.eui-19 .eui-tabs .eui-tab-item--danger,.eui-19 .eui-tabs .eui-tab-item--danger .eui-tab-item__label-text{color:var(--eui-c-danger-dark)}.eui-19 .eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger-dark)}.eui-19 .eui-tabs .eui-tab-item--accent,.eui-19 .eui-tabs .eui-tab-item--accent .eui-tab-item__label-text{color:var(--eui-c-accent-bg)}.eui-19 .eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent-darker)}\n"] }); }
|
|
117
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
118
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.5", type: EuiTabComponent, isStandalone: false, selector: "eui-tab", inputs: { url: "url", e2eAttr: "e2eAttr", tooltip: "tooltip", isClosable: ["isClosable", "isClosable", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute], isActive: ["isActive", "isActive", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isHandleCloseOnClose: ["isHandleCloseOnClose", "isHandleCloseOnClose", booleanAttribute] }, queries: [{ propertyName: "templateLabel", first: true, predicate: EuiTabLabelComponent, descendants: true }, { propertyName: "templateContent", first: true, predicate: EuiTabContentComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiDisabled", "euiDisabled", "euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-19 .eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-19 .eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-19 .eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;left:0;position:absolute;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;position:absolute;right:0;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-s-3xl);padding-right:0}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-19 .eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-s-s)}.eui-19 .eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-19 .eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;color:var(--eui-c-neutral);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center}.eui-19 .eui-tabs .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs .eui-tab-item__label{font:var(--eui-f-m-bold)}.eui-19 .eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:var(--eui-f-s-compact)}.eui-19 .eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-hover);border-bottom:3px solid var(--eui-c-primary-lighter)}.eui-19 .eui-tabs .eui-tab-item--active{border-bottom:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--active .eui-tab-item__label-text{color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--hidden{display:none}.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-neutral-lighter);cursor:not-allowed;pointer-events:none}.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-neutral-light)}.eui-19 .eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s) 0 0 0}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-19 .eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-neutral-bg-light);border-left:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s);position:relative}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-19 .eui-tabs--main-navigation .eui-tabs__items,.eui-19 .eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-19 .eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-19 .eui-tabs--main-navigation .eui-tab-item--active,.eui-19 .eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-19 .eui-tabs .eui-tab-item:hover,.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--closable{padding-right:var(--eui-s-xs)}.eui-19 .eui-tabs .eui-tab-item--closable .eui-tab-item__close-button{margin-left:var(--eui-s-2xs)}.eui-19 .eui-tabs .eui-tab-item--primary,.eui-19 .eui-tabs .eui-tab-item--primary .eui-tab-item__label-text{color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--secondary,.eui-19 .eui-tabs .eui-tab-item--secondary .eui-tab-item__label-text{color:var(--eui-c-neutral)}.eui-19 .eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-neutral-light)}.eui-19 .eui-tabs .eui-tab-item--info,.eui-19 .eui-tabs .eui-tab-item--info .eui-tab-item__label-text{color:var(--eui-c-info)}.eui-19 .eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-19 .eui-tabs .eui-tab-item--success,.eui-19 .eui-tabs .eui-tab-item--success .eui-tab-item__label-text{color:var(--eui-c-success-dark)}.eui-19 .eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success-dark)}.eui-19 .eui-tabs .eui-tab-item--warning,.eui-19 .eui-tabs .eui-tab-item--warning .eui-tab-item__label-text{color:var(--eui-c-warning)}.eui-19 .eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning-darker)}.eui-19 .eui-tabs .eui-tab-item--danger,.eui-19 .eui-tabs .eui-tab-item--danger .eui-tab-item__label-text{color:var(--eui-c-danger-dark)}.eui-19 .eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger-dark)}.eui-19 .eui-tabs .eui-tab-item--accent,.eui-19 .eui-tabs .eui-tab-item--accent .eui-tab-item__label-text{color:var(--eui-c-accent-bg)}.eui-19 .eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent-darker)}\n"] }); }
|
|
119
119
|
}
|
|
120
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
120
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabComponent, decorators: [{
|
|
121
121
|
type: Component,
|
|
122
122
|
args: [{ selector: 'eui-tab', hostDirectives: [
|
|
123
123
|
{
|
|
@@ -134,7 +134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
134
134
|
'euiVariant',
|
|
135
135
|
],
|
|
136
136
|
},
|
|
137
|
-
], standalone: false, template: "<ng-content></ng-content>\n", styles: [".eui-19 .eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-19 .eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-19 .eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;left:0;position:absolute;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;position:absolute;right:0;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-s-3xl);padding-right:0}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-19 .eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-s-s)}.eui-19 .eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-19 .eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;color:var(--eui-c-neutral);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center}.eui-19 .eui-tabs .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs .eui-tab-item__label{font:var(--eui-f-m-bold)}.eui-19 .eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:var(--eui-f-s-compact)}.eui-19 .eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-hover);border-bottom:3px solid var(--eui-c-primary-lighter)}.eui-19 .eui-tabs .eui-tab-item--active{border-bottom:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--active .eui-tab-item__label-text{color:var(--eui-c-
|
|
137
|
+
], standalone: false, template: "<ng-content></ng-content>\n", styles: [".eui-19 .eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-19 .eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-19 .eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;left:0;position:absolute;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;position:absolute;right:0;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-s-3xl);padding-right:0}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-19 .eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-s-s)}.eui-19 .eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-19 .eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;color:var(--eui-c-neutral);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center}.eui-19 .eui-tabs .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs .eui-tab-item__label{font:var(--eui-f-m-bold)}.eui-19 .eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:var(--eui-f-s-compact)}.eui-19 .eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-hover);border-bottom:3px solid var(--eui-c-primary-lighter)}.eui-19 .eui-tabs .eui-tab-item--active{border-bottom:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--active .eui-tab-item__label-text{color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--hidden{display:none}.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-neutral-lighter);cursor:not-allowed;pointer-events:none}.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-neutral-light)}.eui-19 .eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s) 0 0 0}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-19 .eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-neutral-bg-light);border-left:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s);position:relative}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-19 .eui-tabs--main-navigation .eui-tabs__items,.eui-19 .eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-19 .eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-19 .eui-tabs--main-navigation .eui-tab-item--active,.eui-19 .eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-19 .eui-tabs .eui-tab-item:hover,.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--closable{padding-right:var(--eui-s-xs)}.eui-19 .eui-tabs .eui-tab-item--closable .eui-tab-item__close-button{margin-left:var(--eui-s-2xs)}.eui-19 .eui-tabs .eui-tab-item--primary,.eui-19 .eui-tabs .eui-tab-item--primary .eui-tab-item__label-text{color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--secondary,.eui-19 .eui-tabs .eui-tab-item--secondary .eui-tab-item__label-text{color:var(--eui-c-neutral)}.eui-19 .eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-neutral-light)}.eui-19 .eui-tabs .eui-tab-item--info,.eui-19 .eui-tabs .eui-tab-item--info .eui-tab-item__label-text{color:var(--eui-c-info)}.eui-19 .eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-19 .eui-tabs .eui-tab-item--success,.eui-19 .eui-tabs .eui-tab-item--success .eui-tab-item__label-text{color:var(--eui-c-success-dark)}.eui-19 .eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success-dark)}.eui-19 .eui-tabs .eui-tab-item--warning,.eui-19 .eui-tabs .eui-tab-item--warning .eui-tab-item__label-text{color:var(--eui-c-warning)}.eui-19 .eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning-darker)}.eui-19 .eui-tabs .eui-tab-item--danger,.eui-19 .eui-tabs .eui-tab-item--danger .eui-tab-item__label-text{color:var(--eui-c-danger-dark)}.eui-19 .eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger-dark)}.eui-19 .eui-tabs .eui-tab-item--accent,.eui-19 .eui-tabs .eui-tab-item--accent .eui-tab-item__label-text{color:var(--eui-c-accent-bg)}.eui-19 .eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent-darker)}\n"] }]
|
|
138
138
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { url: [{
|
|
139
139
|
type: Input
|
|
140
140
|
}], e2eAttr: [{
|
|
@@ -458,12 +458,12 @@ class EuiTabsComponent {
|
|
|
458
458
|
}
|
|
459
459
|
this.cd.detectChanges();
|
|
460
460
|
}
|
|
461
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
462
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiTabsComponent, isStandalone: false, selector: "eui-tabs", inputs: { tabs: "tabs", activeTabIndex: "activeTabIndex", e2eAttr: "e2eAttr", pathMatch: "pathMatch", isMainNavigation: ["isMainNavigation", "isMainNavigation", booleanAttribute], isHandleChangeTab: ["isHandleChangeTab", "isHandleChangeTab", booleanAttribute], isSubTabs: ["isSubTabs", "isSubTabs", booleanAttribute], isVerticalTabs: ["isVerticalTabs", "isVerticalTabs", booleanAttribute] }, outputs: { tabClose: "tabClose", tabSelect: "tabSelect" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.elementClass", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiTabsRightContentTagDirective", first: true, predicate: i0.forwardRef(() => EuiTabsRightContentTagDirective), descendants: true }, { propertyName: "_tabs", predicate: i0.forwardRef(() => EuiTabComponent) }], viewQueries: [{ propertyName: "euiTabsItems", first: true, predicate: ["euiTabsItems"], descendants: true }, { propertyName: "euiTabsItemsWrapper", first: true, predicate: ["euiTabsItemsWrapper"], descendants: true }, { propertyName: "euiTabLabelItems", predicate: ["euiTabLabelItem"], descendants: true, read: ViewContainerRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-u-flex\" [class.eui-tabs__wrapper--horizontal]=\"!isVerticalTabs\" [class.eui-tabs__wrapper--vertical]=\"isVerticalTabs\">\n <div\n #euiTabsItems\n class=\"eui-tabs__items\"\n [class.eui-tabs__items--horizontal]=\"!isVerticalTabs\"\n [class.eui-tabs__items--scrolling]=\"scrolling\"\n (cdkObserveContent)=\"onContentChanges()\">\n <div #euiTabsItemsWrapper class=\"eui-tabs__items-wrapper\" [attr.data-offset]=\"currentOffset\" role=\"tablist\">\n @for (tab of tabs; let i = $index; track tab) {\n @if (tab.isVisible) {\n <div\n tabindex=\"0\"\n role=\"tab\"\n class=\"eui-tab-item eui-tab-item--{{ tab.baseStatesDirective.euiVariant }}\"\n [class.eui-tab-item--closable]=\"tab.isClosable\"\n [class.eui-tab-item--active]=\"activeTabIndex === i\"\n [class.eui-tab-item--disabled]=\"tab.isDisabled\"\n [attr.aria-disabled]=\"tab.isDisabled\"\n (click)=\"changeTab(i)\"\n [euiTooltip]=\"tab.tooltip\"\n (keyup)=\"onKeyUp($event, i)\">\n <div class=\"eui-tab-item__label\">\n <ng-template [cdkPortalOutlet]=\"tab.templateLabel.templatePortal\"></ng-template>\n </div>\n @if (tab.isClosable) {\n <eui-icon-button\n class=\"eui-tab-item__close-button\"\n icon=\"close:outline\"\n ariaLabel=\"close tab\"\n (buttonClick)=\"closeTab(i, $event)\"\n euiRounded>\n </eui-icon-button>\n }\n </div>\n }\n }\n </div>\n\n <div class=\"eui-tabs__navigation\">\n <div class=\"eui-tabs__navigation__left-item\">\n <button\n (click)=\"goToLeft()\"\n euiButton\n euiIconButton\n euiBasicButton\n type=\"button\"\n [euiDisabled]=\"navigationLeftButtonDisabled\"\n aria-label=\"Scroll left\">\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n </button>\n </div>\n <div class=\"eui-tabs__navigation__right-item\">\n <button\n (click)=\"goToRight()\"\n euiButton\n euiIconButton\n euiBasicButton\n type=\"button\"\n [euiDisabled]=\"navigationRightButtonDisabled\"\n aria-label=\"Scroll right\">\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n </button>\n </div>\n </div>\n </div>\n\n @if (euiTabsRightContentTagDirective) {\n <div class=\"eui-tabs__right-content\">\n <ng-content select=\"euiTabsRightContent\"></ng-content>\n </div>\n }\n</div>\n\n@for (tab of tabs; let i = $index; track tab) {\n @if (i === activeTabIndex && tab.templateContent) {\n <div class=\"eui-tab-content-wrapper\" tabindex=\"0\">\n <ng-template [cdkPortalOutlet]=\"tab.templateContent.templatePortal\"></ng-template>\n </div>\n }\n}\n", styles: [".eui-19 .eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-19 .eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-19 .eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;left:0;position:absolute;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;position:absolute;right:0;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-s-3xl);padding-right:0}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-19 .eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-s-s)}.eui-19 .eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-19 .eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;color:var(--eui-c-neutral);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center}.eui-19 .eui-tabs .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs .eui-tab-item__label{font:var(--eui-f-m-bold)}.eui-19 .eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:var(--eui-f-s-compact)}.eui-19 .eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-hover);border-bottom:3px solid var(--eui-c-primary-lighter)}.eui-19 .eui-tabs .eui-tab-item--active{border-bottom:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--active .eui-tab-item__label-text{color:var(--eui-c-primar-dark)}.eui-19 .eui-tabs .eui-tab-item--hidden{display:none}.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-neutral-lighter);cursor:not-allowed;pointer-events:none}.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-neutral-light)}.eui-19 .eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s) 0 0 0}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-19 .eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-neutral-bg-light);border-left:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s);position:relative}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-19 .eui-tabs--main-navigation .eui-tabs__items,.eui-19 .eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-19 .eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-19 .eui-tabs--main-navigation .eui-tab-item--active,.eui-19 .eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-19 .eui-tabs .eui-tab-item:hover,.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--closable{padding-right:var(--eui-s-xs)}.eui-19 .eui-tabs .eui-tab-item--closable .eui-tab-item__close-button{margin-left:var(--eui-s-2xs)}.eui-19 .eui-tabs .eui-tab-item--primary,.eui-19 .eui-tabs .eui-tab-item--primary .eui-tab-item__label-text{color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--secondary,.eui-19 .eui-tabs .eui-tab-item--secondary .eui-tab-item__label-text{color:var(--eui-c-neutral)}.eui-19 .eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-neutral-light)}.eui-19 .eui-tabs .eui-tab-item--info,.eui-19 .eui-tabs .eui-tab-item--info .eui-tab-item__label-text{color:var(--eui-c-info)}.eui-19 .eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-19 .eui-tabs .eui-tab-item--success,.eui-19 .eui-tabs .eui-tab-item--success .eui-tab-item__label-text{color:var(--eui-c-success-dark)}.eui-19 .eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success-dark)}.eui-19 .eui-tabs .eui-tab-item--warning,.eui-19 .eui-tabs .eui-tab-item--warning .eui-tab-item__label-text{color:var(--eui-c-warning)}.eui-19 .eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning-darker)}.eui-19 .eui-tabs .eui-tab-item--danger,.eui-19 .eui-tabs .eui-tab-item--danger .eui-tab-item__label-text{color:var(--eui-c-danger-dark)}.eui-19 .eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger-dark)}.eui-19 .eui-tabs .eui-tab-item--accent,.eui-19 .eui-tabs .eui-tab-item--accent .eui-tab-item__label-text{color:var(--eui-c-accent-bg)}.eui-19 .eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent-darker)}\n"], dependencies: [{ kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i7.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "directive", type: i8.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
461
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.Router }, { token: i2.AnimationBuilder }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
462
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: EuiTabsComponent, isStandalone: false, selector: "eui-tabs", inputs: { tabs: "tabs", activeTabIndex: "activeTabIndex", e2eAttr: "e2eAttr", pathMatch: "pathMatch", isMainNavigation: ["isMainNavigation", "isMainNavigation", booleanAttribute], isHandleChangeTab: ["isHandleChangeTab", "isHandleChangeTab", booleanAttribute], isSubTabs: ["isSubTabs", "isSubTabs", booleanAttribute], isVerticalTabs: ["isVerticalTabs", "isVerticalTabs", booleanAttribute] }, outputs: { tabClose: "tabClose", tabSelect: "tabSelect" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.elementClass", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiTabsRightContentTagDirective", first: true, predicate: i0.forwardRef(() => EuiTabsRightContentTagDirective), descendants: true }, { propertyName: "_tabs", predicate: i0.forwardRef(() => EuiTabComponent) }], viewQueries: [{ propertyName: "euiTabsItems", first: true, predicate: ["euiTabsItems"], descendants: true }, { propertyName: "euiTabsItemsWrapper", first: true, predicate: ["euiTabsItemsWrapper"], descendants: true }, { propertyName: "euiTabLabelItems", predicate: ["euiTabLabelItem"], descendants: true, read: ViewContainerRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-u-flex\" [class.eui-tabs__wrapper--horizontal]=\"!isVerticalTabs\" [class.eui-tabs__wrapper--vertical]=\"isVerticalTabs\">\n <div\n #euiTabsItems\n class=\"eui-tabs__items\"\n [class.eui-tabs__items--horizontal]=\"!isVerticalTabs\"\n [class.eui-tabs__items--scrolling]=\"scrolling\"\n (cdkObserveContent)=\"onContentChanges()\">\n <div #euiTabsItemsWrapper class=\"eui-tabs__items-wrapper\" [attr.data-offset]=\"currentOffset\" role=\"tablist\">\n @for (tab of tabs; let i = $index; track tab) {\n @if (tab.isVisible) {\n <div\n tabindex=\"0\"\n role=\"tab\"\n class=\"eui-tab-item eui-tab-item--{{ tab.baseStatesDirective.euiVariant }}\"\n [class.eui-tab-item--closable]=\"tab.isClosable\"\n [class.eui-tab-item--active]=\"activeTabIndex === i\"\n [class.eui-tab-item--disabled]=\"tab.isDisabled\"\n [attr.aria-disabled]=\"tab.isDisabled\"\n (click)=\"changeTab(i)\"\n [euiTooltip]=\"tab.tooltip\"\n (keyup)=\"onKeyUp($event, i)\">\n <div class=\"eui-tab-item__label\">\n <ng-template [cdkPortalOutlet]=\"tab.templateLabel.templatePortal\"></ng-template>\n </div>\n @if (tab.isClosable) {\n <eui-icon-button\n class=\"eui-tab-item__close-button\"\n icon=\"close:outline\"\n ariaLabel=\"close tab\"\n (buttonClick)=\"closeTab(i, $event)\"\n euiRounded>\n </eui-icon-button>\n }\n </div>\n }\n }\n </div>\n\n <div class=\"eui-tabs__navigation\">\n <div class=\"eui-tabs__navigation__left-item\">\n <button\n (click)=\"goToLeft()\"\n euiButton\n euiIconButton\n euiBasicButton\n type=\"button\"\n [euiDisabled]=\"navigationLeftButtonDisabled\"\n aria-label=\"Scroll left\">\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n </button>\n </div>\n <div class=\"eui-tabs__navigation__right-item\">\n <button\n (click)=\"goToRight()\"\n euiButton\n euiIconButton\n euiBasicButton\n type=\"button\"\n [euiDisabled]=\"navigationRightButtonDisabled\"\n aria-label=\"Scroll right\">\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n </button>\n </div>\n </div>\n </div>\n\n @if (euiTabsRightContentTagDirective) {\n <div class=\"eui-tabs__right-content\">\n <ng-content select=\"euiTabsRightContent\"></ng-content>\n </div>\n }\n</div>\n\n@for (tab of tabs; let i = $index; track tab) {\n @if (i === activeTabIndex && tab.templateContent) {\n <div class=\"eui-tab-content-wrapper\" tabindex=\"0\">\n <ng-template [cdkPortalOutlet]=\"tab.templateContent.templatePortal\"></ng-template>\n </div>\n }\n}\n", styles: [".eui-19 .eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-19 .eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-19 .eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;left:0;position:absolute;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;position:absolute;right:0;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-s-3xl);padding-right:0}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-19 .eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-s-s)}.eui-19 .eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-19 .eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;color:var(--eui-c-neutral);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center}.eui-19 .eui-tabs .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs .eui-tab-item__label{font:var(--eui-f-m-bold)}.eui-19 .eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:var(--eui-f-s-compact)}.eui-19 .eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-hover);border-bottom:3px solid var(--eui-c-primary-lighter)}.eui-19 .eui-tabs .eui-tab-item--active{border-bottom:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--active .eui-tab-item__label-text{color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--hidden{display:none}.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-neutral-lighter);cursor:not-allowed;pointer-events:none}.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-neutral-light)}.eui-19 .eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s) 0 0 0}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-19 .eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-neutral-bg-light);border-left:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s);position:relative}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-19 .eui-tabs--main-navigation .eui-tabs__items,.eui-19 .eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-19 .eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-19 .eui-tabs--main-navigation .eui-tab-item--active,.eui-19 .eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-19 .eui-tabs .eui-tab-item:hover,.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--closable{padding-right:var(--eui-s-xs)}.eui-19 .eui-tabs .eui-tab-item--closable .eui-tab-item__close-button{margin-left:var(--eui-s-2xs)}.eui-19 .eui-tabs .eui-tab-item--primary,.eui-19 .eui-tabs .eui-tab-item--primary .eui-tab-item__label-text{color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--secondary,.eui-19 .eui-tabs .eui-tab-item--secondary .eui-tab-item__label-text{color:var(--eui-c-neutral)}.eui-19 .eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-neutral-light)}.eui-19 .eui-tabs .eui-tab-item--info,.eui-19 .eui-tabs .eui-tab-item--info .eui-tab-item__label-text{color:var(--eui-c-info)}.eui-19 .eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-19 .eui-tabs .eui-tab-item--success,.eui-19 .eui-tabs .eui-tab-item--success .eui-tab-item__label-text{color:var(--eui-c-success-dark)}.eui-19 .eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success-dark)}.eui-19 .eui-tabs .eui-tab-item--warning,.eui-19 .eui-tabs .eui-tab-item--warning .eui-tab-item__label-text{color:var(--eui-c-warning)}.eui-19 .eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning-darker)}.eui-19 .eui-tabs .eui-tab-item--danger,.eui-19 .eui-tabs .eui-tab-item--danger .eui-tab-item__label-text{color:var(--eui-c-danger-dark)}.eui-19 .eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger-dark)}.eui-19 .eui-tabs .eui-tab-item--accent,.eui-19 .eui-tabs .eui-tab-item--accent .eui-tab-item__label-text{color:var(--eui-c-accent-bg)}.eui-19 .eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent-darker)}\n"], dependencies: [{ kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i7.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "directive", type: i8.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
463
463
|
}
|
|
464
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
464
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabsComponent, decorators: [{
|
|
465
465
|
type: Component,
|
|
466
|
-
args: [{ selector: 'eui-tabs', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"eui-u-flex\" [class.eui-tabs__wrapper--horizontal]=\"!isVerticalTabs\" [class.eui-tabs__wrapper--vertical]=\"isVerticalTabs\">\n <div\n #euiTabsItems\n class=\"eui-tabs__items\"\n [class.eui-tabs__items--horizontal]=\"!isVerticalTabs\"\n [class.eui-tabs__items--scrolling]=\"scrolling\"\n (cdkObserveContent)=\"onContentChanges()\">\n <div #euiTabsItemsWrapper class=\"eui-tabs__items-wrapper\" [attr.data-offset]=\"currentOffset\" role=\"tablist\">\n @for (tab of tabs; let i = $index; track tab) {\n @if (tab.isVisible) {\n <div\n tabindex=\"0\"\n role=\"tab\"\n class=\"eui-tab-item eui-tab-item--{{ tab.baseStatesDirective.euiVariant }}\"\n [class.eui-tab-item--closable]=\"tab.isClosable\"\n [class.eui-tab-item--active]=\"activeTabIndex === i\"\n [class.eui-tab-item--disabled]=\"tab.isDisabled\"\n [attr.aria-disabled]=\"tab.isDisabled\"\n (click)=\"changeTab(i)\"\n [euiTooltip]=\"tab.tooltip\"\n (keyup)=\"onKeyUp($event, i)\">\n <div class=\"eui-tab-item__label\">\n <ng-template [cdkPortalOutlet]=\"tab.templateLabel.templatePortal\"></ng-template>\n </div>\n @if (tab.isClosable) {\n <eui-icon-button\n class=\"eui-tab-item__close-button\"\n icon=\"close:outline\"\n ariaLabel=\"close tab\"\n (buttonClick)=\"closeTab(i, $event)\"\n euiRounded>\n </eui-icon-button>\n }\n </div>\n }\n }\n </div>\n\n <div class=\"eui-tabs__navigation\">\n <div class=\"eui-tabs__navigation__left-item\">\n <button\n (click)=\"goToLeft()\"\n euiButton\n euiIconButton\n euiBasicButton\n type=\"button\"\n [euiDisabled]=\"navigationLeftButtonDisabled\"\n aria-label=\"Scroll left\">\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n </button>\n </div>\n <div class=\"eui-tabs__navigation__right-item\">\n <button\n (click)=\"goToRight()\"\n euiButton\n euiIconButton\n euiBasicButton\n type=\"button\"\n [euiDisabled]=\"navigationRightButtonDisabled\"\n aria-label=\"Scroll right\">\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n </button>\n </div>\n </div>\n </div>\n\n @if (euiTabsRightContentTagDirective) {\n <div class=\"eui-tabs__right-content\">\n <ng-content select=\"euiTabsRightContent\"></ng-content>\n </div>\n }\n</div>\n\n@for (tab of tabs; let i = $index; track tab) {\n @if (i === activeTabIndex && tab.templateContent) {\n <div class=\"eui-tab-content-wrapper\" tabindex=\"0\">\n <ng-template [cdkPortalOutlet]=\"tab.templateContent.templatePortal\"></ng-template>\n </div>\n }\n}\n", styles: [".eui-19 .eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-19 .eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-19 .eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;left:0;position:absolute;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;position:absolute;right:0;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-s-3xl);padding-right:0}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-19 .eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-s-s)}.eui-19 .eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-19 .eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;color:var(--eui-c-neutral);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center}.eui-19 .eui-tabs .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs .eui-tab-item__label{font:var(--eui-f-m-bold)}.eui-19 .eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:var(--eui-f-s-compact)}.eui-19 .eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-hover);border-bottom:3px solid var(--eui-c-primary-lighter)}.eui-19 .eui-tabs .eui-tab-item--active{border-bottom:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--active .eui-tab-item__label-text{color:var(--eui-c-primar-dark)}.eui-19 .eui-tabs .eui-tab-item--hidden{display:none}.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-neutral-lighter);cursor:not-allowed;pointer-events:none}.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-neutral-light)}.eui-19 .eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s) 0 0 0}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-19 .eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-neutral-bg-light);border-left:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s);position:relative}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-19 .eui-tabs--main-navigation .eui-tabs__items,.eui-19 .eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-19 .eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-19 .eui-tabs--main-navigation .eui-tab-item--active,.eui-19 .eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-19 .eui-tabs .eui-tab-item:hover,.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--closable{padding-right:var(--eui-s-xs)}.eui-19 .eui-tabs .eui-tab-item--closable .eui-tab-item__close-button{margin-left:var(--eui-s-2xs)}.eui-19 .eui-tabs .eui-tab-item--primary,.eui-19 .eui-tabs .eui-tab-item--primary .eui-tab-item__label-text{color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--secondary,.eui-19 .eui-tabs .eui-tab-item--secondary .eui-tab-item__label-text{color:var(--eui-c-neutral)}.eui-19 .eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-neutral-light)}.eui-19 .eui-tabs .eui-tab-item--info,.eui-19 .eui-tabs .eui-tab-item--info .eui-tab-item__label-text{color:var(--eui-c-info)}.eui-19 .eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-19 .eui-tabs .eui-tab-item--success,.eui-19 .eui-tabs .eui-tab-item--success .eui-tab-item__label-text{color:var(--eui-c-success-dark)}.eui-19 .eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success-dark)}.eui-19 .eui-tabs .eui-tab-item--warning,.eui-19 .eui-tabs .eui-tab-item--warning .eui-tab-item__label-text{color:var(--eui-c-warning)}.eui-19 .eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning-darker)}.eui-19 .eui-tabs .eui-tab-item--danger,.eui-19 .eui-tabs .eui-tab-item--danger .eui-tab-item__label-text{color:var(--eui-c-danger-dark)}.eui-19 .eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger-dark)}.eui-19 .eui-tabs .eui-tab-item--accent,.eui-19 .eui-tabs .eui-tab-item--accent .eui-tab-item__label-text{color:var(--eui-c-accent-bg)}.eui-19 .eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent-darker)}\n"] }]
|
|
466
|
+
args: [{ selector: 'eui-tabs', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"eui-u-flex\" [class.eui-tabs__wrapper--horizontal]=\"!isVerticalTabs\" [class.eui-tabs__wrapper--vertical]=\"isVerticalTabs\">\n <div\n #euiTabsItems\n class=\"eui-tabs__items\"\n [class.eui-tabs__items--horizontal]=\"!isVerticalTabs\"\n [class.eui-tabs__items--scrolling]=\"scrolling\"\n (cdkObserveContent)=\"onContentChanges()\">\n <div #euiTabsItemsWrapper class=\"eui-tabs__items-wrapper\" [attr.data-offset]=\"currentOffset\" role=\"tablist\">\n @for (tab of tabs; let i = $index; track tab) {\n @if (tab.isVisible) {\n <div\n tabindex=\"0\"\n role=\"tab\"\n class=\"eui-tab-item eui-tab-item--{{ tab.baseStatesDirective.euiVariant }}\"\n [class.eui-tab-item--closable]=\"tab.isClosable\"\n [class.eui-tab-item--active]=\"activeTabIndex === i\"\n [class.eui-tab-item--disabled]=\"tab.isDisabled\"\n [attr.aria-disabled]=\"tab.isDisabled\"\n (click)=\"changeTab(i)\"\n [euiTooltip]=\"tab.tooltip\"\n (keyup)=\"onKeyUp($event, i)\">\n <div class=\"eui-tab-item__label\">\n <ng-template [cdkPortalOutlet]=\"tab.templateLabel.templatePortal\"></ng-template>\n </div>\n @if (tab.isClosable) {\n <eui-icon-button\n class=\"eui-tab-item__close-button\"\n icon=\"close:outline\"\n ariaLabel=\"close tab\"\n (buttonClick)=\"closeTab(i, $event)\"\n euiRounded>\n </eui-icon-button>\n }\n </div>\n }\n }\n </div>\n\n <div class=\"eui-tabs__navigation\">\n <div class=\"eui-tabs__navigation__left-item\">\n <button\n (click)=\"goToLeft()\"\n euiButton\n euiIconButton\n euiBasicButton\n type=\"button\"\n [euiDisabled]=\"navigationLeftButtonDisabled\"\n aria-label=\"Scroll left\">\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n </button>\n </div>\n <div class=\"eui-tabs__navigation__right-item\">\n <button\n (click)=\"goToRight()\"\n euiButton\n euiIconButton\n euiBasicButton\n type=\"button\"\n [euiDisabled]=\"navigationRightButtonDisabled\"\n aria-label=\"Scroll right\">\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n </button>\n </div>\n </div>\n </div>\n\n @if (euiTabsRightContentTagDirective) {\n <div class=\"eui-tabs__right-content\">\n <ng-content select=\"euiTabsRightContent\"></ng-content>\n </div>\n }\n</div>\n\n@for (tab of tabs; let i = $index; track tab) {\n @if (i === activeTabIndex && tab.templateContent) {\n <div class=\"eui-tab-content-wrapper\" tabindex=\"0\">\n <ng-template [cdkPortalOutlet]=\"tab.templateContent.templatePortal\"></ng-template>\n </div>\n }\n}\n", styles: [".eui-19 .eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-19 .eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-19 .eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;left:0;position:absolute;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-neutral-min);display:none;height:100%;position:absolute;right:0;top:0}.eui-19 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:var(--eui-s-3xl);padding-right:0}.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-19 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-19 .eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-s-s)}.eui-19 .eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-19 .eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-19 .eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;color:var(--eui-c-neutral);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center}.eui-19 .eui-tabs .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs .eui-tab-item__label{font:var(--eui-f-m-bold)}.eui-19 .eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:var(--eui-f-s-compact)}.eui-19 .eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-hover);border-bottom:3px solid var(--eui-c-primary-lighter)}.eui-19 .eui-tabs .eui-tab-item--active{border-bottom:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--active .eui-tab-item__label-text{color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--hidden{display:none}.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-neutral-lighter);cursor:not-allowed;pointer-events:none}.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-neutral-light)}.eui-19 .eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s) 0 0 0}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-19 .eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-neutral-bg-light);border-left:3px solid var(--eui-c-primary-dark)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s);position:relative}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-19 .eui-tabs--main-navigation .eui-tabs__items,.eui-19 .eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-19 .eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-19 .eui-tabs--main-navigation .eui-tab-item--active,.eui-19 .eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-19 .eui-tabs .eui-tab-item:hover,.eui-19 .eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--closable{padding-right:var(--eui-s-xs)}.eui-19 .eui-tabs .eui-tab-item--closable .eui-tab-item__close-button{margin-left:var(--eui-s-2xs)}.eui-19 .eui-tabs .eui-tab-item--primary,.eui-19 .eui-tabs .eui-tab-item--primary .eui-tab-item__label-text{color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary-dark)}.eui-19 .eui-tabs .eui-tab-item--secondary,.eui-19 .eui-tabs .eui-tab-item--secondary .eui-tab-item__label-text{color:var(--eui-c-neutral)}.eui-19 .eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-neutral-light)}.eui-19 .eui-tabs .eui-tab-item--info,.eui-19 .eui-tabs .eui-tab-item--info .eui-tab-item__label-text{color:var(--eui-c-info)}.eui-19 .eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-19 .eui-tabs .eui-tab-item--success,.eui-19 .eui-tabs .eui-tab-item--success .eui-tab-item__label-text{color:var(--eui-c-success-dark)}.eui-19 .eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success-dark)}.eui-19 .eui-tabs .eui-tab-item--warning,.eui-19 .eui-tabs .eui-tab-item--warning .eui-tab-item__label-text{color:var(--eui-c-warning)}.eui-19 .eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning-darker)}.eui-19 .eui-tabs .eui-tab-item--danger,.eui-19 .eui-tabs .eui-tab-item--danger .eui-tab-item__label-text{color:var(--eui-c-danger-dark)}.eui-19 .eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger-dark)}.eui-19 .eui-tabs .eui-tab-item--accent,.eui-19 .eui-tabs .eui-tab-item--accent .eui-tab-item__label-text{color:var(--eui-c-accent-bg)}.eui-19 .eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-19 .eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent-darker)}\n"] }]
|
|
467
467
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.Router }, { type: i2.AnimationBuilder }, { type: i0.ElementRef }], propDecorators: { elementClass: [{
|
|
468
468
|
type: HostBinding,
|
|
469
469
|
args: ['class']
|
|
@@ -518,10 +518,10 @@ class EuiTabsRightContentTagDirective {
|
|
|
518
518
|
constructor() {
|
|
519
519
|
this.elementClass = 'eui-tabs__right-content-wrapper';
|
|
520
520
|
}
|
|
521
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
522
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
521
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabsRightContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
522
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: EuiTabsRightContentTagDirective, isStandalone: false, selector: "euiTabsRightContent", host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
|
|
523
523
|
}
|
|
524
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
524
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabsRightContentTagDirective, decorators: [{
|
|
525
525
|
type: Directive,
|
|
526
526
|
args: [{ selector: 'euiTabsRightContent', standalone: false, }]
|
|
527
527
|
}], propDecorators: { elementClass: [{
|
|
@@ -530,8 +530,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
530
530
|
}] } });
|
|
531
531
|
|
|
532
532
|
class EuiTabsModule {
|
|
533
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
534
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.
|
|
533
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
534
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: EuiTabsModule, declarations: [EuiTabsComponent,
|
|
535
535
|
EuiTabComponent,
|
|
536
536
|
EuiTabsRightContentTagDirective,
|
|
537
537
|
EuiTabLabelComponent,
|
|
@@ -542,9 +542,9 @@ class EuiTabsModule {
|
|
|
542
542
|
EuiTabLabelComponent,
|
|
543
543
|
EuiTabSubLabelDirective,
|
|
544
544
|
EuiTabContentComponent] }); }
|
|
545
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.
|
|
545
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabsModule, imports: [CommonModule, PortalModule, EuiIconModule, EuiIconButtonModule, EuiButtonModule, EuiTooltipDirectiveModule, ObserversModule] }); }
|
|
546
546
|
}
|
|
547
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiTabsModule, decorators: [{
|
|
548
548
|
type: NgModule,
|
|
549
549
|
args: [{
|
|
550
550
|
imports: [CommonModule, PortalModule, EuiIconModule, EuiIconButtonModule, EuiButtonModule, EuiTooltipDirectiveModule, ObserversModule],
|