@eui/components 18.0.0-next.56 → 18.0.0-next.58
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuiAppSidebarMenuComponent.html +25 -1
- package/docs/components/EuiDashboardCardComponent.html +24 -0
- package/docs/components/EuiMenuComponent.html +25 -1
- package/docs/components/EuiMenuItemComponent.html +25 -1
- package/docs/components/EuiSidebarMenuComponent.html +25 -1
- package/docs/components/EuiToolbarNavbarComponent.html +105 -4
- package/docs/dependencies.html +1 -1
- package/docs/js/menu-wc.js +6 -6
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/modules/EuiToolbarModule.html +3 -0
- package/esm2022/eui-accordion/eui-accordion.component.mjs +2 -2
- package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
- package/esm2022/eui-badge/eui-badge.component.mjs +2 -2
- package/esm2022/eui-block-document/eui-block-document.component.mjs +2 -2
- package/esm2022/eui-button/eui-button.component.mjs +2 -2
- package/esm2022/eui-button-v2/eui-button-v2.component.mjs +2 -2
- package/esm2022/eui-card/eui-card.component.mjs +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +6 -3
- package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +2 -2
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +14 -4
- package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +2 -2
- package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +2 -2
- package/esm2022/eui-dialog/eui-dialog.component.mjs +2 -2
- package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +2 -2
- package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +2 -2
- package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
- package/esm2022/eui-file-upload/eui-file-upload.component.mjs +2 -2
- package/esm2022/eui-icon/eui-icon-button/eui-icon-button.component.mjs +2 -2
- package/esm2022/eui-icon/eui-icon-button-expander/eui-icon-button-expander.component.mjs +2 -2
- package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +2 -2
- package/esm2022/eui-input-group/eui-input-group.component.mjs +2 -2
- package/esm2022/eui-input-radio/eui-input-radio.component.mjs +2 -2
- package/esm2022/eui-language-selector/language-selector.component.mjs +2 -2
- package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +2 -2
- package/esm2022/eui-list/eui-list.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu-item.component.mjs +11 -4
- package/esm2022/eui-menu/eui-menu.component.mjs +7 -3
- package/esm2022/eui-popover/eui-popover.component.mjs +2 -2
- package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +2 -2
- package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +7 -3
- package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +2 -2
- package/esm2022/eui-table/eui-table.component.mjs +2 -2
- package/esm2022/eui-table-v2/eui-table-v2.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tabs.component.mjs +2 -2
- package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
- package/esm2022/eui-timebar/eui-timebar.component.mjs +2 -2
- package/esm2022/eui-timeline/eui-timeline-item.component.mjs +2 -2
- package/esm2022/eui-timeline/eui-timeline.component.mjs +2 -2
- package/esm2022/eui-user-profile/user-profile.component.mjs +2 -2
- package/esm2022/eui-wizard/eui-wizard-step.component.mjs +2 -2
- package/esm2022/eui-wizard/eui-wizard.component.mjs +2 -2
- package/esm2022/externals/eui-editor/eui-editor.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +7 -3
- package/esm2022/layout/eui-app/eui-app.component.mjs +1 -1
- package/esm2022/layout/eui-search/search.component.mjs +2 -2
- package/esm2022/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.mjs +15 -11
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +2 -2
- package/esm2022/layout/eui-toolbar/toolbar.module.mjs +5 -1
- package/eui-chip/eui-chip.component.d.ts.map +1 -1
- package/eui-dashboard-card/eui-dashboard-card.component.d.ts +3 -1
- package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
- package/eui-menu/eui-menu-item.component.d.ts +3 -1
- package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
- package/eui-menu/eui-menu.component.d.ts +3 -1
- package/eui-menu/eui-menu.component.d.ts.map +1 -1
- package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts +3 -1
- package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-accordion.mjs +2 -2
- package/fesm2022/eui-components-eui-accordion.mjs.map +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
- package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +2 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-document.mjs +2 -2
- package/fesm2022/eui-components-eui-block-document.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-button-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +5 -2
- package/fesm2022/eui-components-eui-chip.mjs.map +2 -2
- package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +15 -5
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +2 -2
- package/fesm2022/eui-components-eui-date-range-selector.mjs +2 -2
- package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs +4 -4
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-discussion-thread.mjs +2 -2
- package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
- package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
- package/fesm2022/eui-components-eui-file-upload.mjs +2 -2
- package/fesm2022/eui-components-eui-file-upload.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon.mjs +4 -4
- package/fesm2022/eui-components-eui-icon.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-group.mjs +2 -2
- package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
- package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
- package/fesm2022/eui-components-eui-language-selector.mjs +2 -2
- package/fesm2022/eui-components-eui-language-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-list.mjs +4 -4
- package/fesm2022/eui-components-eui-list.mjs.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +19 -8
- package/fesm2022/eui-components-eui-menu.mjs.map +2 -2
- package/fesm2022/eui-components-eui-popover.mjs +2 -2
- package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-circle.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-sidebar-menu.mjs +6 -2
- package/fesm2022/eui-components-eui-sidebar-menu.mjs.map +2 -2
- package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-table-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +2 -2
- package/fesm2022/eui-components-eui-table.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2022/eui-components-eui-textarea.mjs +2 -2
- package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timebar.mjs +2 -2
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timeline.mjs +4 -4
- package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
- package/fesm2022/eui-components-eui-user-profile.mjs +2 -2
- package/fesm2022/eui-components-eui-user-profile.mjs.map +1 -1
- package/fesm2022/eui-components-eui-wizard.mjs +4 -4
- package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
- package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
- package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +161 -119
- package/fesm2022/eui-components-layout.mjs.map +4 -4
- package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts +3 -1
- package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.d.ts +7 -2
- package/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar.module.d.ts +4 -3
- package/layout/eui-toolbar/toolbar.module.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -90,7 +90,7 @@ export class EuiProgressCircleComponent {
|
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiProgressCircleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
93
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: EuiProgressCircleComponent, selector: "eui-progress-circle", inputs: { ariaLabel: "ariaLabel", isDefaultColorSteps: ["isDefaultColorSteps", "isDefaultColorSteps", booleanAttribute], hasBottomLabel: ["hasBottomLabel", "hasBottomLabel", booleanAttribute], value: "value", emptyLabel: "emptyLabel", valueLabel: "valueLabel", colorSteps: "colorSteps", colorType: "colorType", iconLabelClass: "iconLabelClass", iconLabelStyleClass: "iconLabelStyleClass", tabindex: "tabindex" }, host: { properties: { "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "labelValueEl", first: true, predicate: ["labelValueEl"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div\n class=\"eui-progress-circle-content p{{ roundedValue }} {{ stateColorNumberClass }}\"\n [class.eui-progress-circle-content--over50]=\"roundedValue > 50\">\n <span class=\"eui-progress-circle-content__label\" *ngIf=\"!isLongLabel && !hasBottomLabel\">\n <span #labelValueEl>{{ labelValue }}</span>\n </span>\n <div class=\"eui-progress-circle-content__left-half-clipper\">\n <div class=\"eui-progress-circle-content__first50-bar\"></div>\n <div class=\"eui-progress-circle-content__value-bar\"></div>\n </div>\n</div>\n<div class=\"eui-progress-circle-content__bottom-label\" *ngIf=\"isLongLabel || hasBottomLabel\">\n <span class=\"label\">{{ labelValue }}</span>\n</div>\n<div class=\"eui-progress-circle-content__icon-label\" *ngIf=\"iconLabelClass\">\n <span class=\"{{ iconLabelClass }} {{ iconLabelStyleClass }}\"></span>\n</div>\n", styles: [".eui-progress-circle{position:relative}.eui-progress-circle-content{background-color:#f2e9e1;border-radius:var(--eui-br-max);box-shadow:var(--eui-sh-1);height:6rem;line-height:6rem;margin:var(--eui-s-m);padding:0;position:relative;width:6rem}.eui-progress-circle-content:after{background-color:var(--eui-c-white);border:none;border-radius:var(--eui-br-max);content:\" \";display:block;height:4.5rem;left:.75rem;position:absolute;text-align:center;top:.75rem;width:4.5rem}.eui-progress-circle-content__label{display:block;font-size:1.3333333333rem;line-height:6rem;position:absolute;text-align:center;white-space:nowrap;width:6rem;z-index:2}.eui-progress-circle-content__label-block{text-align:center}.eui-progress-circle-content__label-block--large{padding-top:var(--eui-s-m)}.eui-progress-circle-content__left-half-clipper{border-radius:var(--eui-br-max);clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content__value-bar{border:.7894736842rem solid var(--eui-c-primary);border-radius:var(--eui-br-max);box-sizing:border-box;clip:rect(0,3rem,6rem,0);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content--over50 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info);border-radius:var(--eui-br-max);clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content:not(.eui-progress-circle-content--over50) .eui-progress-circle-content__first50-bar{display:none}.eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-c-info)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-c-success)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-c-warning)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-c-danger)}.eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-success)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-warning)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-danger)}.eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-s-s);transform:scale(.75)}.eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-s-m) 3rem;transform:scale(1.5)}.eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-progress-circle--size-l .eui-progress-circle-content__bottom-label{margin-left:25px;margin-right:25px;margin-top:45px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
93
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: EuiProgressCircleComponent, selector: "eui-progress-circle", inputs: { ariaLabel: "ariaLabel", isDefaultColorSteps: ["isDefaultColorSteps", "isDefaultColorSteps", booleanAttribute], hasBottomLabel: ["hasBottomLabel", "hasBottomLabel", booleanAttribute], value: "value", emptyLabel: "emptyLabel", valueLabel: "valueLabel", colorSteps: "colorSteps", colorType: "colorType", iconLabelClass: "iconLabelClass", iconLabelStyleClass: "iconLabelStyleClass", tabindex: "tabindex" }, host: { properties: { "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "labelValueEl", first: true, predicate: ["labelValueEl"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div\n class=\"eui-progress-circle-content p{{ roundedValue }} {{ stateColorNumberClass }}\"\n [class.eui-progress-circle-content--over50]=\"roundedValue > 50\">\n <span class=\"eui-progress-circle-content__label\" *ngIf=\"!isLongLabel && !hasBottomLabel\">\n <span #labelValueEl>{{ labelValue }}</span>\n </span>\n <div class=\"eui-progress-circle-content__left-half-clipper\">\n <div class=\"eui-progress-circle-content__first50-bar\"></div>\n <div class=\"eui-progress-circle-content__value-bar\"></div>\n </div>\n</div>\n<div class=\"eui-progress-circle-content__bottom-label\" *ngIf=\"isLongLabel || hasBottomLabel\">\n <span class=\"label\">{{ labelValue }}</span>\n</div>\n<div class=\"eui-progress-circle-content__icon-label\" *ngIf=\"iconLabelClass\">\n <span class=\"{{ iconLabelClass }} {{ iconLabelStyleClass }}\"></span>\n</div>\n", styles: [".eui-progress-circle{position:relative}.eui-progress-circle-content{background-color:#f2e9e1;border-radius:var(--eui-br-max);box-shadow:var(--eui-sh-1);height:6rem;line-height:6rem;margin:var(--eui-s-m);padding:0;position:relative;width:6rem}.eui-progress-circle-content:after{background-color:var(--eui-c-white);border:var(--eui-bw-none);border-radius:var(--eui-br-max);content:\" \";display:block;height:4.5rem;left:.75rem;position:absolute;text-align:center;top:.75rem;width:4.5rem}.eui-progress-circle-content__label{display:block;font-size:1.3333333333rem;line-height:6rem;position:absolute;text-align:center;white-space:nowrap;width:6rem;z-index:2}.eui-progress-circle-content__label-block{text-align:center}.eui-progress-circle-content__label-block--large{padding-top:var(--eui-s-m)}.eui-progress-circle-content__left-half-clipper{border-radius:var(--eui-br-max);clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content__value-bar{border:.7894736842rem solid var(--eui-c-primary);border-radius:var(--eui-br-max);box-sizing:border-box;clip:rect(0,3rem,6rem,0);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content--over50 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info);border-radius:var(--eui-br-max);clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content:not(.eui-progress-circle-content--over50) .eui-progress-circle-content__first50-bar{display:none}.eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-c-info)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-c-success)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-c-warning)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-c-danger)}.eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-success)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-warning)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-danger)}.eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-s-s);transform:scale(.75)}.eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-s-m) 3rem;transform:scale(1.5)}.eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-progress-circle--size-l .eui-progress-circle-content__bottom-label{margin-left:25px;margin-right:25px;margin-top:45px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
94
94
|
}
|
|
95
95
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiProgressCircleComponent, decorators: [{
|
|
96
96
|
type: Component,
|
|
@@ -104,7 +104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
|
|
|
104
104
|
'euiSizeVariant',
|
|
105
105
|
],
|
|
106
106
|
},
|
|
107
|
-
], template: "<div\n class=\"eui-progress-circle-content p{{ roundedValue }} {{ stateColorNumberClass }}\"\n [class.eui-progress-circle-content--over50]=\"roundedValue > 50\">\n <span class=\"eui-progress-circle-content__label\" *ngIf=\"!isLongLabel && !hasBottomLabel\">\n <span #labelValueEl>{{ labelValue }}</span>\n </span>\n <div class=\"eui-progress-circle-content__left-half-clipper\">\n <div class=\"eui-progress-circle-content__first50-bar\"></div>\n <div class=\"eui-progress-circle-content__value-bar\"></div>\n </div>\n</div>\n<div class=\"eui-progress-circle-content__bottom-label\" *ngIf=\"isLongLabel || hasBottomLabel\">\n <span class=\"label\">{{ labelValue }}</span>\n</div>\n<div class=\"eui-progress-circle-content__icon-label\" *ngIf=\"iconLabelClass\">\n <span class=\"{{ iconLabelClass }} {{ iconLabelStyleClass }}\"></span>\n</div>\n", styles: [".eui-progress-circle{position:relative}.eui-progress-circle-content{background-color:#f2e9e1;border-radius:var(--eui-br-max);box-shadow:var(--eui-sh-1);height:6rem;line-height:6rem;margin:var(--eui-s-m);padding:0;position:relative;width:6rem}.eui-progress-circle-content:after{background-color:var(--eui-c-white);border:none;border-radius:var(--eui-br-max);content:\" \";display:block;height:4.5rem;left:.75rem;position:absolute;text-align:center;top:.75rem;width:4.5rem}.eui-progress-circle-content__label{display:block;font-size:1.3333333333rem;line-height:6rem;position:absolute;text-align:center;white-space:nowrap;width:6rem;z-index:2}.eui-progress-circle-content__label-block{text-align:center}.eui-progress-circle-content__label-block--large{padding-top:var(--eui-s-m)}.eui-progress-circle-content__left-half-clipper{border-radius:var(--eui-br-max);clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content__value-bar{border:.7894736842rem solid var(--eui-c-primary);border-radius:var(--eui-br-max);box-sizing:border-box;clip:rect(0,3rem,6rem,0);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content--over50 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info);border-radius:var(--eui-br-max);clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content:not(.eui-progress-circle-content--over50) .eui-progress-circle-content__first50-bar{display:none}.eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-c-info)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-c-success)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-c-warning)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-c-danger)}.eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-success)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-warning)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-danger)}.eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-s-s);transform:scale(.75)}.eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-s-m) 3rem;transform:scale(1.5)}.eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-progress-circle--size-l .eui-progress-circle-content__bottom-label{margin-left:25px;margin-right:25px;margin-top:45px}\n"] }]
|
|
107
|
+
], template: "<div\n class=\"eui-progress-circle-content p{{ roundedValue }} {{ stateColorNumberClass }}\"\n [class.eui-progress-circle-content--over50]=\"roundedValue > 50\">\n <span class=\"eui-progress-circle-content__label\" *ngIf=\"!isLongLabel && !hasBottomLabel\">\n <span #labelValueEl>{{ labelValue }}</span>\n </span>\n <div class=\"eui-progress-circle-content__left-half-clipper\">\n <div class=\"eui-progress-circle-content__first50-bar\"></div>\n <div class=\"eui-progress-circle-content__value-bar\"></div>\n </div>\n</div>\n<div class=\"eui-progress-circle-content__bottom-label\" *ngIf=\"isLongLabel || hasBottomLabel\">\n <span class=\"label\">{{ labelValue }}</span>\n</div>\n<div class=\"eui-progress-circle-content__icon-label\" *ngIf=\"iconLabelClass\">\n <span class=\"{{ iconLabelClass }} {{ iconLabelStyleClass }}\"></span>\n</div>\n", styles: [".eui-progress-circle{position:relative}.eui-progress-circle-content{background-color:#f2e9e1;border-radius:var(--eui-br-max);box-shadow:var(--eui-sh-1);height:6rem;line-height:6rem;margin:var(--eui-s-m);padding:0;position:relative;width:6rem}.eui-progress-circle-content:after{background-color:var(--eui-c-white);border:var(--eui-bw-none);border-radius:var(--eui-br-max);content:\" \";display:block;height:4.5rem;left:.75rem;position:absolute;text-align:center;top:.75rem;width:4.5rem}.eui-progress-circle-content__label{display:block;font-size:1.3333333333rem;line-height:6rem;position:absolute;text-align:center;white-space:nowrap;width:6rem;z-index:2}.eui-progress-circle-content__label-block{text-align:center}.eui-progress-circle-content__label-block--large{padding-top:var(--eui-s-m)}.eui-progress-circle-content__left-half-clipper{border-radius:var(--eui-br-max);clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content__value-bar{border:.7894736842rem solid var(--eui-c-primary);border-radius:var(--eui-br-max);box-sizing:border-box;clip:rect(0,3rem,6rem,0);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content--over50 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info);border-radius:var(--eui-br-max);clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content:not(.eui-progress-circle-content--over50) .eui-progress-circle-content__first50-bar{display:none}.eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-c-info)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-c-success)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-c-warning)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-c-danger)}.eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-success)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-warning)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-danger)}.eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-s-s);transform:scale(.75)}.eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-s-m) 3rem;transform:scale(1.5)}.eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-progress-circle--size-l .eui-progress-circle-content__bottom-label{margin-left:25px;margin-right:25px;margin-top:45px}\n"] }]
|
|
108
108
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
109
109
|
type: HostBinding,
|
|
110
110
|
args: ['class']
|
|
@@ -13,6 +13,7 @@ export class EuiSidebarMenuComponent {
|
|
|
13
13
|
this.hasIcons = false;
|
|
14
14
|
this.hasTooltip = false;
|
|
15
15
|
this.expandAllItems = false;
|
|
16
|
+
this.hasBoldRootLevel = false;
|
|
16
17
|
this.style = '';
|
|
17
18
|
this.filterValue = '';
|
|
18
19
|
// TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
|
|
@@ -34,11 +35,11 @@ export class EuiSidebarMenuComponent {
|
|
|
34
35
|
this.isCollapsed = event;
|
|
35
36
|
}
|
|
36
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiSidebarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: EuiSidebarMenuComponent, selector: "eui-sidebar-menu", inputs: { items: "items", hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasFilter: ["hasFilter", "hasFilter", booleanAttribute], hasIcons: ["hasIcons", "hasIcons", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute], style: "style", fragmentId: "fragmentId", searchFilterLabel: "searchFilterLabel", externalTarget: "externalTarget", filterValue: "filterValue" }, outputs: { menuClick: "menuClick", itemClick: "itemClick" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div class=\"eui-sidebar-menu__container\" [class.eui-sidebar-menu__container--collapsed]=\"isCollapsed\" [style]=\"style\">\n <div class=\"eui-sidebar-menu__content\">\n <eui-menu\n [items]=\"items\"\n [hasFilter]=\"hasFilter\"\n [hasIcons]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [isCollapsed]=\"isCollapsed\"\n [hasCollapsedInitials]=\"hasCollapsedInitials\"\n [expandAllItems]=\"expandAllItems\"\n [fragmentId]=\"fragmentId\"\n [searchFilterLabel]=\"searchFilterLabel\"\n [filterValue]=\"filterValue\"\n (isClick)=\"onMenuClicked($event)\"\n (itemClick)=\"onMenuItemClicked($event)\">\n </eui-menu>\n </div>\n</div>\n", styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{box-shadow:0 8px 8px #b7c0ce33;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column__body .eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}\n"], dependencies: [{ kind: "component", type: i1.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "externalLinkLabel", "fragmentId", "filterValue", "isCollapsed", "hasCollapsedInitials", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isFlat", "hasScrollToItem"], outputs: ["isClick", "itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: EuiSidebarMenuComponent, selector: "eui-sidebar-menu", inputs: { items: "items", hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasFilter: ["hasFilter", "hasFilter", booleanAttribute], hasIcons: ["hasIcons", "hasIcons", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute], hasBoldRootLevel: ["hasBoldRootLevel", "hasBoldRootLevel", booleanAttribute], style: "style", fragmentId: "fragmentId", searchFilterLabel: "searchFilterLabel", externalTarget: "externalTarget", filterValue: "filterValue" }, outputs: { menuClick: "menuClick", itemClick: "itemClick" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div class=\"eui-sidebar-menu__container\" [class.eui-sidebar-menu__container--collapsed]=\"isCollapsed\" [style]=\"style\">\n <div class=\"eui-sidebar-menu__content\">\n <eui-menu\n [items]=\"items\"\n [hasFilter]=\"hasFilter\"\n [hasIcons]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [isCollapsed]=\"isCollapsed\"\n [hasCollapsedInitials]=\"hasCollapsedInitials\"\n [expandAllItems]=\"expandAllItems\"\n [fragmentId]=\"fragmentId\"\n [searchFilterLabel]=\"searchFilterLabel\"\n [filterValue]=\"filterValue\"\n [hasBoldRootLevel]=\"hasBoldRootLevel\"\n (isClick)=\"onMenuClicked($event)\"\n (itemClick)=\"onMenuItemClicked($event)\">\n </eui-menu>\n </div>\n</div>\n", styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{box-shadow:0 8px 8px #b7c0ce33;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column__body .eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}\n"], dependencies: [{ kind: "component", type: i1.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "externalLinkLabel", "fragmentId", "filterValue", "isCollapsed", "hasCollapsedInitials", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isFlat", "hasScrollToItem", "hasBoldRootLevel"], outputs: ["isClick", "itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
38
39
|
}
|
|
39
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiSidebarMenuComponent, decorators: [{
|
|
40
41
|
type: Component,
|
|
41
|
-
args: [{ selector: 'eui-sidebar-menu', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-sidebar-menu__container\" [class.eui-sidebar-menu__container--collapsed]=\"isCollapsed\" [style]=\"style\">\n <div class=\"eui-sidebar-menu__content\">\n <eui-menu\n [items]=\"items\"\n [hasFilter]=\"hasFilter\"\n [hasIcons]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [isCollapsed]=\"isCollapsed\"\n [hasCollapsedInitials]=\"hasCollapsedInitials\"\n [expandAllItems]=\"expandAllItems\"\n [fragmentId]=\"fragmentId\"\n [searchFilterLabel]=\"searchFilterLabel\"\n [filterValue]=\"filterValue\"\n (isClick)=\"onMenuClicked($event)\"\n (itemClick)=\"onMenuItemClicked($event)\">\n </eui-menu>\n </div>\n</div>\n", styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{box-shadow:0 8px 8px #b7c0ce33;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column__body .eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}\n"] }]
|
|
42
|
+
args: [{ selector: 'eui-sidebar-menu', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-sidebar-menu__container\" [class.eui-sidebar-menu__container--collapsed]=\"isCollapsed\" [style]=\"style\">\n <div class=\"eui-sidebar-menu__content\">\n <eui-menu\n [items]=\"items\"\n [hasFilter]=\"hasFilter\"\n [hasIcons]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [isCollapsed]=\"isCollapsed\"\n [hasCollapsedInitials]=\"hasCollapsedInitials\"\n [expandAllItems]=\"expandAllItems\"\n [fragmentId]=\"fragmentId\"\n [searchFilterLabel]=\"searchFilterLabel\"\n [filterValue]=\"filterValue\"\n [hasBoldRootLevel]=\"hasBoldRootLevel\"\n (isClick)=\"onMenuClicked($event)\"\n (itemClick)=\"onMenuItemClicked($event)\">\n </eui-menu>\n </div>\n</div>\n", styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{box-shadow:0 8px 8px #b7c0ce33;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-page-column__body .eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}\n"] }]
|
|
42
43
|
}], propDecorators: { string: [{
|
|
43
44
|
type: HostBinding,
|
|
44
45
|
args: ['class']
|
|
@@ -62,6 +63,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
|
|
|
62
63
|
}], expandAllItems: [{
|
|
63
64
|
type: Input,
|
|
64
65
|
args: [{ transform: booleanAttribute }]
|
|
66
|
+
}], hasBoldRootLevel: [{
|
|
67
|
+
type: Input,
|
|
68
|
+
args: [{ transform: booleanAttribute }]
|
|
65
69
|
}], style: [{
|
|
66
70
|
type: Input
|
|
67
71
|
}], fragmentId: [{
|
|
@@ -77,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
|
|
|
77
81
|
}], itemClick: [{
|
|
78
82
|
type: Output
|
|
79
83
|
}] } });
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLXNpZGViYXItbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9ldWktc2lkZWJhci1tZW51L2V1aS1zaWRlYmFyLW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLXNpZGViYXItbWVudS9ldWktc2lkZWJhci1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLGlCQUFpQixFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVbEosTUFBTSxPQUFPLHVCQUF1QjtJQVBwQztRQVEwQixXQUFNLEdBQUcsa0JBQWtCLENBQUM7UUFFbEQsbUhBQW1IO1FBQ25ILDhEQUE4RDtRQUNyRCxVQUFLLEdBQVUsRUFBRSxDQUFDO1FBRWEseUJBQW9CLEdBQUcsS0FBSyxDQUFDO1FBQzdCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUV4RCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBSVgsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDMUIsbUhBQW1IO1FBQ25ILG1HQUFtRztRQUN6RixjQUFTLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEQsY0FBUyxHQUE4QixJQUFJLFlBQVksRUFBRSxDQUFDO0tBaUJ2RTtJQWZVLGlCQUFpQixDQUFDLElBQWlCO1FBQ3RDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxtSEFBbUg7SUFDbkgsOERBQThEO0lBQ3ZELGFBQWEsQ0FBQyxLQUFVO1FBQzNCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxtSEFBbUg7SUFDbkgsOERBQThEO0lBQ3ZELGVBQWUsQ0FBQyxLQUFVO1FBQzdCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQzdCLENBQUM7bUhBdkNRLHVCQUF1Qjt1R0FBdkIsdUJBQXVCLGlJQU9aLGdCQUFnQiwrQ0FDaEIsZ0JBQWdCLHlDQUNoQixnQkFBZ0Isc0NBQ2hCLGdCQUFnQiw0Q0FDaEIsZ0JBQWdCLHdEQUNoQixnQkFBZ0IsOERBQ2hCLGdCQUFnQiw0UkN2QnhDLGkwQkFtQkE7O2dHRFRhLHVCQUF1QjtrQkFQbkMsU0FBUzsrQkFDSSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsT0FBTyxpQkFDakMsaUJBQWlCLENBQUMsSUFBSTs4QkFHZixNQUFNO3NCQUEzQixXQUFXO3VCQUFDLE9BQU87Z0JBSVgsS0FBSztzQkFBYixLQUFLO2dCQUVrQyxvQkFBb0I7c0JBQTNELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsV0FBVztzQkFBbEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxTQUFTO3NCQUFoRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLFFBQVE7c0JBQS9DLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsVUFBVTtzQkFBakQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxjQUFjO3NCQUFyRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLGdCQUFnQjtzQkFBdkQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFFN0IsS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFHSSxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3RW5jYXBzdWxhdGlvbiwgYm9vbGVhbkF0dHJpYnV0ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXVpTWVudUl0ZW0gfSBmcm9tICdAZXVpL2Jhc2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1zaWRlYmFyLW1lbnUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktc2lkZWJhci1tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9fc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aVNpZGViYXJNZW51Q29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgc3RyaW5nID0gJ2V1aS1zaWRlYmFyLW1lbnUnO1xuXG4gICAgLy8gVE9ETzogZmluZCB0aGUgY29ycmVjdCB0eXBlIG9yIHR1cm4gaW50byBhIGdlbmVyaWMsIGh0dHBzOi8vd3d3LnR5cGVzY3JpcHRsYW5nLm9yZy9kb2NzL2hhbmRib29rLzIvZ2VuZXJpY3MuaHRtbFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gICAgQElucHV0KCkgaXRlbXM6IGFueVtdID0gW107XG5cbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaGFzQ29sbGFwc2VkSW5pdGlhbHMgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaXNDb2xsYXBzZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaGFzRmlsdGVyID0gZmFsc2U7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGhhc0ljb25zID0gZmFsc2U7XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGhhc1Rvb2x0aXAgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZXhwYW5kQWxsSXRlbXMgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaGFzQm9sZFJvb3RMZXZlbCA9IGZhbHNlO1xuXG4gICAgQElucHV0KCkgc3R5bGUgPSAnJztcbiAgICBASW5wdXQoKSBmcmFnbWVudElkOiBzdHJpbmc7IC8vIEFuY2hvciB0byBuYXZpZ2F0ZSB0byAoc2VlIGV1aS1tZW51KVxuICAgIEBJbnB1dCgpIHNlYXJjaEZpbHRlckxhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgZXh0ZXJuYWxUYXJnZXQ6IHN0cmluZztcbiAgICBASW5wdXQoKSBmaWx0ZXJWYWx1ZSA9ICcnO1xuICAgIC8vIFRPRE86IGZpbmQgdGhlIGNvcnJlY3QgdHlwZSBvciB0dXJuIGludG8gYSBnZW5lcmljLCBodHRwczovL3d3dy50eXBlc2NyaXB0bGFuZy5vcmcvZG9jcy9oYW5kYm9vay8yL2dlbmVyaWNzLmh0bWxcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueSwgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1vbi1wcmVmaXhcbiAgICBAT3V0cHV0KCkgbWVudUNsaWNrOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgaXRlbUNsaWNrOiBFdmVudEVtaXR0ZXI8RXVpTWVudUl0ZW0+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgcHVibGljIG9uTWVudUl0ZW1DbGlja2VkKGl0ZW06IEV1aU1lbnVJdGVtKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXRlbUNsaWNrLmVtaXQoaXRlbSk7XG4gICAgfVxuXG4gICAgLy8gVE9ETzogZmluZCB0aGUgY29ycmVjdCB0eXBlIG9yIHR1cm4gaW50byBhIGdlbmVyaWMsIGh0dHBzOi8vd3d3LnR5cGVzY3JpcHRsYW5nLm9yZy9kb2NzL2hhbmRib29rLzIvZ2VuZXJpY3MuaHRtbFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gICAgcHVibGljIG9uTWVudUNsaWNrZWQoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLm1lbnVDbGljay5lbWl0KGV2ZW50KTtcbiAgICB9XG5cbiAgICAvLyBUT0RPOiBmaW5kIHRoZSBjb3JyZWN0IHR5cGUgb3IgdHVybiBpbnRvIGEgZ2VuZXJpYywgaHR0cHM6Ly93d3cudHlwZXNjcmlwdGxhbmcub3JnL2RvY3MvaGFuZGJvb2svMi9nZW5lcmljcy5odG1sXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgICBwdWJsaWMgb25NZW51Q29sbGFwc2VkKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0NvbGxhcHNlZCA9IGV2ZW50O1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJldWktc2lkZWJhci1tZW51X19jb250YWluZXJcIiBbY2xhc3MuZXVpLXNpZGViYXItbWVudV9fY29udGFpbmVyLS1jb2xsYXBzZWRdPVwiaXNDb2xsYXBzZWRcIiBbc3R5bGVdPVwic3R5bGVcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLXNpZGViYXItbWVudV9fY29udGVudFwiPlxuICAgICAgICA8ZXVpLW1lbnVcbiAgICAgICAgICAgIFtpdGVtc109XCJpdGVtc1wiXG4gICAgICAgICAgICBbaGFzRmlsdGVyXT1cImhhc0ZpbHRlclwiXG4gICAgICAgICAgICBbaGFzSWNvbnNdPVwiaGFzSWNvbnNcIlxuICAgICAgICAgICAgW2hhc1Rvb2x0aXBdPVwiaGFzVG9vbHRpcFwiXG4gICAgICAgICAgICBbaXNDb2xsYXBzZWRdPVwiaXNDb2xsYXBzZWRcIlxuICAgICAgICAgICAgW2hhc0NvbGxhcHNlZEluaXRpYWxzXT1cImhhc0NvbGxhcHNlZEluaXRpYWxzXCJcbiAgICAgICAgICAgIFtleHBhbmRBbGxJdGVtc109XCJleHBhbmRBbGxJdGVtc1wiXG4gICAgICAgICAgICBbZnJhZ21lbnRJZF09XCJmcmFnbWVudElkXCJcbiAgICAgICAgICAgIFtzZWFyY2hGaWx0ZXJMYWJlbF09XCJzZWFyY2hGaWx0ZXJMYWJlbFwiXG4gICAgICAgICAgICBbZmlsdGVyVmFsdWVdPVwiZmlsdGVyVmFsdWVcIlxuICAgICAgICAgICAgW2hhc0JvbGRSb290TGV2ZWxdPVwiaGFzQm9sZFJvb3RMZXZlbFwiXG4gICAgICAgICAgICAoaXNDbGljayk9XCJvbk1lbnVDbGlja2VkKCRldmVudClcIlxuICAgICAgICAgICAgKGl0ZW1DbGljayk9XCJvbk1lbnVJdGVtQ2xpY2tlZCgkZXZlbnQpXCI+XG4gICAgICAgIDwvZXVpLW1lbnU+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -63,7 +63,7 @@ export class EuiSlideToggleComponent {
|
|
|
63
63
|
this.onTouch = fn;
|
|
64
64
|
}
|
|
65
65
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiSlideToggleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl, optional: true, self: true }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
66
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: EuiSlideToggleComponent, selector: "eui-slide-toggle", inputs: { id: "id", iconSvgNameOn: "iconSvgNameOn", iconSvgNameOff: "iconSvgNameOff", iconSvgFillColorOn: "iconSvgFillColorOn", iconSvgFillColorOff: "iconSvgFillColorOff", isChecked: ["isChecked", "isChecked", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { slideToggleChange: "slideToggleChange" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div\n class=\"eui-slide-toggle__container\"\n [tabindex]=\"this.disabled ? '-1' : '0'\"\n [class.eui-slide-toggle__container--disabled]=\"disabled\"\n (keydown.Enter)=\"toggle()\"\n (click)=\"toggle()\">\n <input\n class=\"eui-u-display-hidden\"\n [formControl]=\"checkboxControl\"\n [id]=\"id\"\n type=\"checkbox\"\n role=\"switch\"\n [attr.checked]=\"isChecked\"\n (focusout)=\"onFocusOut()\" />\n <div\n class=\"eui-slide-toggle__track\"\n [class.eui-slide-toggle__track--off]=\"!isChecked\"\n [class.eui-slide-toggle__track--on]=\"isChecked\"></div>\n <div\n class=\"eui-slide-toggle__handler\"\n [@onOff]=\"isChecked ? 'on' : 'off'\"\n [class.eui-slide-toggle__handler--off]=\"!isChecked\"\n [class.eui-slide-toggle__handler--on]=\"isChecked\">\n\n <ng-container *ngIf=\"iconSvgNameOn && iconSvgNameOff\">\n <eui-icon-svg *ngIf=\"isChecked\" icon=\"{{iconSvgNameOn}}\" fillColor=\"{{iconSvgFillColorOn}}\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isChecked\" icon=\"{{iconSvgNameOff}}\" fillColor=\"{{iconSvgFillColorOff}}\"></eui-icon-svg>\n </ng-container>\n </div>\n</div>\n", styles: [".eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-s-xs) 0;position:relative}.eui-slide-toggle .eui-slide-toggle__container:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track{background-color:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-
|
|
66
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: EuiSlideToggleComponent, selector: "eui-slide-toggle", inputs: { id: "id", iconSvgNameOn: "iconSvgNameOn", iconSvgNameOff: "iconSvgNameOff", iconSvgFillColorOn: "iconSvgFillColorOn", iconSvgFillColorOff: "iconSvgFillColorOff", isChecked: ["isChecked", "isChecked", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { slideToggleChange: "slideToggleChange" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div\n class=\"eui-slide-toggle__container\"\n [tabindex]=\"this.disabled ? '-1' : '0'\"\n [class.eui-slide-toggle__container--disabled]=\"disabled\"\n (keydown.Enter)=\"toggle()\"\n (click)=\"toggle()\">\n <input\n class=\"eui-u-display-hidden\"\n [formControl]=\"checkboxControl\"\n [id]=\"id\"\n type=\"checkbox\"\n role=\"switch\"\n [attr.checked]=\"isChecked\"\n (focusout)=\"onFocusOut()\" />\n <div\n class=\"eui-slide-toggle__track\"\n [class.eui-slide-toggle__track--off]=\"!isChecked\"\n [class.eui-slide-toggle__track--on]=\"isChecked\"></div>\n <div\n class=\"eui-slide-toggle__handler\"\n [@onOff]=\"isChecked ? 'on' : 'off'\"\n [class.eui-slide-toggle__handler--off]=\"!isChecked\"\n [class.eui-slide-toggle__handler--on]=\"isChecked\">\n\n <ng-container *ngIf=\"iconSvgNameOn && iconSvgNameOff\">\n <eui-icon-svg *ngIf=\"isChecked\" icon=\"{{iconSvgNameOn}}\" fillColor=\"{{iconSvgFillColorOn}}\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isChecked\" icon=\"{{iconSvgNameOff}}\" fillColor=\"{{iconSvgFillColorOff}}\"></eui-icon-svg>\n </ng-container>\n </div>\n</div>\n", styles: [".eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-s-xs) 0;position:relative}.eui-slide-toggle .eui-slide-toggle__container:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track{background-color:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);height:var(--eui-s-m);width:calc(var(--eui-s-xl) + var(--eui-s-m))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success-light)}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-white);border-radius:var(--eui-br-max);box-shadow:var(--eui-sh-3);position:absolute;height:calc(var(--eui-s-m) + var(--eui-s-xs));width:calc(var(--eui-s-m) + var(--eui-s-xs))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-s-m)}.eui-slide-toggle--size-s{transform:scale(.75)}.eui-slide-toggle--size-m{transform:scale(1)}.eui-slide-toggle--size-l{transform:scale(1.25)}.eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-primary-lighter)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-primary)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-info-lighter)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-info)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success-light)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-success)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-warning-light)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-warning)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-danger-light)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-danger)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-accent-light)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-accent)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], animations: [onOff], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
67
67
|
}
|
|
68
68
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiSlideToggleComponent, decorators: [{
|
|
69
69
|
type: Component,
|
|
@@ -86,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
|
|
|
86
86
|
'euiSizeVariant',
|
|
87
87
|
],
|
|
88
88
|
},
|
|
89
|
-
], template: "<div\n class=\"eui-slide-toggle__container\"\n [tabindex]=\"this.disabled ? '-1' : '0'\"\n [class.eui-slide-toggle__container--disabled]=\"disabled\"\n (keydown.Enter)=\"toggle()\"\n (click)=\"toggle()\">\n <input\n class=\"eui-u-display-hidden\"\n [formControl]=\"checkboxControl\"\n [id]=\"id\"\n type=\"checkbox\"\n role=\"switch\"\n [attr.checked]=\"isChecked\"\n (focusout)=\"onFocusOut()\" />\n <div\n class=\"eui-slide-toggle__track\"\n [class.eui-slide-toggle__track--off]=\"!isChecked\"\n [class.eui-slide-toggle__track--on]=\"isChecked\"></div>\n <div\n class=\"eui-slide-toggle__handler\"\n [@onOff]=\"isChecked ? 'on' : 'off'\"\n [class.eui-slide-toggle__handler--off]=\"!isChecked\"\n [class.eui-slide-toggle__handler--on]=\"isChecked\">\n\n <ng-container *ngIf=\"iconSvgNameOn && iconSvgNameOff\">\n <eui-icon-svg *ngIf=\"isChecked\" icon=\"{{iconSvgNameOn}}\" fillColor=\"{{iconSvgFillColorOn}}\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isChecked\" icon=\"{{iconSvgNameOff}}\" fillColor=\"{{iconSvgFillColorOff}}\"></eui-icon-svg>\n </ng-container>\n </div>\n</div>\n", styles: [".eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-s-xs) 0;position:relative}.eui-slide-toggle .eui-slide-toggle__container:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track{background-color:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-
|
|
89
|
+
], template: "<div\n class=\"eui-slide-toggle__container\"\n [tabindex]=\"this.disabled ? '-1' : '0'\"\n [class.eui-slide-toggle__container--disabled]=\"disabled\"\n (keydown.Enter)=\"toggle()\"\n (click)=\"toggle()\">\n <input\n class=\"eui-u-display-hidden\"\n [formControl]=\"checkboxControl\"\n [id]=\"id\"\n type=\"checkbox\"\n role=\"switch\"\n [attr.checked]=\"isChecked\"\n (focusout)=\"onFocusOut()\" />\n <div\n class=\"eui-slide-toggle__track\"\n [class.eui-slide-toggle__track--off]=\"!isChecked\"\n [class.eui-slide-toggle__track--on]=\"isChecked\"></div>\n <div\n class=\"eui-slide-toggle__handler\"\n [@onOff]=\"isChecked ? 'on' : 'off'\"\n [class.eui-slide-toggle__handler--off]=\"!isChecked\"\n [class.eui-slide-toggle__handler--on]=\"isChecked\">\n\n <ng-container *ngIf=\"iconSvgNameOn && iconSvgNameOff\">\n <eui-icon-svg *ngIf=\"isChecked\" icon=\"{{iconSvgNameOn}}\" fillColor=\"{{iconSvgFillColorOn}}\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isChecked\" icon=\"{{iconSvgNameOff}}\" fillColor=\"{{iconSvgFillColorOff}}\"></eui-icon-svg>\n </ng-container>\n </div>\n</div>\n", styles: [".eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-s-xs) 0;position:relative}.eui-slide-toggle .eui-slide-toggle__container:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track{background-color:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);height:var(--eui-s-m);width:calc(var(--eui-s-xl) + var(--eui-s-m))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success-light)}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-white);border-radius:var(--eui-br-max);box-shadow:var(--eui-sh-3);position:absolute;height:calc(var(--eui-s-m) + var(--eui-s-xs));width:calc(var(--eui-s-m) + var(--eui-s-xs))}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-s-m)}.eui-slide-toggle--size-s{transform:scale(.75)}.eui-slide-toggle--size-m{transform:scale(1)}.eui-slide-toggle--size-l{transform:scale(1.25)}.eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-primary-lighter)}.eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-primary)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-info-lighter)}.eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-info)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success-light)}.eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-success)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-warning-light)}.eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-warning)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-danger-light)}.eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-danger)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-accent-light)}.eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-accent)}\n"] }]
|
|
90
90
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.NgControl, decorators: [{
|
|
91
91
|
type: Self
|
|
92
92
|
}, {
|
|
@@ -497,7 +497,7 @@ export class EuiTableComponent {
|
|
|
497
497
|
return prop ? prop.split('.').reduce((prev, curr) => (prev ? prev[curr] : null), obj || self) : null;
|
|
498
498
|
}
|
|
499
499
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiTableComponent, deps: [{ token: i1.EuiTableSortService }, { token: i0.ChangeDetectorRef }, { token: i2.EuiTableSelectableRowService }, { token: i0.ElementRef }, { token: i3.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
500
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: EuiTableComponent, selector: "eui-table, table[euiTable]", inputs: { rows: "rows", propId: "propId", e2eAttr: "e2eAttr", paginator: "paginator", filter: "filter", preselectedRows: "preselectedRows", loading: ["loading", "loading", booleanAttribute], asyncTable: ["asyncTable", "asyncTable", booleanAttribute], paginable: ["paginable", "paginable", booleanAttribute], euiTableResponsive: ["euiTableResponsive", "euiTableResponsive", booleanAttribute], euiTableFixedLayout: ["euiTableFixedLayout", "euiTableFixedLayout", booleanAttribute], euiTableDraggable: ["euiTableDraggable", "euiTableDraggable", booleanAttribute], euiTableCards: ["euiTableCards", "euiTableCards", booleanAttribute], euiTableBordered: ["euiTableBordered", "euiTableBordered", booleanAttribute], euiTableCompact: ["euiTableCompact", "euiTableCompact", booleanAttribute], hasStickyHeader: ["hasStickyHeader", "hasStickyHeader", booleanAttribute], hasStickyColumns: ["hasStickyColumns", "hasStickyColumns", booleanAttribute], isSelectOnlyVisibleRows: ["isSelectOnlyVisibleRows", "isSelectOnlyVisibleRows", booleanAttribute], isColsOrderable: ["isColsOrderable", "isColsOrderable", booleanAttribute], isHoverable: ["isHoverable", "isHoverable", booleanAttribute] }, outputs: { selectedRows: "selectedRows", sortChange: "sortChange", multiSortChange: "multiSortChange" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiTableSortService, EuiTableSelectableRowService], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true }, { propertyName: "tbodyRef", first: true, predicate: ["tbodyRef"], descendants: true }, { propertyName: "tfootRef", first: true, predicate: ["tfootRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i3.BaseStatesDirective }], ngImport: i0, template: "@if (headerTemplate) {\n <thead #theadRef>\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </thead>\n}\n@if (bodyTemplate) {\n <tbody #tbodyRef>\n @for (row of rowsRendered; let i = $index; track row) {\n <ng-template\n [ngTemplateOutlet]=\"bodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row, index: i + page * pageSize }\">\n </ng-template>\n }\n\n @if (emptyMessageTemplate && rowsRendered.length === 0) {\n <ng-template [ngTemplateOutlet]=\"emptyMessageTemplate\"></ng-template>\n }\n </tbody>\n}\n@if (footerTemplate) {\n <tfoot #tfootRef>\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </tfoot>\n}\n", styles: [".eui-table__scrollable-wrapper{overflow:auto}.eui-table__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-table__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-table__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table__orderable-cols-preview{background-color:var(--eui-c-neutral-lightest);border-color:transparent;padding:calc(var(--eui-s-m) - 2px) var(--eui-s-s);cursor:move;opacity:.7}.eui-table{--eui-table-compact-scale-factor: .95;--eui-table-background-color: var(--eui-c-white);--eui-table-text-color: var(--eui-c-text);--eui-table-selected-row-background-color: var(--eui-c-primary-bg);--eui-table-highlighted-background-color: var(--eui-c-accent);--eui-table-hover-background-color: var(--eui-c-primary-bg);--eui-table-bordered-color: var(--eui-c-neutral-lightest);--eui-table-loading-position: 50%;background-color:var(--eui-table-background-color);border-collapse:collapse;border-spacing:0;color:var(--eui-table-text-color);display:table;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;width:auto}.eui-table thead>tr>th,.eui-table tbody>tr>td,.eui-table tfoot>tr>td{vertical-align:middle}.eui-table--bordered{box-shadow:var(--eui-sh-1)}.eui-table--bordered td,.eui-table--bordered th{border:1px solid var(--eui-table-bordered-color)}.eui-table--compact thead th,.eui-table--compact thead tr{font-size:calc(var(--eui-f-size-base) * var(--eui-table-compact-scale-factor))!important;padding:var(--eui-s-s)!important}.eui-table--compact tbody tr{height:calc(2 * var(--eui-s-m))!important}.eui-table--compact tbody tr td{font-size:calc(var(--eui-f-size-base) * var(--eui-table-compact-scale-factor))!important;padding:0 var(--eui-s-s)!important}.eui-table--responsive{width:100%}.eui-table--fixed-layout{table-layout:fixed}.eui-table--highlighted{background-color:var(--eui-table-highlighted-background-color);text-decoration:none}.eui-table--hoverable tbody tr:hover,.eui-table--hoverable tbody tr:hover td{background-color:var(--eui-table-hover-background-color)!important}.eui-table--hoverable tbody tr:hover td:hover{background-color:var(--eui-c-info-lightest)!important}.eui-table--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table--cols-orderable tr{display:table-row}.eui-table--cols-orderable tr th{cursor:move}.eui-table__actions-column{text-align:center;width:calc(15 * var(--eui-s-m))}.eui-table.eui-table__loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:var(--eui-br-max);border-top-color:var(--eui-c-primary);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:var(--eui-table-loading-position);width:80px;z-index:1000001}.eui-table.eui-table__loading tbody{opacity:var(--eui-o-50)}.eui-table thead tr.eui-table__columns-filter th{background-color:var(--eui-c-neutral-bg-light);position:relative;font:var(--eui-f-m)}.eui-table thead tr th{background-color:var(--eui-c-neutral-bg-light);padding:var(--eui-s-m) var(--eui-s-s);text-align:left;font:var(--eui-f-m-bold)}.eui-table thead tr th .eui-resizable .eui-resizable-icon__container{transform:translateY(calc(var(--eui-s-l) + 2px + 2px))}.eui-table thead tr th.eui-table__sortable-col .eui-table__sortable-col-content{align-items:center;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.eui-table thead tr th.eui-table__sortable-col--disabled{cursor:default}.eui-table thead tr th .eui-table__sortable-icon-button{margin-left:var(--eui-s-2xs)}.eui-table thead tr th.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-table thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table thead tr th.eui-table__cell-select .eui-table__cell-select--indeterminated{position:absolute;right:50%;top:var(--eui-s-s);transform:translate(50%)}.eui-table tbody tr{border-top:1px solid var(--eui-c-neutral-lightest);height:calc(3 * var(--eui-s-m))}.eui-table tbody tr.eui-table__row--selected,.eui-table tbody tr.eui-table__row--selected td{background-color:var(--eui-table-selected-row-background-color)!important}.eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:var(--eui-c-bg)}.eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd) td{background-color:var(--eui-c-bg)}.eui-table tbody tr td{padding:var(--eui-s-xs) var(--eui-s-s);vertical-align:middle}.eui-table tbody tr td.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-table tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table tbody tr:nth-of-type(odd){background-color:var(--eui-c-white)}.eui-table tbody tr:nth-of-type(2n){background-color:var(--eui-c-neutral-bg-light)}.eui-table tbody tr:nth-of-type(2n) td{background-color:var(--eui-c-neutral-bg-light)}.eui-table tfoot tr{border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.eui-table tfoot tr td{padding:var(--eui-s-s);vertical-align:middle}.eui-table__sticky-container{overflow:auto}.eui-table__sticky-container::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-table__sticky-container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-table__sticky-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table__sticky-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table--sticky-header thead tr th{position:sticky;top:0;z-index:8}.eui-table--sticky-columns .eui-table__col--sticky{position:sticky}.eui-table--sticky-columns th.eui-table__col--sticky{z-index:9}.eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table--sticky-columns td.eui-table__col--sticky{z-index:8}.eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}@media screen and (max-width: 767px){.eui-table:not(.eui-table-cards).eui-table--responsive{width:100%!important}.eui-table:not(.eui-table-cards).eui-table--responsive thead,.eui-table:not(.eui-table-cards).eui-table--responsive tbody,.eui-table:not(.eui-table-cards).eui-table--responsive tfoot,.eui-table:not(.eui-table-cards).eui-table--responsive th,.eui-table:not(.eui-table-cards).eui-table--responsive td,.eui-table:not(.eui-table-cards).eui-table--responsive tr{display:block}.eui-table:not(.eui-table-cards).eui-table--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table:not(.eui-table-cards).eui-table--responsive tr{height:auto}.eui-table:not(.eui-table-cards).eui-table--responsive td{border:none;border-bottom:1px solid var(--eui-c-neutral-bg-light);padding-left:50%;position:relative;text-align:left!important}.eui-table:not(.eui-table-cards).eui-table--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-table:not(.eui-table-cards) .actionsColumn,.eui-table:not(.eui-table-cards) .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table__sticky-container{height:auto!important;width:auto!important}.eui-table--sticky-columns th,.eui-table--sticky-columns td,.eui-table--sticky-columns th .eui-table__col--sticky,.eui-table--sticky-columns td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table--sticky-columns tfoot tr td:empty{display:none!important}}.eui-table__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table__filter--responsive{width:100%}.eui-table__filter-input{padding-left:var(--eui-s-2xl)!important}.eui-table__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:calc(var(--eui-s-xs) + 2px)}@media screen and (max-width: 767px){.eui-table__filter--responsive{display:block;width:100%}}.eui-table__draggable-preview--no-preview.cdk-drag-preview{display:none}.eui-table--draggable tr.eui-table__draggable-preview--no-placeholder{opacity:1}.eui-table--draggable tr:hover{background-color:var(--eui-c-accent-bg-light)}.eui-table--draggable td .cdk-drop-list{flex-direction:column}.eui-table-cards{background-color:transparent;display:flex;flex-direction:column;overflow:hidden;width:100%}.eui-table-cards thead{width:100%}.eui-table-cards thead tr{align-items:center;height:auto}.eui-table-cards thead tr th{position:relative;vertical-align:middle;width:100%}.eui-table-cards thead tr th.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-table-cards thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table-cards tbody{width:100%}.eui-table-cards tbody tr{align-items:center;border-top:0;display:flex;height:auto;width:100%}.eui-table-cards tbody tr.eui-table__row--selected .eui-card:first-child{--eui-card-header-background-color: var(--eui-table-selected-row-background-color)}.eui-table-cards tbody tr td{position:relative;vertical-align:middle;width:100%}.eui-table-cards tbody tr td.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-table-cards tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table-cards tbody tr:hover{background-color:transparent}.eui-table-cards tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:transparent}.eui-table-cards tbody tr:nth-of-type(2n){background-color:transparent}.eui-table-cards tbody tr:nth-of-type(2n):hover:not(.eui-table__row--selected){background-color:transparent}.eui-table-cards tbody tr:nth-of-type(odd):hover:not(.eui-table__row--selected){background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
500
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: EuiTableComponent, selector: "eui-table, table[euiTable]", inputs: { rows: "rows", propId: "propId", e2eAttr: "e2eAttr", paginator: "paginator", filter: "filter", preselectedRows: "preselectedRows", loading: ["loading", "loading", booleanAttribute], asyncTable: ["asyncTable", "asyncTable", booleanAttribute], paginable: ["paginable", "paginable", booleanAttribute], euiTableResponsive: ["euiTableResponsive", "euiTableResponsive", booleanAttribute], euiTableFixedLayout: ["euiTableFixedLayout", "euiTableFixedLayout", booleanAttribute], euiTableDraggable: ["euiTableDraggable", "euiTableDraggable", booleanAttribute], euiTableCards: ["euiTableCards", "euiTableCards", booleanAttribute], euiTableBordered: ["euiTableBordered", "euiTableBordered", booleanAttribute], euiTableCompact: ["euiTableCompact", "euiTableCompact", booleanAttribute], hasStickyHeader: ["hasStickyHeader", "hasStickyHeader", booleanAttribute], hasStickyColumns: ["hasStickyColumns", "hasStickyColumns", booleanAttribute], isSelectOnlyVisibleRows: ["isSelectOnlyVisibleRows", "isSelectOnlyVisibleRows", booleanAttribute], isColsOrderable: ["isColsOrderable", "isColsOrderable", booleanAttribute], isHoverable: ["isHoverable", "isHoverable", booleanAttribute] }, outputs: { selectedRows: "selectedRows", sortChange: "sortChange", multiSortChange: "multiSortChange" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiTableSortService, EuiTableSelectableRowService], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true }, { propertyName: "tbodyRef", first: true, predicate: ["tbodyRef"], descendants: true }, { propertyName: "tfootRef", first: true, predicate: ["tfootRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i3.BaseStatesDirective }], ngImport: i0, template: "@if (headerTemplate) {\n <thead #theadRef>\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </thead>\n}\n@if (bodyTemplate) {\n <tbody #tbodyRef>\n @for (row of rowsRendered; let i = $index; track row) {\n <ng-template\n [ngTemplateOutlet]=\"bodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row, index: i + page * pageSize }\">\n </ng-template>\n }\n\n @if (emptyMessageTemplate && rowsRendered.length === 0) {\n <ng-template [ngTemplateOutlet]=\"emptyMessageTemplate\"></ng-template>\n }\n </tbody>\n}\n@if (footerTemplate) {\n <tfoot #tfootRef>\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </tfoot>\n}\n", styles: [".eui-table__scrollable-wrapper{overflow:auto}.eui-table__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-table__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-table__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table__orderable-cols-preview{background-color:var(--eui-c-neutral-lightest);border-color:transparent;padding:calc(var(--eui-s-m) - 2px) var(--eui-s-s);cursor:move;opacity:.7}.eui-table{--eui-table-compact-scale-factor: .95;--eui-table-background-color: var(--eui-c-white);--eui-table-text-color: var(--eui-c-text);--eui-table-selected-row-background-color: var(--eui-c-primary-bg);--eui-table-highlighted-background-color: var(--eui-c-accent);--eui-table-hover-background-color: var(--eui-c-primary-bg);--eui-table-bordered-color: var(--eui-c-neutral-lightest);--eui-table-loading-position: 50%;background-color:var(--eui-table-background-color);border-collapse:collapse;border-spacing:0;color:var(--eui-table-text-color);display:table;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;width:auto}.eui-table thead>tr>th,.eui-table tbody>tr>td,.eui-table tfoot>tr>td{vertical-align:middle}.eui-table--bordered{box-shadow:var(--eui-sh-1)}.eui-table--bordered td,.eui-table--bordered th{border:var(--eui-bw-xs) solid var(--eui-table-bordered-color)}.eui-table--compact thead th,.eui-table--compact thead tr{font-size:calc(var(--eui-f-size-base) * var(--eui-table-compact-scale-factor))!important;padding:var(--eui-s-s)!important}.eui-table--compact tbody tr{height:calc(2 * var(--eui-s-m))!important}.eui-table--compact tbody tr td{font-size:calc(var(--eui-f-size-base) * var(--eui-table-compact-scale-factor))!important;padding:0 var(--eui-s-s)!important}.eui-table--responsive{width:100%}.eui-table--fixed-layout{table-layout:fixed}.eui-table--highlighted{background-color:var(--eui-table-highlighted-background-color);text-decoration:none}.eui-table--hoverable tbody tr:hover,.eui-table--hoverable tbody tr:hover td{background-color:var(--eui-table-hover-background-color)!important}.eui-table--hoverable tbody tr:hover td:hover{background-color:var(--eui-c-info-lightest)!important}.eui-table--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table--cols-orderable tr{display:table-row}.eui-table--cols-orderable tr th{cursor:move}.eui-table__actions-column{text-align:center;width:calc(15 * var(--eui-s-m))}.eui-table.eui-table__loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:var(--eui-br-max);border-top-color:var(--eui-c-primary);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:var(--eui-table-loading-position);width:80px;z-index:1000001}.eui-table.eui-table__loading tbody{opacity:var(--eui-o-50)}.eui-table thead tr.eui-table__columns-filter th{background-color:var(--eui-c-neutral-bg-light);position:relative;font:var(--eui-f-m)}.eui-table thead tr th{background-color:var(--eui-c-neutral-bg-light);padding:var(--eui-s-m) var(--eui-s-s);text-align:left;font:var(--eui-f-m-bold)}.eui-table thead tr th .eui-resizable .eui-resizable-icon__container{transform:translateY(calc(var(--eui-s-l) + 2px + 2px))}.eui-table thead tr th.eui-table__sortable-col .eui-table__sortable-col-content{align-items:center;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.eui-table thead tr th.eui-table__sortable-col--disabled{cursor:default}.eui-table thead tr th .eui-table__sortable-icon-button{margin-left:var(--eui-s-2xs)}.eui-table thead tr th.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-table thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table thead tr th.eui-table__cell-select .eui-table__cell-select--indeterminated{position:absolute;right:50%;top:var(--eui-s-s);transform:translate(50%)}.eui-table tbody tr{border-top:1px solid var(--eui-c-neutral-lightest);height:calc(3 * var(--eui-s-m))}.eui-table tbody tr.eui-table__row--selected,.eui-table tbody tr.eui-table__row--selected td{background-color:var(--eui-table-selected-row-background-color)!important}.eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:var(--eui-c-bg)}.eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd) td{background-color:var(--eui-c-bg)}.eui-table tbody tr td{padding:var(--eui-s-xs) var(--eui-s-s);vertical-align:middle}.eui-table tbody tr td.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-table tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table tbody tr:nth-of-type(odd){background-color:var(--eui-c-white)}.eui-table tbody tr:nth-of-type(2n){background-color:var(--eui-c-neutral-bg-light)}.eui-table tbody tr:nth-of-type(2n) td{background-color:var(--eui-c-neutral-bg-light)}.eui-table tfoot tr{border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.eui-table tfoot tr td{padding:var(--eui-s-s);vertical-align:middle}.eui-table__sticky-container{overflow:auto}.eui-table__sticky-container::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-table__sticky-container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-table__sticky-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table__sticky-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table--sticky-header thead tr th{position:sticky;top:0;z-index:8}.eui-table--sticky-columns .eui-table__col--sticky{position:sticky}.eui-table--sticky-columns th.eui-table__col--sticky{z-index:9}.eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table--sticky-columns td.eui-table__col--sticky{z-index:8}.eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}@media screen and (max-width: 767px){.eui-table:not(.eui-table-cards).eui-table--responsive{width:100%!important}.eui-table:not(.eui-table-cards).eui-table--responsive thead,.eui-table:not(.eui-table-cards).eui-table--responsive tbody,.eui-table:not(.eui-table-cards).eui-table--responsive tfoot,.eui-table:not(.eui-table-cards).eui-table--responsive th,.eui-table:not(.eui-table-cards).eui-table--responsive td,.eui-table:not(.eui-table-cards).eui-table--responsive tr{display:block}.eui-table:not(.eui-table-cards).eui-table--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table:not(.eui-table-cards).eui-table--responsive tr{height:auto}.eui-table:not(.eui-table-cards).eui-table--responsive td{border:var(--eui-bw-none);border-bottom:1px solid var(--eui-c-neutral-bg-light);padding-left:50%;position:relative;text-align:left!important}.eui-table:not(.eui-table-cards).eui-table--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-table:not(.eui-table-cards) .actionsColumn,.eui-table:not(.eui-table-cards) .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table__sticky-container{height:auto!important;width:auto!important}.eui-table--sticky-columns th,.eui-table--sticky-columns td,.eui-table--sticky-columns th .eui-table__col--sticky,.eui-table--sticky-columns td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table--sticky-columns tfoot tr td:empty{display:none!important}}.eui-table__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table__filter--responsive{width:100%}.eui-table__filter-input{padding-left:var(--eui-s-2xl)!important}.eui-table__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:calc(var(--eui-s-xs) + 2px)}@media screen and (max-width: 767px){.eui-table__filter--responsive{display:block;width:100%}}.eui-table__draggable-preview--no-preview.cdk-drag-preview{display:none}.eui-table--draggable tr.eui-table__draggable-preview--no-placeholder{opacity:1}.eui-table--draggable tr:hover{background-color:var(--eui-c-accent-bg-light)}.eui-table--draggable td .cdk-drop-list{flex-direction:column}.eui-table-cards{background-color:transparent;display:flex;flex-direction:column;overflow:hidden;width:100%}.eui-table-cards thead{width:100%}.eui-table-cards thead tr{align-items:center;height:auto}.eui-table-cards thead tr th{position:relative;vertical-align:middle;width:100%}.eui-table-cards thead tr th.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-table-cards thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table-cards tbody{width:100%}.eui-table-cards tbody tr{align-items:center;border-top:0;display:flex;height:auto;width:100%}.eui-table-cards tbody tr.eui-table__row--selected .eui-card:first-child{--eui-card-header-background-color: var(--eui-table-selected-row-background-color)}.eui-table-cards tbody tr td{position:relative;vertical-align:middle;width:100%}.eui-table-cards tbody tr td.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-table-cards tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table-cards tbody tr:hover{background-color:transparent}.eui-table-cards tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:transparent}.eui-table-cards tbody tr:nth-of-type(2n){background-color:transparent}.eui-table-cards tbody tr:nth-of-type(2n):hover:not(.eui-table__row--selected){background-color:transparent}.eui-table-cards tbody tr:nth-of-type(odd):hover:not(.eui-table__row--selected){background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
501
501
|
}
|
|
502
502
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiTableComponent, decorators: [{
|
|
503
503
|
type: Component,
|
|
@@ -506,7 +506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
|
|
|
506
506
|
directive: BaseStatesDirective,
|
|
507
507
|
inputs: [],
|
|
508
508
|
},
|
|
509
|
-
], template: "@if (headerTemplate) {\n <thead #theadRef>\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </thead>\n}\n@if (bodyTemplate) {\n <tbody #tbodyRef>\n @for (row of rowsRendered; let i = $index; track row) {\n <ng-template\n [ngTemplateOutlet]=\"bodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row, index: i + page * pageSize }\">\n </ng-template>\n }\n\n @if (emptyMessageTemplate && rowsRendered.length === 0) {\n <ng-template [ngTemplateOutlet]=\"emptyMessageTemplate\"></ng-template>\n }\n </tbody>\n}\n@if (footerTemplate) {\n <tfoot #tfootRef>\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </tfoot>\n}\n", styles: [".eui-table__scrollable-wrapper{overflow:auto}.eui-table__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-table__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-table__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table__orderable-cols-preview{background-color:var(--eui-c-neutral-lightest);border-color:transparent;padding:calc(var(--eui-s-m) - 2px) var(--eui-s-s);cursor:move;opacity:.7}.eui-table{--eui-table-compact-scale-factor: .95;--eui-table-background-color: var(--eui-c-white);--eui-table-text-color: var(--eui-c-text);--eui-table-selected-row-background-color: var(--eui-c-primary-bg);--eui-table-highlighted-background-color: var(--eui-c-accent);--eui-table-hover-background-color: var(--eui-c-primary-bg);--eui-table-bordered-color: var(--eui-c-neutral-lightest);--eui-table-loading-position: 50%;background-color:var(--eui-table-background-color);border-collapse:collapse;border-spacing:0;color:var(--eui-table-text-color);display:table;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;width:auto}.eui-table thead>tr>th,.eui-table tbody>tr>td,.eui-table tfoot>tr>td{vertical-align:middle}.eui-table--bordered{box-shadow:var(--eui-sh-1)}.eui-table--bordered td,.eui-table--bordered th{border:1px solid var(--eui-table-bordered-color)}.eui-table--compact thead th,.eui-table--compact thead tr{font-size:calc(var(--eui-f-size-base) * var(--eui-table-compact-scale-factor))!important;padding:var(--eui-s-s)!important}.eui-table--compact tbody tr{height:calc(2 * var(--eui-s-m))!important}.eui-table--compact tbody tr td{font-size:calc(var(--eui-f-size-base) * var(--eui-table-compact-scale-factor))!important;padding:0 var(--eui-s-s)!important}.eui-table--responsive{width:100%}.eui-table--fixed-layout{table-layout:fixed}.eui-table--highlighted{background-color:var(--eui-table-highlighted-background-color);text-decoration:none}.eui-table--hoverable tbody tr:hover,.eui-table--hoverable tbody tr:hover td{background-color:var(--eui-table-hover-background-color)!important}.eui-table--hoverable tbody tr:hover td:hover{background-color:var(--eui-c-info-lightest)!important}.eui-table--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table--cols-orderable tr{display:table-row}.eui-table--cols-orderable tr th{cursor:move}.eui-table__actions-column{text-align:center;width:calc(15 * var(--eui-s-m))}.eui-table.eui-table__loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:var(--eui-br-max);border-top-color:var(--eui-c-primary);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:var(--eui-table-loading-position);width:80px;z-index:1000001}.eui-table.eui-table__loading tbody{opacity:var(--eui-o-50)}.eui-table thead tr.eui-table__columns-filter th{background-color:var(--eui-c-neutral-bg-light);position:relative;font:var(--eui-f-m)}.eui-table thead tr th{background-color:var(--eui-c-neutral-bg-light);padding:var(--eui-s-m) var(--eui-s-s);text-align:left;font:var(--eui-f-m-bold)}.eui-table thead tr th .eui-resizable .eui-resizable-icon__container{transform:translateY(calc(var(--eui-s-l) + 2px + 2px))}.eui-table thead tr th.eui-table__sortable-col .eui-table__sortable-col-content{align-items:center;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.eui-table thead tr th.eui-table__sortable-col--disabled{cursor:default}.eui-table thead tr th .eui-table__sortable-icon-button{margin-left:var(--eui-s-2xs)}.eui-table thead tr th.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-table thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table thead tr th.eui-table__cell-select .eui-table__cell-select--indeterminated{position:absolute;right:50%;top:var(--eui-s-s);transform:translate(50%)}.eui-table tbody tr{border-top:1px solid var(--eui-c-neutral-lightest);height:calc(3 * var(--eui-s-m))}.eui-table tbody tr.eui-table__row--selected,.eui-table tbody tr.eui-table__row--selected td{background-color:var(--eui-table-selected-row-background-color)!important}.eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:var(--eui-c-bg)}.eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd) td{background-color:var(--eui-c-bg)}.eui-table tbody tr td{padding:var(--eui-s-xs) var(--eui-s-s);vertical-align:middle}.eui-table tbody tr td.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-table tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table tbody tr:nth-of-type(odd){background-color:var(--eui-c-white)}.eui-table tbody tr:nth-of-type(2n){background-color:var(--eui-c-neutral-bg-light)}.eui-table tbody tr:nth-of-type(2n) td{background-color:var(--eui-c-neutral-bg-light)}.eui-table tfoot tr{border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.eui-table tfoot tr td{padding:var(--eui-s-s);vertical-align:middle}.eui-table__sticky-container{overflow:auto}.eui-table__sticky-container::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-table__sticky-container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-table__sticky-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table__sticky-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table--sticky-header thead tr th{position:sticky;top:0;z-index:8}.eui-table--sticky-columns .eui-table__col--sticky{position:sticky}.eui-table--sticky-columns th.eui-table__col--sticky{z-index:9}.eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table--sticky-columns td.eui-table__col--sticky{z-index:8}.eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}@media screen and (max-width: 767px){.eui-table:not(.eui-table-cards).eui-table--responsive{width:100%!important}.eui-table:not(.eui-table-cards).eui-table--responsive thead,.eui-table:not(.eui-table-cards).eui-table--responsive tbody,.eui-table:not(.eui-table-cards).eui-table--responsive tfoot,.eui-table:not(.eui-table-cards).eui-table--responsive th,.eui-table:not(.eui-table-cards).eui-table--responsive td,.eui-table:not(.eui-table-cards).eui-table--responsive tr{display:block}.eui-table:not(.eui-table-cards).eui-table--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table:not(.eui-table-cards).eui-table--responsive tr{height:auto}.eui-table:not(.eui-table-cards).eui-table--responsive td{border:none;border-bottom:1px solid var(--eui-c-neutral-bg-light);padding-left:50%;position:relative;text-align:left!important}.eui-table:not(.eui-table-cards).eui-table--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-table:not(.eui-table-cards) .actionsColumn,.eui-table:not(.eui-table-cards) .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table__sticky-container{height:auto!important;width:auto!important}.eui-table--sticky-columns th,.eui-table--sticky-columns td,.eui-table--sticky-columns th .eui-table__col--sticky,.eui-table--sticky-columns td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table--sticky-columns tfoot tr td:empty{display:none!important}}.eui-table__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table__filter--responsive{width:100%}.eui-table__filter-input{padding-left:var(--eui-s-2xl)!important}.eui-table__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:calc(var(--eui-s-xs) + 2px)}@media screen and (max-width: 767px){.eui-table__filter--responsive{display:block;width:100%}}.eui-table__draggable-preview--no-preview.cdk-drag-preview{display:none}.eui-table--draggable tr.eui-table__draggable-preview--no-placeholder{opacity:1}.eui-table--draggable tr:hover{background-color:var(--eui-c-accent-bg-light)}.eui-table--draggable td .cdk-drop-list{flex-direction:column}.eui-table-cards{background-color:transparent;display:flex;flex-direction:column;overflow:hidden;width:100%}.eui-table-cards thead{width:100%}.eui-table-cards thead tr{align-items:center;height:auto}.eui-table-cards thead tr th{position:relative;vertical-align:middle;width:100%}.eui-table-cards thead tr th.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-table-cards thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table-cards tbody{width:100%}.eui-table-cards tbody tr{align-items:center;border-top:0;display:flex;height:auto;width:100%}.eui-table-cards tbody tr.eui-table__row--selected .eui-card:first-child{--eui-card-header-background-color: var(--eui-table-selected-row-background-color)}.eui-table-cards tbody tr td{position:relative;vertical-align:middle;width:100%}.eui-table-cards tbody tr td.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-table-cards tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table-cards tbody tr:hover{background-color:transparent}.eui-table-cards tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:transparent}.eui-table-cards tbody tr:nth-of-type(2n){background-color:transparent}.eui-table-cards tbody tr:nth-of-type(2n):hover:not(.eui-table__row--selected){background-color:transparent}.eui-table-cards tbody tr:nth-of-type(odd):hover:not(.eui-table__row--selected){background-color:transparent}\n"] }]
|
|
509
|
+
], template: "@if (headerTemplate) {\n <thead #theadRef>\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </thead>\n}\n@if (bodyTemplate) {\n <tbody #tbodyRef>\n @for (row of rowsRendered; let i = $index; track row) {\n <ng-template\n [ngTemplateOutlet]=\"bodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row, index: i + page * pageSize }\">\n </ng-template>\n }\n\n @if (emptyMessageTemplate && rowsRendered.length === 0) {\n <ng-template [ngTemplateOutlet]=\"emptyMessageTemplate\"></ng-template>\n }\n </tbody>\n}\n@if (footerTemplate) {\n <tfoot #tfootRef>\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </tfoot>\n}\n", styles: [".eui-table__scrollable-wrapper{overflow:auto}.eui-table__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-table__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-table__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table__orderable-cols-preview{background-color:var(--eui-c-neutral-lightest);border-color:transparent;padding:calc(var(--eui-s-m) - 2px) var(--eui-s-s);cursor:move;opacity:.7}.eui-table{--eui-table-compact-scale-factor: .95;--eui-table-background-color: var(--eui-c-white);--eui-table-text-color: var(--eui-c-text);--eui-table-selected-row-background-color: var(--eui-c-primary-bg);--eui-table-highlighted-background-color: var(--eui-c-accent);--eui-table-hover-background-color: var(--eui-c-primary-bg);--eui-table-bordered-color: var(--eui-c-neutral-lightest);--eui-table-loading-position: 50%;background-color:var(--eui-table-background-color);border-collapse:collapse;border-spacing:0;color:var(--eui-table-text-color);display:table;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;width:auto}.eui-table thead>tr>th,.eui-table tbody>tr>td,.eui-table tfoot>tr>td{vertical-align:middle}.eui-table--bordered{box-shadow:var(--eui-sh-1)}.eui-table--bordered td,.eui-table--bordered th{border:var(--eui-bw-xs) solid var(--eui-table-bordered-color)}.eui-table--compact thead th,.eui-table--compact thead tr{font-size:calc(var(--eui-f-size-base) * var(--eui-table-compact-scale-factor))!important;padding:var(--eui-s-s)!important}.eui-table--compact tbody tr{height:calc(2 * var(--eui-s-m))!important}.eui-table--compact tbody tr td{font-size:calc(var(--eui-f-size-base) * var(--eui-table-compact-scale-factor))!important;padding:0 var(--eui-s-s)!important}.eui-table--responsive{width:100%}.eui-table--fixed-layout{table-layout:fixed}.eui-table--highlighted{background-color:var(--eui-table-highlighted-background-color);text-decoration:none}.eui-table--hoverable tbody tr:hover,.eui-table--hoverable tbody tr:hover td{background-color:var(--eui-table-hover-background-color)!important}.eui-table--hoverable tbody tr:hover td:hover{background-color:var(--eui-c-info-lightest)!important}.eui-table--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-table--cols-orderable tr{display:table-row}.eui-table--cols-orderable tr th{cursor:move}.eui-table__actions-column{text-align:center;width:calc(15 * var(--eui-s-m))}.eui-table.eui-table__loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:var(--eui-br-max);border-top-color:var(--eui-c-primary);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:var(--eui-table-loading-position);width:80px;z-index:1000001}.eui-table.eui-table__loading tbody{opacity:var(--eui-o-50)}.eui-table thead tr.eui-table__columns-filter th{background-color:var(--eui-c-neutral-bg-light);position:relative;font:var(--eui-f-m)}.eui-table thead tr th{background-color:var(--eui-c-neutral-bg-light);padding:var(--eui-s-m) var(--eui-s-s);text-align:left;font:var(--eui-f-m-bold)}.eui-table thead tr th .eui-resizable .eui-resizable-icon__container{transform:translateY(calc(var(--eui-s-l) + 2px + 2px))}.eui-table thead tr th.eui-table__sortable-col .eui-table__sortable-col-content{align-items:center;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.eui-table thead tr th.eui-table__sortable-col--disabled{cursor:default}.eui-table thead tr th .eui-table__sortable-icon-button{margin-left:var(--eui-s-2xs)}.eui-table thead tr th.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-table thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table thead tr th.eui-table__cell-select .eui-table__cell-select--indeterminated{position:absolute;right:50%;top:var(--eui-s-s);transform:translate(50%)}.eui-table tbody tr{border-top:1px solid var(--eui-c-neutral-lightest);height:calc(3 * var(--eui-s-m))}.eui-table tbody tr.eui-table__row--selected,.eui-table tbody tr.eui-table__row--selected td{background-color:var(--eui-table-selected-row-background-color)!important}.eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:var(--eui-c-bg)}.eui-table tbody tr:not(.eui-table-expandable-row):nth-child(odd) td{background-color:var(--eui-c-bg)}.eui-table tbody tr td{padding:var(--eui-s-xs) var(--eui-s-s);vertical-align:middle}.eui-table tbody tr td.eui-table__cell-select{color:var(--eui-c-neutral-light);width:auto}.eui-table tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table tbody tr:nth-of-type(odd){background-color:var(--eui-c-white)}.eui-table tbody tr:nth-of-type(2n){background-color:var(--eui-c-neutral-bg-light)}.eui-table tbody tr:nth-of-type(2n) td{background-color:var(--eui-c-neutral-bg-light)}.eui-table tfoot tr{border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.eui-table tfoot tr td{padding:var(--eui-s-s);vertical-align:middle}.eui-table__sticky-container{overflow:auto}.eui-table__sticky-container::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-table__sticky-container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-table__sticky-container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-table__sticky-container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-table--sticky-header thead tr th{position:sticky;top:0;z-index:8}.eui-table--sticky-columns .eui-table__col--sticky{position:sticky}.eui-table--sticky-columns th.eui-table__col--sticky{z-index:9}.eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table--sticky-columns th.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-table--sticky-columns td.eui-table__col--sticky{z-index:8}.eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-table--sticky-columns td.eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}@media screen and (max-width: 767px){.eui-table:not(.eui-table-cards).eui-table--responsive{width:100%!important}.eui-table:not(.eui-table-cards).eui-table--responsive thead,.eui-table:not(.eui-table-cards).eui-table--responsive tbody,.eui-table:not(.eui-table-cards).eui-table--responsive tfoot,.eui-table:not(.eui-table-cards).eui-table--responsive th,.eui-table:not(.eui-table-cards).eui-table--responsive td,.eui-table:not(.eui-table-cards).eui-table--responsive tr{display:block}.eui-table:not(.eui-table-cards).eui-table--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-table:not(.eui-table-cards).eui-table--responsive tr{height:auto}.eui-table:not(.eui-table-cards).eui-table--responsive td{border:var(--eui-bw-none);border-bottom:1px solid var(--eui-c-neutral-bg-light);padding-left:50%;position:relative;text-align:left!important}.eui-table:not(.eui-table-cards).eui-table--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-table:not(.eui-table-cards) .actionsColumn,.eui-table:not(.eui-table-cards) .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-table__sticky-container{height:auto!important;width:auto!important}.eui-table--sticky-columns th,.eui-table--sticky-columns td,.eui-table--sticky-columns th .eui-table__col--sticky,.eui-table--sticky-columns td .eui-table__col--sticky{width:auto;z-index:auto}.eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table--sticky-columns th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-table--sticky-columns td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-table--sticky-columns tfoot tr td:empty{display:none!important}}.eui-table__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-table__filter--responsive{width:100%}.eui-table__filter-input{padding-left:var(--eui-s-2xl)!important}.eui-table__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:calc(var(--eui-s-xs) + 2px)}@media screen and (max-width: 767px){.eui-table__filter--responsive{display:block;width:100%}}.eui-table__draggable-preview--no-preview.cdk-drag-preview{display:none}.eui-table--draggable tr.eui-table__draggable-preview--no-placeholder{opacity:1}.eui-table--draggable tr:hover{background-color:var(--eui-c-accent-bg-light)}.eui-table--draggable td .cdk-drop-list{flex-direction:column}.eui-table-cards{background-color:transparent;display:flex;flex-direction:column;overflow:hidden;width:100%}.eui-table-cards thead{width:100%}.eui-table-cards thead tr{align-items:center;height:auto}.eui-table-cards thead tr th{position:relative;vertical-align:middle;width:100%}.eui-table-cards thead tr th.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-table-cards thead tr th.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table-cards tbody{width:100%}.eui-table-cards tbody tr{align-items:center;border-top:0;display:flex;height:auto;width:100%}.eui-table-cards tbody tr.eui-table__row--selected .eui-card:first-child{--eui-card-header-background-color: var(--eui-table-selected-row-background-color)}.eui-table-cards tbody tr td{position:relative;vertical-align:middle;width:100%}.eui-table-cards tbody tr td.eui-table__cell-select{padding:var(--eui-s-s) var(--eui-s-m);width:auto}.eui-table-cards tbody tr td.eui-table__cell-select .eui-table__cell-select-checkbox-container{display:flex}.eui-table-cards tbody tr:hover{background-color:transparent}.eui-table-cards tbody tr:not(.eui-table-expandable-row):nth-child(odd){background-color:transparent}.eui-table-cards tbody tr:nth-of-type(2n){background-color:transparent}.eui-table-cards tbody tr:nth-of-type(2n):hover:not(.eui-table__row--selected){background-color:transparent}.eui-table-cards tbody tr:nth-of-type(odd):hover:not(.eui-table__row--selected){background-color:transparent}\n"] }]
|
|
510
510
|
}], ctorParameters: () => [{ type: i1.EuiTableSortService }, { type: i0.ChangeDetectorRef }, { type: i2.EuiTableSelectableRowService }, { type: i0.ElementRef }, { type: i3.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
511
511
|
type: HostBinding,
|
|
512
512
|
args: ['class']
|