@eui/components 19.0.0-next.5 → 19.0.0-next.7

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.
Files changed (66) hide show
  1. package/docs/dependencies.html +2 -2
  2. package/docs/js/search/search_index.js +2 -2
  3. package/fesm2022/eui-components-eui-accordion.mjs +2 -2
  4. package/fesm2022/eui-components-eui-alert.mjs +2 -2
  5. package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
  6. package/fesm2022/eui-components-eui-avatar.mjs +2 -2
  7. package/fesm2022/eui-components-eui-badge.mjs +2 -2
  8. package/fesm2022/eui-components-eui-block-content.mjs +2 -2
  9. package/fesm2022/eui-components-eui-block-document.mjs +2 -2
  10. package/fesm2022/eui-components-eui-breadcrumb.mjs +2 -2
  11. package/fesm2022/eui-components-eui-button-group.mjs +2 -2
  12. package/fesm2022/eui-components-eui-button-v2.mjs +2 -2
  13. package/fesm2022/eui-components-eui-button.mjs +2 -2
  14. package/fesm2022/eui-components-eui-card.mjs +2 -2
  15. package/fesm2022/eui-components-eui-chip-list.mjs +2 -2
  16. package/fesm2022/eui-components-eui-chip.mjs +2 -2
  17. package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
  18. package/fesm2022/eui-components-eui-dashboard-card.mjs +2 -2
  19. package/fesm2022/eui-components-eui-date-range-selector.mjs +4 -4
  20. package/fesm2022/eui-components-eui-datepicker.mjs +2 -2
  21. package/fesm2022/eui-components-eui-dialog.mjs +4 -4
  22. package/fesm2022/eui-components-eui-dimmer.mjs +2 -2
  23. package/fesm2022/eui-components-eui-disable-content.mjs +2 -2
  24. package/fesm2022/eui-components-eui-discussion-thread.mjs +2 -2
  25. package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
  26. package/fesm2022/eui-components-eui-feedback-message.mjs +2 -2
  27. package/fesm2022/eui-components-eui-fieldset.mjs +2 -2
  28. package/fesm2022/eui-components-eui-file-upload.mjs +2 -2
  29. package/fesm2022/eui-components-eui-growl.mjs +2 -2
  30. package/fesm2022/eui-components-eui-icon-input.mjs +2 -2
  31. package/fesm2022/eui-components-eui-icon-toggle.mjs +2 -2
  32. package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
  33. package/fesm2022/eui-components-eui-input-group.mjs +2 -2
  34. package/fesm2022/eui-components-eui-input-number.mjs +2 -2
  35. package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
  36. package/fesm2022/eui-components-eui-input-text.mjs +2 -2
  37. package/fesm2022/eui-components-eui-label.mjs +2 -2
  38. package/fesm2022/eui-components-eui-language-selector.mjs +2 -2
  39. package/fesm2022/eui-components-eui-list.mjs +4 -4
  40. package/fesm2022/eui-components-eui-menu.mjs +4 -4
  41. package/fesm2022/eui-components-eui-navbar.mjs +2 -2
  42. package/fesm2022/eui-components-eui-overlay.mjs +2 -2
  43. package/fesm2022/eui-components-eui-page.mjs +2 -2
  44. package/fesm2022/eui-components-eui-paginator.mjs +2 -2
  45. package/fesm2022/eui-components-eui-popover.mjs +2 -2
  46. package/fesm2022/eui-components-eui-progress-bar.mjs +2 -2
  47. package/fesm2022/eui-components-eui-progress-circle.mjs +2 -2
  48. package/fesm2022/eui-components-eui-select.mjs +2 -2
  49. package/fesm2022/eui-components-eui-sidebar-menu.mjs +2 -2
  50. package/fesm2022/eui-components-eui-skeleton.mjs +2 -2
  51. package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
  52. package/fesm2022/eui-components-eui-split-button.mjs +2 -2
  53. package/fesm2022/eui-components-eui-table-v2.mjs +2 -2
  54. package/fesm2022/eui-components-eui-table.mjs +2 -2
  55. package/fesm2022/eui-components-eui-tabs.mjs +4 -4
  56. package/fesm2022/eui-components-eui-textarea.mjs +2 -2
  57. package/fesm2022/eui-components-eui-timebar.mjs +2 -2
  58. package/fesm2022/eui-components-eui-timeline.mjs +4 -4
  59. package/fesm2022/eui-components-eui-timepicker.mjs +2 -2
  60. package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
  61. package/fesm2022/eui-components-eui-tree.mjs +2 -2
  62. package/fesm2022/eui-components-eui-user-profile.mjs +2 -2
  63. package/fesm2022/eui-components-eui-wizard.mjs +4 -4
  64. package/fesm2022/eui-components-layout.mjs +1 -1
  65. package/fesm2022/eui-components-layout.mjs.map +1 -1
  66. package/package.json +7 -7
package/fesm2022/eui-components-eui-progress-circle.mjs CHANGED
@@ -91,7 +91,7 @@ class EuiProgressCircleComponent {
91
91
  }
92
92
  }
93
93
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiProgressCircleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
94
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EuiProgressCircleComponent, isStandalone: false, 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-18 .eui-progress-circle{position:relative}.eui-18 .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-18 .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-18 .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-18 .eui-progress-circle-content__label-block{text-align:center}.eui-18 .eui-progress-circle-content__label-block--large{padding-top:var(--eui-s-m)}.eui-18 .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-18 .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-18 .eui-progress-circle-content--over50 .eui-18 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-18 .eui-progress-circle-content--over50 .eui-18 .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-18 .eui-progress-circle-content:not(.eui-18 .eui-progress-circle-content--over50) .eui-18 .eui-progress-circle-content__first50-bar{display:none}.eui-18 .eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-c-info)}.eui-18 .eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-c-success-dark)}.eui-18 .eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-c-warning)}.eui-18 .eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-c-danger-dark)}.eui-18 .eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-18 .eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-18 .eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-18 .eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-18 .eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-18 .eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-18 .eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-18 .eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-18 .eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-18 .eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-18 .eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-18 .eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-18 .eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-18 .eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-18 .eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-18 .eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-18 .eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-18 .eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-18 .eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-18 .eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-18 .eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-18 .eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-18 .eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-18 .eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-18 .eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-18 .eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-18 .eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-18 .eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-18 .eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-18 .eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-18 .eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-18 .eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-18 .eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-18 .eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-18 .eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-18 .eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-18 .eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-18 .eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-18 .eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-18 .eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-18 .eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-18 .eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-18 .eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-18 .eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-18 .eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-18 .eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-18 .eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-18 .eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-18 .eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-18 .eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-18 .eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-18 .eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-18 .eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-18 .eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-18 .eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-18 .eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-18 .eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-18 .eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-18 .eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-18 .eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-18 .eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-18 .eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-18 .eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-18 .eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-18 .eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-18 .eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-18 .eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-18 .eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-18 .eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-18 .eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-18 .eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-18 .eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-18 .eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-18 .eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-18 .eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-18 .eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-18 .eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-18 .eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-18 .eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-18 .eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-18 .eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-18 .eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-18 .eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-18 .eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-18 .eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-18 .eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-18 .eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-18 .eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-18 .eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-18 .eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-18 .eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-18 .eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-18 .eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-18 .eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-18 .eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-18 .eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-18 .eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-18 .eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-18 .eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-18 .eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-18 .eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-18 .eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-18 .eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-18 .eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info)}.eui-18 .eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-success-dark)}.eui-18 .eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-warning)}.eui-18 .eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-danger-dark)}.eui-18 .eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-s-s);transform:scale(.75)}.eui-18 .eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-18 .eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-18 .eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-s-m) 3rem;transform:scale(1.5)}.eui-18 .eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-18 .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
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EuiProgressCircleComponent, isStandalone: false, 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-19 .eui-progress-circle{position:relative}.eui-19 .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-19 .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-19 .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-19 .eui-progress-circle-content__label-block{text-align:center}.eui-19 .eui-progress-circle-content__label-block--large{padding-top:var(--eui-s-m)}.eui-19 .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-19 .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-19 .eui-progress-circle-content--over50 .eui-19 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-19 .eui-progress-circle-content--over50 .eui-19 .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-19 .eui-progress-circle-content:not(.eui-19 .eui-progress-circle-content--over50) .eui-19 .eui-progress-circle-content__first50-bar{display:none}.eui-19 .eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-c-info)}.eui-19 .eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-c-success-dark)}.eui-19 .eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-c-warning)}.eui-19 .eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-c-danger-dark)}.eui-19 .eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-19 .eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-19 .eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-19 .eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-19 .eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-19 .eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-19 .eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-19 .eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-19 .eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-19 .eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-19 .eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-19 .eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-19 .eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-19 .eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-19 .eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-19 .eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-19 .eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-19 .eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-19 .eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-19 .eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-19 .eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-19 .eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-19 .eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-19 .eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-19 .eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-19 .eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-19 .eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-19 .eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-19 .eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-19 .eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-19 .eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-19 .eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-19 .eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-19 .eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-19 .eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-19 .eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-19 .eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-19 .eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-19 .eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-19 .eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-19 .eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-19 .eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-19 .eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-19 .eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-19 .eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-19 .eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-19 .eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-19 .eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-19 .eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-19 .eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-19 .eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-19 .eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-19 .eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-19 .eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-19 .eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-19 .eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-19 .eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-19 .eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-19 .eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-19 .eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-19 .eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-19 .eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-19 .eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-19 .eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-19 .eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-19 .eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-19 .eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-19 .eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-19 .eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-19 .eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-19 .eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-19 .eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-19 .eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-19 .eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-19 .eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-19 .eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-19 .eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-19 .eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-19 .eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-19 .eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-19 .eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-19 .eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-19 .eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-19 .eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-19 .eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-19 .eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-19 .eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-19 .eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-19 .eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-19 .eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-19 .eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-19 .eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-19 .eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-19 .eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-19 .eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-19 .eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-19 .eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-19 .eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-19 .eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-19 .eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-19 .eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-19 .eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-19 .eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-19 .eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info)}.eui-19 .eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-success-dark)}.eui-19 .eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-warning)}.eui-19 .eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-danger-dark)}.eui-19 .eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-s-s);transform:scale(.75)}.eui-19 .eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-19 .eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-19 .eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-s-m) 3rem;transform:scale(1.5)}.eui-19 .eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-19 .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 }); }
95
95
  }
96
96
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiProgressCircleComponent, decorators: [{
97
97
  type: Component,
@@ -105,7 +105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ng
105
105
  'euiSizeVariant',
106
106
  ],
107
107
  },
108
- ], 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-18 .eui-progress-circle{position:relative}.eui-18 .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-18 .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-18 .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-18 .eui-progress-circle-content__label-block{text-align:center}.eui-18 .eui-progress-circle-content__label-block--large{padding-top:var(--eui-s-m)}.eui-18 .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-18 .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-18 .eui-progress-circle-content--over50 .eui-18 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-18 .eui-progress-circle-content--over50 .eui-18 .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-18 .eui-progress-circle-content:not(.eui-18 .eui-progress-circle-content--over50) .eui-18 .eui-progress-circle-content__first50-bar{display:none}.eui-18 .eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-c-info)}.eui-18 .eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-c-success-dark)}.eui-18 .eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-c-warning)}.eui-18 .eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-c-danger-dark)}.eui-18 .eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-18 .eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-18 .eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-18 .eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-18 .eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-18 .eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-18 .eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-18 .eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-18 .eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-18 .eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-18 .eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-18 .eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-18 .eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-18 .eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-18 .eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-18 .eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-18 .eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-18 .eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-18 .eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-18 .eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-18 .eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-18 .eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-18 .eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-18 .eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-18 .eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-18 .eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-18 .eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-18 .eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-18 .eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-18 .eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-18 .eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-18 .eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-18 .eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-18 .eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-18 .eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-18 .eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-18 .eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-18 .eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-18 .eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-18 .eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-18 .eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-18 .eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-18 .eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-18 .eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-18 .eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-18 .eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-18 .eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-18 .eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-18 .eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-18 .eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-18 .eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-18 .eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-18 .eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-18 .eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-18 .eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-18 .eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-18 .eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-18 .eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-18 .eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-18 .eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-18 .eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-18 .eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-18 .eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-18 .eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-18 .eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-18 .eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-18 .eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-18 .eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-18 .eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-18 .eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-18 .eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-18 .eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-18 .eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-18 .eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-18 .eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-18 .eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-18 .eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-18 .eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-18 .eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-18 .eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-18 .eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-18 .eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-18 .eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-18 .eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-18 .eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-18 .eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-18 .eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-18 .eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-18 .eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-18 .eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-18 .eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-18 .eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-18 .eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-18 .eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-18 .eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-18 .eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-18 .eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-18 .eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-18 .eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-18 .eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-18 .eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-18 .eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-18 .eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-18 .eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info)}.eui-18 .eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-success-dark)}.eui-18 .eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-warning)}.eui-18 .eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-danger-dark)}.eui-18 .eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-s-s);transform:scale(.75)}.eui-18 .eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-18 .eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-18 .eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-s-m) 3rem;transform:scale(1.5)}.eui-18 .eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-18 .eui-progress-circle--size-l .eui-progress-circle-content__bottom-label{margin-left:25px;margin-right:25px;margin-top:45px}\n"] }]
108
+ ], 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-19 .eui-progress-circle{position:relative}.eui-19 .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-19 .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-19 .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-19 .eui-progress-circle-content__label-block{text-align:center}.eui-19 .eui-progress-circle-content__label-block--large{padding-top:var(--eui-s-m)}.eui-19 .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-19 .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-19 .eui-progress-circle-content--over50 .eui-19 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-19 .eui-progress-circle-content--over50 .eui-19 .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-19 .eui-progress-circle-content:not(.eui-19 .eui-progress-circle-content--over50) .eui-19 .eui-progress-circle-content__first50-bar{display:none}.eui-19 .eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-c-info)}.eui-19 .eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-c-success-dark)}.eui-19 .eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-c-warning)}.eui-19 .eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-c-danger-dark)}.eui-19 .eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-19 .eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-19 .eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-19 .eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-19 .eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-19 .eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-19 .eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-19 .eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-19 .eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-19 .eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-19 .eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-19 .eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-19 .eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-19 .eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-19 .eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-19 .eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-19 .eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-19 .eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-19 .eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-19 .eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-19 .eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-19 .eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-19 .eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-19 .eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-19 .eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-19 .eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-19 .eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-19 .eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-19 .eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-19 .eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-19 .eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-19 .eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-19 .eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-19 .eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-19 .eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-19 .eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-19 .eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-19 .eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-19 .eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-19 .eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-19 .eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-19 .eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-19 .eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-19 .eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-19 .eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-19 .eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-19 .eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-19 .eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-19 .eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-19 .eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-19 .eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-19 .eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-19 .eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-19 .eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-19 .eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-19 .eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-19 .eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-19 .eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-19 .eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-19 .eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-19 .eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-19 .eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-19 .eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-19 .eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-19 .eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-19 .eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-19 .eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-19 .eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-19 .eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-19 .eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-19 .eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-19 .eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-19 .eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-19 .eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-19 .eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-19 .eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-19 .eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-19 .eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-19 .eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-19 .eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-19 .eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-19 .eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-19 .eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-19 .eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-19 .eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-19 .eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-19 .eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-19 .eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-19 .eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-19 .eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-19 .eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-19 .eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-19 .eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-19 .eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-19 .eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-19 .eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-19 .eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-19 .eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-19 .eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-19 .eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-19 .eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-19 .eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-19 .eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-19 .eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-info)}.eui-19 .eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-success-dark)}.eui-19 .eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-warning)}.eui-19 .eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-c-danger-dark)}.eui-19 .eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-s-s);transform:scale(.75)}.eui-19 .eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-19 .eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-19 .eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-s-m) 3rem;transform:scale(1.5)}.eui-19 .eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-19 .eui-progress-circle--size-l .eui-progress-circle-content__bottom-label{margin-left:25px;margin-right:25px;margin-top:45px}\n"] }]
109
109
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
110
110
  type: HostBinding,
111
111
  args: ['class']
package/fesm2022/eui-components-eui-select.mjs CHANGED
@@ -142,11 +142,11 @@ class EuiSelectComponent {
142
142
  }
143
143
  }
144
144
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiSelectComponent, deps: [{ token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
145
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EuiSelectComponent, isStandalone: false, selector: "select[euiSelect]", inputs: { placeholder: "placeholder", readonly: ["readonly", "readonly", booleanAttribute], isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target.value)" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-18 .eui-select{font:var(--eui-f-m);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);box-shadow:none;color:var(--eui-c-text);padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-c-neutral);overflow-y:auto}.eui-18 .eui-select:not([hidden]){display:block}.eui-18 .eui-select::placeholder{color:var(--eui-c-neutral-lighter)!important;opacity:1}.eui-18 .eui-select[readonly]{background-color:transparent;border-color:transparent;box-shadow:none;height:inherit;padding-left:0;padding-right:0;pointer-events:none}.eui-18 .eui-select[readonly]+.eui-feedback-message,.eui-18 .eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-18 .eui-select[disabled]:not([readonly]),.eui-18 .eui-select--disabled:not([readonly]){background-color:var(--eui-c-neutral-bg-light)!important;border:1px solid var(--eui-c-neutral-lightest)!important;color:var(--eui-c-neutral-light);pointer-events:none}.eui-18 .eui-select--invalid,.eui-18 .eui-select--danger{border:1px solid var(--eui-c-danger)}.eui-18 .eui-select--clearable{padding-right:var(--eui-s-2xl)}.eui-18 .eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-18 .eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-18 .eui-select--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-18 .eui-select--loading{padding-right:var(--eui-s-2xl)}.eui-18 .eui-select--loading-icon{align-items:center;display:flex}.eui-18 .eui-select--loading-icon:after,.eui-18 .eui-select--loading-icon:before{content:\"\";height:var(--eui-s-l);position:absolute;right:var(--eui-s-s);width:var(--eui-s-l)}.eui-18 .eui-select--loading-icon:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-18 .eui-select--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-18 .eui-select--loading-icon--sm:after,.eui-18 .eui-select--loading-icon--sm:before{height:var(--eui-s-m);width:var(--eui-s-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-18 .eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-select::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-select{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-18 .eui-select:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select[readonly][multiple=true] option:checked{background:none}.eui-18 .eui-select[hidden],.eui-18 .eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-18 .eui-select[multiple=true],.eui-18 .eui-select[size]:not([size=\"1\"]):not([size=\"0\"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-s-2xs) 0}.eui-18 .eui-select__placeholder{color:var(--eui-c-neutral-lighter)!important}.eui-18 .eui-select__item{color:var(--eui-c-neutral)}.eui-18 .eui-select optgroup{font:var(--eui-f-m-bold)}.eui-18 .eui-select optgroup,.eui-18 .eui-select option{appearance:none;color:var(--eui-c-neutral);display:block;padding:var(--eui-s-2xs);white-space:pre}.eui-18 .eui-select optgroup:disabled,.eui-18 .eui-select option:disabled{color:var(--eui-c-neutral-lightest)}.eui-18 .eui-select:not([readonly]):not([multiple]),.eui-18 .eui-select[size=\"1\"],.eui-18 .eui-select[size=\"0\"]{appearance:none;background-color:var(--eui-c-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-s-s)) center;background-repeat:no-repeat;background-size:var(--eui-s-m);padding-right:var(--eui-s-2xl)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
145
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EuiSelectComponent, isStandalone: false, selector: "select[euiSelect]", inputs: { placeholder: "placeholder", readonly: ["readonly", "readonly", booleanAttribute], isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target.value)" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-19 .eui-select{font:var(--eui-f-m);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);box-shadow:none;color:var(--eui-c-text);padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-c-neutral);overflow-y:auto}.eui-19 .eui-select:not([hidden]){display:block}.eui-19 .eui-select::placeholder{color:var(--eui-c-neutral-lighter)!important;opacity:1}.eui-19 .eui-select[readonly]{background-color:transparent;border-color:transparent;box-shadow:none;height:inherit;padding-left:0;padding-right:0;pointer-events:none}.eui-19 .eui-select[readonly]+.eui-feedback-message,.eui-19 .eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-19 .eui-select[disabled]:not([readonly]),.eui-19 .eui-select--disabled:not([readonly]){background-color:var(--eui-c-neutral-bg-light)!important;border:1px solid var(--eui-c-neutral-lightest)!important;color:var(--eui-c-neutral-light);pointer-events:none}.eui-19 .eui-select--invalid,.eui-19 .eui-select--danger{border:1px solid var(--eui-c-danger)}.eui-19 .eui-select--clearable{padding-right:var(--eui-s-2xl)}.eui-19 .eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 .eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-select--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-select--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 .eui-select--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-19 .eui-select--loading{padding-right:var(--eui-s-2xl)}.eui-19 .eui-select--loading-icon{align-items:center;display:flex}.eui-19 .eui-select--loading-icon:after,.eui-19 .eui-select--loading-icon:before{content:\"\";height:var(--eui-s-l);position:absolute;right:var(--eui-s-s);width:var(--eui-s-l)}.eui-19 .eui-select--loading-icon:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-19 .eui-select--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-19 .eui-select--loading-icon--sm:after,.eui-19 .eui-select--loading-icon--sm:before{height:var(--eui-s-m);width:var(--eui-s-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-19 .eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-select::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-select{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-select:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-select [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-select[readonly][multiple=true] option:checked{background:none}.eui-19 .eui-select[hidden],.eui-19 .eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-19 .eui-select[multiple=true],.eui-19 .eui-select[size]:not([size=\"1\"]):not([size=\"0\"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-s-2xs) 0}.eui-19 .eui-select__placeholder{color:var(--eui-c-neutral-lighter)!important}.eui-19 .eui-select__item{color:var(--eui-c-neutral)}.eui-19 .eui-select optgroup{font:var(--eui-f-m-bold)}.eui-19 .eui-select optgroup,.eui-19 .eui-select option{appearance:none;color:var(--eui-c-neutral);display:block;padding:var(--eui-s-2xs);white-space:pre}.eui-19 .eui-select optgroup:disabled,.eui-19 .eui-select option:disabled{color:var(--eui-c-neutral-lightest)}.eui-19 .eui-select:not([readonly]):not([multiple]),.eui-19 .eui-select[size=\"1\"],.eui-19 .eui-select[size=\"0\"]{appearance:none;background-color:var(--eui-c-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-s-s)) center;background-repeat:no-repeat;background-size:var(--eui-s-m);padding-right:var(--eui-s-2xl)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
146
146
  }
147
147
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiSelectComponent, decorators: [{
148
148
  type: Component,
149
- args: [{ selector: 'select[euiSelect]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, standalone: false, styles: [".eui-18 .eui-select{font:var(--eui-f-m);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);box-shadow:none;color:var(--eui-c-text);padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-c-neutral);overflow-y:auto}.eui-18 .eui-select:not([hidden]){display:block}.eui-18 .eui-select::placeholder{color:var(--eui-c-neutral-lighter)!important;opacity:1}.eui-18 .eui-select[readonly]{background-color:transparent;border-color:transparent;box-shadow:none;height:inherit;padding-left:0;padding-right:0;pointer-events:none}.eui-18 .eui-select[readonly]+.eui-feedback-message,.eui-18 .eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-18 .eui-select[disabled]:not([readonly]),.eui-18 .eui-select--disabled:not([readonly]){background-color:var(--eui-c-neutral-bg-light)!important;border:1px solid var(--eui-c-neutral-lightest)!important;color:var(--eui-c-neutral-light);pointer-events:none}.eui-18 .eui-select--invalid,.eui-18 .eui-select--danger{border:1px solid var(--eui-c-danger)}.eui-18 .eui-select--clearable{padding-right:var(--eui-s-2xl)}.eui-18 .eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-18 .eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-18 .eui-select--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-18 .eui-select--loading{padding-right:var(--eui-s-2xl)}.eui-18 .eui-select--loading-icon{align-items:center;display:flex}.eui-18 .eui-select--loading-icon:after,.eui-18 .eui-select--loading-icon:before{content:\"\";height:var(--eui-s-l);position:absolute;right:var(--eui-s-s);width:var(--eui-s-l)}.eui-18 .eui-select--loading-icon:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-18 .eui-select--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-18 .eui-select--loading-icon--sm:after,.eui-18 .eui-select--loading-icon--sm:before{height:var(--eui-s-m);width:var(--eui-s-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-18 .eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-select::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-select{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-18 .eui-select:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-select[readonly][multiple=true] option:checked{background:none}.eui-18 .eui-select[hidden],.eui-18 .eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-18 .eui-select[multiple=true],.eui-18 .eui-select[size]:not([size=\"1\"]):not([size=\"0\"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-s-2xs) 0}.eui-18 .eui-select__placeholder{color:var(--eui-c-neutral-lighter)!important}.eui-18 .eui-select__item{color:var(--eui-c-neutral)}.eui-18 .eui-select optgroup{font:var(--eui-f-m-bold)}.eui-18 .eui-select optgroup,.eui-18 .eui-select option{appearance:none;color:var(--eui-c-neutral);display:block;padding:var(--eui-s-2xs);white-space:pre}.eui-18 .eui-select optgroup:disabled,.eui-18 .eui-select option:disabled{color:var(--eui-c-neutral-lightest)}.eui-18 .eui-select:not([readonly]):not([multiple]),.eui-18 .eui-select[size=\"1\"],.eui-18 .eui-select[size=\"0\"]{appearance:none;background-color:var(--eui-c-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-s-s)) center;background-repeat:no-repeat;background-size:var(--eui-s-m);padding-right:var(--eui-s-2xl)}\n"] }]
149
+ args: [{ selector: 'select[euiSelect]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, standalone: false, styles: [".eui-19 .eui-select{font:var(--eui-f-m);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);box-shadow:none;color:var(--eui-c-text);padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-c-neutral);overflow-y:auto}.eui-19 .eui-select:not([hidden]){display:block}.eui-19 .eui-select::placeholder{color:var(--eui-c-neutral-lighter)!important;opacity:1}.eui-19 .eui-select[readonly]{background-color:transparent;border-color:transparent;box-shadow:none;height:inherit;padding-left:0;padding-right:0;pointer-events:none}.eui-19 .eui-select[readonly]+.eui-feedback-message,.eui-19 .eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-19 .eui-select[disabled]:not([readonly]),.eui-19 .eui-select--disabled:not([readonly]){background-color:var(--eui-c-neutral-bg-light)!important;border:1px solid var(--eui-c-neutral-lightest)!important;color:var(--eui-c-neutral-light);pointer-events:none}.eui-19 .eui-select--invalid,.eui-19 .eui-select--danger{border:1px solid var(--eui-c-danger)}.eui-19 .eui-select--clearable{padding-right:var(--eui-s-2xl)}.eui-19 .eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 .eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-select--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-select--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 .eui-select--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-19 .eui-select--loading{padding-right:var(--eui-s-2xl)}.eui-19 .eui-select--loading-icon{align-items:center;display:flex}.eui-19 .eui-select--loading-icon:after,.eui-19 .eui-select--loading-icon:before{content:\"\";height:var(--eui-s-l);position:absolute;right:var(--eui-s-s);width:var(--eui-s-l)}.eui-19 .eui-select--loading-icon:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-19 .eui-select--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-19 .eui-select--loading-icon--sm:after,.eui-19 .eui-select--loading-icon--sm:before{height:var(--eui-s-m);width:var(--eui-s-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-19 .eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-select::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-select{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-select:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-select [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-select[readonly][multiple=true] option:checked{background:none}.eui-19 .eui-select[hidden],.eui-19 .eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-19 .eui-select[multiple=true],.eui-19 .eui-select[size]:not([size=\"1\"]):not([size=\"0\"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-s-2xs) 0}.eui-19 .eui-select__placeholder{color:var(--eui-c-neutral-lighter)!important}.eui-19 .eui-select__item{color:var(--eui-c-neutral)}.eui-19 .eui-select optgroup{font:var(--eui-f-m-bold)}.eui-19 .eui-select optgroup,.eui-19 .eui-select option{appearance:none;color:var(--eui-c-neutral);display:block;padding:var(--eui-s-2xs);white-space:pre}.eui-19 .eui-select optgroup:disabled,.eui-19 .eui-select option:disabled{color:var(--eui-c-neutral-lightest)}.eui-19 .eui-select:not([readonly]):not([multiple]),.eui-19 .eui-select[size=\"1\"],.eui-19 .eui-select[size=\"0\"]{appearance:none;background-color:var(--eui-c-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-s-s)) center;background-repeat:no-repeat;background-size:var(--eui-s-m);padding-right:var(--eui-s-2xl)}\n"] }]
150
150
  }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }], propDecorators: { placeholder: [{
151
151
  type: Input
152
152
  }], readonly: [{
package/fesm2022/eui-components-eui-sidebar-menu.mjs CHANGED
@@ -26,11 +26,11 @@ class EuiSidebarMenuComponent {
26
26
  this.menuClick.emit(event);
27
27
  }
28
28
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiSidebarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
29
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EuiSidebarMenuComponent, isStandalone: true, 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: "<!--TODO: set the classes into one div container instead of two-->\n<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-18 .eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;width:100%}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{display:flex;flex-direction:column;height:100%;position:relative}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}\n"], dependencies: [{ kind: "ngmodule", type: EuiMenuModule }, { 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", "expandToggle"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
29
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EuiSidebarMenuComponent, isStandalone: true, 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: "<!--TODO: set the classes into one div container instead of two-->\n<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-19 .eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;width:100%}.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{display:flex;flex-direction:column;height:100%;position:relative}.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}\n"], dependencies: [{ kind: "ngmodule", type: EuiMenuModule }, { 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", "expandToggle"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
30
30
  }
31
31
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiSidebarMenuComponent, decorators: [{
32
32
  type: Component,
33
- args: [{ selector: 'eui-sidebar-menu', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, standalone: true, imports: [EuiMenuModule], template: "<!--TODO: set the classes into one div container instead of two-->\n<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-18 .eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;width:100%}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{display:flex;flex-direction:column;height:100%;position:relative}.eui-18 .eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}\n"] }]
33
+ args: [{ selector: 'eui-sidebar-menu', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, standalone: true, imports: [EuiMenuModule], template: "<!--TODO: set the classes into one div container instead of two-->\n<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-19 .eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container{background-color:var(--eui-c-bg);height:100%;width:100%}.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container .eui-sidebar-menu__content{display:flex;flex-direction:column;height:100%;position:relative}.eui-19 .eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}\n"] }]
34
34
  }], propDecorators: { string: [{
35
35
  type: HostBinding,
36
36
  args: ['class']
package/fesm2022/eui-components-eui-skeleton.mjs CHANGED
@@ -27,7 +27,7 @@ class EuiSkeletonComponent {
27
27
  .trim();
28
28
  }
29
29
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiSkeletonComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
30
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EuiSkeletonComponent, isStandalone: false, selector: "eui-skeleton", inputs: { circle: ["circle", "circle", booleanAttribute], line: ["line", "line", booleanAttribute], square: ["square", "square", booleanAttribute], rectangle: ["rectangle", "rectangle", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiRounded", "euiRounded", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '', isInline: true, styles: [".eui-18 .eui-skeleton{display:inline-flex;position:relative;background-color:var(--eui-c-neutral-lightest);overflow:hidden}.eui-18 .eui-skeleton:after{content:\"\";animation:skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0)}.eui-18 .eui-skeleton--circle{border-radius:var(--eui-br-max);height:3rem;width:3rem}.eui-18 .eui-skeleton--line{display:block;height:var(--eui-s-m);width:100%}.eui-18 .eui-skeleton--square{height:3rem;width:3rem}.eui-18 .eui-skeleton--rectangle{height:var(--eui-s-xl);width:100%}.eui-18 .eui-skeleton--rounded{border-radius:var(--eui-s-m)}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.eui-18 .eui-skeleton--size-xs.eui-skeleton--line,.eui-18 .eui-skeleton--size-xs.eui-skeleton--rectangle{width:5rem}.eui-18 .eui-skeleton--size-xs.eui-skeleton--circle,.eui-18 .eui-skeleton--size-xs.eui-skeleton--square{width:1.5rem;height:1.5rem}.eui-18 .eui-skeleton--size-s.eui-skeleton--line,.eui-18 .eui-skeleton--size-s.eui-skeleton--rectangle{width:10%}.eui-18 .eui-skeleton--size-s.eui-skeleton--circle,.eui-18 .eui-skeleton--size-s.eui-skeleton--square{width:2rem;height:2rem}.eui-18 .eui-skeleton--size-m.eui-skeleton--line,.eui-18 .eui-skeleton--size-m.eui-skeleton--rectangle{width:25%}.eui-18 .eui-skeleton--size-m.eui-skeleton--circle,.eui-18 .eui-skeleton--size-m.eui-skeleton--square{width:3rem;height:3rem}.eui-18 .eui-skeleton--size-l.eui-skeleton--line,.eui-18 .eui-skeleton--size-l.eui-skeleton--rectangle{width:50%}.eui-18 .eui-skeleton--size-l.eui-skeleton--circle,.eui-18 .eui-skeleton--size-l.eui-skeleton--square{width:4rem;height:4rem}.eui-18 .eui-skeleton--size-xl.eui-skeleton--line,.eui-18 .eui-skeleton--size-xl.eui-skeleton--rectangle{width:75%}.eui-18 .eui-skeleton--size-xl.eui-skeleton--circle,.eui-18 .eui-skeleton--size-xl.eui-skeleton--square{width:5rem;height:5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
30
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EuiSkeletonComponent, isStandalone: false, selector: "eui-skeleton", inputs: { circle: ["circle", "circle", booleanAttribute], line: ["line", "line", booleanAttribute], square: ["square", "square", booleanAttribute], rectangle: ["rectangle", "rectangle", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiRounded", "euiRounded", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '', isInline: true, styles: [".eui-19 .eui-skeleton{display:inline-flex;position:relative;background-color:var(--eui-c-neutral-lightest);overflow:hidden}.eui-19 .eui-skeleton:after{content:\"\";animation:skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0)}.eui-19 .eui-skeleton--circle{border-radius:var(--eui-br-max);height:3rem;width:3rem}.eui-19 .eui-skeleton--line{display:block;height:var(--eui-s-m);width:100%}.eui-19 .eui-skeleton--square{height:3rem;width:3rem}.eui-19 .eui-skeleton--rectangle{height:var(--eui-s-xl);width:100%}.eui-19 .eui-skeleton--rounded{border-radius:var(--eui-s-m)}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.eui-19 .eui-skeleton--size-xs.eui-skeleton--line,.eui-19 .eui-skeleton--size-xs.eui-skeleton--rectangle{width:5rem}.eui-19 .eui-skeleton--size-xs.eui-skeleton--circle,.eui-19 .eui-skeleton--size-xs.eui-skeleton--square{width:1.5rem;height:1.5rem}.eui-19 .eui-skeleton--size-s.eui-skeleton--line,.eui-19 .eui-skeleton--size-s.eui-skeleton--rectangle{width:10%}.eui-19 .eui-skeleton--size-s.eui-skeleton--circle,.eui-19 .eui-skeleton--size-s.eui-skeleton--square{width:2rem;height:2rem}.eui-19 .eui-skeleton--size-m.eui-skeleton--line,.eui-19 .eui-skeleton--size-m.eui-skeleton--rectangle{width:25%}.eui-19 .eui-skeleton--size-m.eui-skeleton--circle,.eui-19 .eui-skeleton--size-m.eui-skeleton--square{width:3rem;height:3rem}.eui-19 .eui-skeleton--size-l.eui-skeleton--line,.eui-19 .eui-skeleton--size-l.eui-skeleton--rectangle{width:50%}.eui-19 .eui-skeleton--size-l.eui-skeleton--circle,.eui-19 .eui-skeleton--size-l.eui-skeleton--square{width:4rem;height:4rem}.eui-19 .eui-skeleton--size-xl.eui-skeleton--line,.eui-19 .eui-skeleton--size-xl.eui-skeleton--rectangle{width:75%}.eui-19 .eui-skeleton--size-xl.eui-skeleton--circle,.eui-19 .eui-skeleton--size-xl.eui-skeleton--square{width:5rem;height:5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
31
31
  }
32
32
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiSkeletonComponent, decorators: [{
33
33
  type: Component,
@@ -44,7 +44,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ng
44
44
  'euiSizeVariant',
45
45
  ],
46
46
  },
47
- ], styles: [".eui-18 .eui-skeleton{display:inline-flex;position:relative;background-color:var(--eui-c-neutral-lightest);overflow:hidden}.eui-18 .eui-skeleton:after{content:\"\";animation:skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0)}.eui-18 .eui-skeleton--circle{border-radius:var(--eui-br-max);height:3rem;width:3rem}.eui-18 .eui-skeleton--line{display:block;height:var(--eui-s-m);width:100%}.eui-18 .eui-skeleton--square{height:3rem;width:3rem}.eui-18 .eui-skeleton--rectangle{height:var(--eui-s-xl);width:100%}.eui-18 .eui-skeleton--rounded{border-radius:var(--eui-s-m)}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.eui-18 .eui-skeleton--size-xs.eui-skeleton--line,.eui-18 .eui-skeleton--size-xs.eui-skeleton--rectangle{width:5rem}.eui-18 .eui-skeleton--size-xs.eui-skeleton--circle,.eui-18 .eui-skeleton--size-xs.eui-skeleton--square{width:1.5rem;height:1.5rem}.eui-18 .eui-skeleton--size-s.eui-skeleton--line,.eui-18 .eui-skeleton--size-s.eui-skeleton--rectangle{width:10%}.eui-18 .eui-skeleton--size-s.eui-skeleton--circle,.eui-18 .eui-skeleton--size-s.eui-skeleton--square{width:2rem;height:2rem}.eui-18 .eui-skeleton--size-m.eui-skeleton--line,.eui-18 .eui-skeleton--size-m.eui-skeleton--rectangle{width:25%}.eui-18 .eui-skeleton--size-m.eui-skeleton--circle,.eui-18 .eui-skeleton--size-m.eui-skeleton--square{width:3rem;height:3rem}.eui-18 .eui-skeleton--size-l.eui-skeleton--line,.eui-18 .eui-skeleton--size-l.eui-skeleton--rectangle{width:50%}.eui-18 .eui-skeleton--size-l.eui-skeleton--circle,.eui-18 .eui-skeleton--size-l.eui-skeleton--square{width:4rem;height:4rem}.eui-18 .eui-skeleton--size-xl.eui-skeleton--line,.eui-18 .eui-skeleton--size-xl.eui-skeleton--rectangle{width:75%}.eui-18 .eui-skeleton--size-xl.eui-skeleton--circle,.eui-18 .eui-skeleton--size-xl.eui-skeleton--square{width:5rem;height:5rem}\n"] }]
47
+ ], styles: [".eui-19 .eui-skeleton{display:inline-flex;position:relative;background-color:var(--eui-c-neutral-lightest);overflow:hidden}.eui-19 .eui-skeleton:after{content:\"\";animation:skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0)}.eui-19 .eui-skeleton--circle{border-radius:var(--eui-br-max);height:3rem;width:3rem}.eui-19 .eui-skeleton--line{display:block;height:var(--eui-s-m);width:100%}.eui-19 .eui-skeleton--square{height:3rem;width:3rem}.eui-19 .eui-skeleton--rectangle{height:var(--eui-s-xl);width:100%}.eui-19 .eui-skeleton--rounded{border-radius:var(--eui-s-m)}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.eui-19 .eui-skeleton--size-xs.eui-skeleton--line,.eui-19 .eui-skeleton--size-xs.eui-skeleton--rectangle{width:5rem}.eui-19 .eui-skeleton--size-xs.eui-skeleton--circle,.eui-19 .eui-skeleton--size-xs.eui-skeleton--square{width:1.5rem;height:1.5rem}.eui-19 .eui-skeleton--size-s.eui-skeleton--line,.eui-19 .eui-skeleton--size-s.eui-skeleton--rectangle{width:10%}.eui-19 .eui-skeleton--size-s.eui-skeleton--circle,.eui-19 .eui-skeleton--size-s.eui-skeleton--square{width:2rem;height:2rem}.eui-19 .eui-skeleton--size-m.eui-skeleton--line,.eui-19 .eui-skeleton--size-m.eui-skeleton--rectangle{width:25%}.eui-19 .eui-skeleton--size-m.eui-skeleton--circle,.eui-19 .eui-skeleton--size-m.eui-skeleton--square{width:3rem;height:3rem}.eui-19 .eui-skeleton--size-l.eui-skeleton--line,.eui-19 .eui-skeleton--size-l.eui-skeleton--rectangle{width:50%}.eui-19 .eui-skeleton--size-l.eui-skeleton--circle,.eui-19 .eui-skeleton--size-l.eui-skeleton--square{width:4rem;height:4rem}.eui-19 .eui-skeleton--size-xl.eui-skeleton--line,.eui-19 .eui-skeleton--size-xl.eui-skeleton--rectangle{width:75%}.eui-19 .eui-skeleton--size-xl.eui-skeleton--circle,.eui-19 .eui-skeleton--size-xl.eui-skeleton--square{width:5rem;height:5rem}\n"] }]
48
48
  }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
49
49
  type: HostBinding,
50
50
  args: ['class']
package/fesm2022/eui-components-eui-slide-toggle.mjs CHANGED
@@ -77,7 +77,7 @@ class EuiSlideToggleComponent {
77
77
  this.onTouch = fn;
78
78
  }
79
79
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiSlideToggleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl, optional: true, self: true }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
80
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EuiSlideToggleComponent, isStandalone: false, 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-18 .eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-18 .eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-18 .eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-18 .eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-s-xs) 0;position:relative}.eui-18 .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-18 .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-18 .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-18 .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-18 .eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success)}.eui-18 .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-18 .eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-18 .eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-s-m)}.eui-18 .eui-slide-toggle--size-s{transform:scale(.75)}.eui-18 .eui-slide-toggle--size-m{transform:scale(1)}.eui-18 .eui-slide-toggle--size-l{transform:scale(1.25)}.eui-18 .eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-18 .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-18 .eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-primary)}.eui-18 .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-18 .eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-info)}.eui-18 .eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success)}.eui-18 .eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-success-dark)}.eui-18 .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-18 .eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-warning)}.eui-18 .eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-danger)}.eui-18 .eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-danger-dark)}.eui-18 .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-18 .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", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], animations: [onOff], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
80
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0-rc.1", type: EuiSlideToggleComponent, isStandalone: false, 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-19 .eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-19 .eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-19 .eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-19 .eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-s-xs) 0;position:relative}.eui-19 .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-19 .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-19 .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-19 .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-19 .eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success)}.eui-19 .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-19 .eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-19 .eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-s-m)}.eui-19 .eui-slide-toggle--size-s{transform:scale(.75)}.eui-19 .eui-slide-toggle--size-m{transform:scale(1)}.eui-19 .eui-slide-toggle--size-l{transform:scale(1.25)}.eui-19 .eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-19 .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-19 .eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-primary)}.eui-19 .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-19 .eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-info)}.eui-19 .eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success)}.eui-19 .eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-success-dark)}.eui-19 .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-19 .eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-warning)}.eui-19 .eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-danger)}.eui-19 .eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-danger-dark)}.eui-19 .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-19 .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", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], animations: [onOff], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
81
81
  }
82
82
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiSlideToggleComponent, decorators: [{
83
83
  type: Component,
@@ -100,7 +100,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ng
100
100
  'euiSizeVariant',
101
101
  ],
102
102
  },
103
- ], 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-18 .eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-18 .eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-18 .eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-18 .eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-s-xs) 0;position:relative}.eui-18 .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-18 .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-18 .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-18 .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-18 .eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success)}.eui-18 .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-18 .eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-18 .eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-s-m)}.eui-18 .eui-slide-toggle--size-s{transform:scale(.75)}.eui-18 .eui-slide-toggle--size-m{transform:scale(1)}.eui-18 .eui-slide-toggle--size-l{transform:scale(1.25)}.eui-18 .eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-18 .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-18 .eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-primary)}.eui-18 .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-18 .eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-info)}.eui-18 .eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success)}.eui-18 .eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-success-dark)}.eui-18 .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-18 .eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-warning)}.eui-18 .eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-danger)}.eui-18 .eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-danger-dark)}.eui-18 .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-18 .eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-accent)}\n"] }]
103
+ ], 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-19 .eui-slide-toggle{align-items:center;display:inline-flex;position:relative}.eui-19 .eui-slide-toggle:not(.eui-slide-toggle__container--disabled){cursor:pointer}.eui-19 .eui-slide-toggle .eui-slide-toggle__container--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-19 .eui-slide-toggle .eui-slide-toggle__container{align-items:center;display:flex;padding:var(--eui-s-xs) 0;position:relative}.eui-19 .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-19 .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-19 .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-19 .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-19 .eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success)}.eui-19 .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-19 .eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--off{left:0rem}.eui-19 .eui-slide-toggle .eui-slide-toggle__container .eui-slide-toggle__handler--on{left:var(--eui-s-m)}.eui-19 .eui-slide-toggle--size-s{transform:scale(.75)}.eui-19 .eui-slide-toggle--size-m{transform:scale(1)}.eui-19 .eui-slide-toggle--size-l{transform:scale(1.25)}.eui-19 .eui-slide-toggle--size-xl{transform:scale(1.5)}.eui-19 .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-19 .eui-slide-toggle--primary .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-primary)}.eui-19 .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-19 .eui-slide-toggle--info .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-info)}.eui-19 .eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-success)}.eui-19 .eui-slide-toggle--success .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-success-dark)}.eui-19 .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-19 .eui-slide-toggle--warning .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-warning)}.eui-19 .eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__track.eui-slide-toggle__track--on{background-color:var(--eui-c-danger)}.eui-19 .eui-slide-toggle--danger .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-danger-dark)}.eui-19 .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-19 .eui-slide-toggle--accent .eui-slide-toggle__container .eui-slide-toggle__handler{background-color:var(--eui-c-accent)}\n"] }]
104
104
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.NgControl, decorators: [{
105
105
  type: Self
106
106
  }, {
package/fesm2022/eui-components-eui-split-button.mjs CHANGED
@@ -8,11 +8,11 @@ class EuiSplitButtonComponent {
8
8
  return 'eui-split-button';
9
9
  }
10
10
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiSplitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
11
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EuiSplitButtonComponent, isStandalone: false, selector: "eui-split-button", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content select=\"button\"></ng-content>\n<ng-content select=\"eui-dropdown\"></ng-content>\n", styles: [".eui-18 .eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-18 .eui-split-button--disabled,.eui-18 .eui-split-button:disabled{pointer-events:none}.eui-18 .eui-split-button button{border-radius:var(--eui-br-m) 0 0 var(--eui-br-m);cursor:pointer}.eui-18 .eui-split-button .eui-dropdown:before{content:\"\";position:absolute;border:1px solid var(--eui-c-neutral-lightest);top:25%;height:50%;margin-left:-1px}.eui-18 .eui-split-button .eui-dropdown button{border-radius:0 var(--eui-br-m) var(--eui-br-m) 0;border-left:0;width:var(--eui-s-4xl);margin-left:-1px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
11
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EuiSplitButtonComponent, isStandalone: false, selector: "eui-split-button", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content select=\"button\"></ng-content>\n<ng-content select=\"eui-dropdown\"></ng-content>\n", styles: [".eui-19 .eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-19 .eui-split-button--disabled,.eui-19 .eui-split-button:disabled{pointer-events:none}.eui-19 .eui-split-button button{border-radius:var(--eui-br-m) 0 0 var(--eui-br-m);cursor:pointer}.eui-19 .eui-split-button .eui-dropdown:before{content:\"\";position:absolute;border:1px solid var(--eui-c-neutral-lightest);top:25%;height:50%;margin-left:-1px}.eui-19 .eui-split-button .eui-dropdown button{border-radius:0 var(--eui-br-m) var(--eui-br-m) 0;border-left:0;width:var(--eui-s-4xl);margin-left:-1px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
12
12
  }
13
13
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiSplitButtonComponent, decorators: [{
14
14
  type: Component,
15
- args: [{ selector: 'eui-split-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content select=\"button\"></ng-content>\n<ng-content select=\"eui-dropdown\"></ng-content>\n", styles: [".eui-18 .eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-18 .eui-split-button--disabled,.eui-18 .eui-split-button:disabled{pointer-events:none}.eui-18 .eui-split-button button{border-radius:var(--eui-br-m) 0 0 var(--eui-br-m);cursor:pointer}.eui-18 .eui-split-button .eui-dropdown:before{content:\"\";position:absolute;border:1px solid var(--eui-c-neutral-lightest);top:25%;height:50%;margin-left:-1px}.eui-18 .eui-split-button .eui-dropdown button{border-radius:0 var(--eui-br-m) var(--eui-br-m) 0;border-left:0;width:var(--eui-s-4xl);margin-left:-1px}\n"] }]
15
+ args: [{ selector: 'eui-split-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content select=\"button\"></ng-content>\n<ng-content select=\"eui-dropdown\"></ng-content>\n", styles: [".eui-19 .eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-19 .eui-split-button--disabled,.eui-19 .eui-split-button:disabled{pointer-events:none}.eui-19 .eui-split-button button{border-radius:var(--eui-br-m) 0 0 var(--eui-br-m);cursor:pointer}.eui-19 .eui-split-button .eui-dropdown:before{content:\"\";position:absolute;border:1px solid var(--eui-c-neutral-lightest);top:25%;height:50%;margin-left:-1px}.eui-19 .eui-split-button .eui-dropdown button{border-radius:0 var(--eui-br-m) var(--eui-br-m) 0;border-left:0;width:var(--eui-s-4xl);margin-left:-1px}\n"] }]
16
16
  }], propDecorators: { cssClasses: [{
17
17
  type: HostBinding,
18
18
  args: ['class']
package/fesm2022/eui-components-eui-table-v2.mjs CHANGED
@@ -620,7 +620,7 @@ class EuiTableV2Component {
620
620
  return prop ? prop.split('.').reduce((prev, curr) => (prev ? prev[curr] : null), obj || self) : null;
621
621
  }
622
622
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiTableV2Component, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: EuiTableV2SelectableRowService }, { token: EuiTableV2SortService }, { token: i3.BaseStatesDirective }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
623
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0-rc.1", type: EuiTableV2Component, isStandalone: false, selector: "eui-table-v2, table[euiTableV2]", inputs: { data: "data", propId: "propId", itemSize: "itemSize", paginator: "paginator", filter: "filter", preselectedRows: "preselectedRows", isVirtualScroll: ["isVirtualScroll", "isVirtualScroll", booleanAttribute], isVirtualScrollCache: ["isVirtualScrollCache", "isVirtualScrollCache", booleanAttribute], hasStickyHeader: ["hasStickyHeader", "hasStickyHeader", booleanAttribute], hasStickyFooter: ["hasStickyFooter", "hasStickyFooter", booleanAttribute], hasStickyCols: ["hasStickyCols", "hasStickyCols", booleanAttribute], isTableResponsive: ["isTableResponsive", "isTableResponsive", booleanAttribute], isAsync: ["isAsync", "isAsync", booleanAttribute], virtualScrollAsyncItemsLength: ["virtualScrollAsyncItemsLength", "virtualScrollAsyncItemsLength", numberAttribute], virtualScrollNbRows: ["virtualScrollNbRows", "virtualScrollNbRows", numberAttribute], isColsOrderable: ["isColsOrderable", "isColsOrderable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], isSelectOnlyVisibleRows: ["isSelectOnlyVisibleRows", "isSelectOnlyVisibleRows", booleanAttribute], isTableBordered: ["isTableBordered", "isTableBordered", booleanAttribute], isTableCondensed: ["isTableCondensed", "isTableCondensed", booleanAttribute] }, outputs: { scrollChange: "scrollChange", rowsSelect: "rowsSelect", sortChange: "sortChange" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiTableV2SelectableRowService, EuiTableV2SortService], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "cdkVirtualScrollViewport", first: true, predicate: ["cdkVirtualScrollViewport"], descendants: true }, { propertyName: "cdkVirtualScrollViewportElement", first: true, predicate: ["cdkVirtualScrollViewportElement"], descendants: true, read: ElementRef }, { propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true }, { propertyName: "tbodyRef", first: true, predicate: ["tbodyRef"], descendants: true }, { propertyName: "tfootRef", first: true, predicate: ["tfootRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i3.BaseStatesDirective }], ngImport: i0, template: "<!-- <button (click)=\"test(19250)\">19250</button>\n<button (click)=\"test(7895)\">7895</button>\n<button (click)=\"test(16860)\">16860</button>\n<button (click)=\"test(16870)\">16870</button>\n<button (click)=\"test(16880)\">16880</button>\n<button (click)=\"test(16890)\">16890</button>\n<button (click)=\"test(16900)\">16900</button>\n<button (click)=\"test(26998)\">26998</button>\n<button (click)=\"test(28000)\">28000</button> -->\n@if (isVirtualScroll) {\n <cdk-virtual-scroll-viewport\n #cdkVirtualScrollViewport\n #cdkVirtualScrollViewportElement\n class=\"eui-table-v2__scroll-viewport\"\n [itemSize]=\"itemSize\"\n [style.overflow]=\"cdkVirtualScrollViewportOverflowValue\"\n tabindex=\"0\">\n <table class=\"{{ cssClasses }}\" [style.width]=\"hostWidth\">\n @if (headerTemplate) {\n <thead #theadRef [style.top]=\"stickyHeaderTopPosition\">\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n <ng-container *cdkVirtualFor=\"let row of dataRendered; let i = index; trackBy: trackByFn\">\n @if (row) {\n <ng-template\n [ngTemplateOutlet]=\"bodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n </ng-template>\n } @else {\n <ng-template [ngTemplateOutlet]=\"skeletonLoading\"></ng-template>\n }\n </ng-container>\n\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef [style.bottom]=\"stickyFooterBottomPosition\">\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </tfoot>\n }\n </table>\n </cdk-virtual-scroll-viewport>\n} @else {\n @if (headerTemplate) {\n <thead #theadRef>\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n @for (row of dataRendered; let i = $index; track $index) {\n <ng-container>\n <ng-template\n [ngTemplateOutlet]=\"bodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n </ng-template>\n </ng-container>\n }\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef>\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </tfoot>\n }\n}\n\n<ng-template #skeletonLoading>\n <tr [style.height.px]=\"itemSize\">\n <td *ngFor=\"let __ of nbCols\"><eui-skeleton line euiRounded></eui-skeleton></td>\n </tr>\n</ng-template>\n", styles: [".eui-18 .eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-18 .eui-table-v2__scrollable-wrapper{overflow:auto}.eui-18 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-table-v2__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-18 .eui-table-v2__orderable-cols-preview,.eui-18 .eui-table-v2__orderable-rows-preview{display:none}.eui-18 .eui-table-v2--condensed thead tr th{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s-bold)}.eui-18 .eui-table-v2--condensed tbody tr td,.eui-18 .eui-table-v2--condensed tfoot tr td{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)}.eui-18 .eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-18 .eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-18 .eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-18 .eui-table-v2--cols-orderable tr{display:table-row}.eui-18 .eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-18 .eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-18 .eui-table-v2--loading:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.eui-18 .eui-table-v2--sticky{max-width:none!important}.eui-18 .eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-18 .eui-table-v2--sticky-header thead th,.eui-18 .eui-table-v2--sticky-header thead td{background-color:inherit}.eui-18 .eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-18 .eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-18 .eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-18 .eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-18 .eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-18 .eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-18 .eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-18 .eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-18 .eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-18 .eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-18 .eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-18 .eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-18 .eui-table-v2__row--selected td{background-color:var(--eui-c-primary-lightest)}@media screen and (max-width: 767px){.eui-18 .eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-18 .eui-table-v2.eui-table-default--responsive thead,.eui-18 .eui-table-v2.eui-table-default--responsive tbody,.eui-18 .eui-table-v2.eui-table-default--responsive tfoot,.eui-18 .eui-table-v2.eui-table-default--responsive th,.eui-18 .eui-table-v2.eui-table-default--responsive td,.eui-18 .eui-table-v2.eui-table-default--responsive tr{display:block}.eui-18 .eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-18 .eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-18 .eui-table-v2.eui-table-default--responsive td{border:var(--eui-bw-none);border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-18 .eui-table-v2.eui-table-default--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-18 .eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-18 .eui-table-v2 .actionsColumn,.eui-18 .eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-18 .eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-18 .eui-table-v2--sticky-cols th,.eui-18 .eui-table-v2--sticky-cols td,.eui-18 .eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-18 .eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-18 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-18 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-18 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-18 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-18 .eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-18 .eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-18 .eui-table-v2__filter--responsive{width:100%}.eui-18 .eui-table-v2__filter-input{padding-left:var(--eui-s-3xl)!important}.eui-18 .eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:var(--eui-s-xs)}.eui-18 .eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-18 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-18 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i5.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i6.EuiSkeletonComponent, selector: "eui-skeleton", inputs: ["circle", "line", "square", "rectangle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
623
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0-rc.1", type: EuiTableV2Component, isStandalone: false, selector: "eui-table-v2, table[euiTableV2]", inputs: { data: "data", propId: "propId", itemSize: "itemSize", paginator: "paginator", filter: "filter", preselectedRows: "preselectedRows", isVirtualScroll: ["isVirtualScroll", "isVirtualScroll", booleanAttribute], isVirtualScrollCache: ["isVirtualScrollCache", "isVirtualScrollCache", booleanAttribute], hasStickyHeader: ["hasStickyHeader", "hasStickyHeader", booleanAttribute], hasStickyFooter: ["hasStickyFooter", "hasStickyFooter", booleanAttribute], hasStickyCols: ["hasStickyCols", "hasStickyCols", booleanAttribute], isTableResponsive: ["isTableResponsive", "isTableResponsive", booleanAttribute], isAsync: ["isAsync", "isAsync", booleanAttribute], virtualScrollAsyncItemsLength: ["virtualScrollAsyncItemsLength", "virtualScrollAsyncItemsLength", numberAttribute], virtualScrollNbRows: ["virtualScrollNbRows", "virtualScrollNbRows", numberAttribute], isColsOrderable: ["isColsOrderable", "isColsOrderable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], isSelectOnlyVisibleRows: ["isSelectOnlyVisibleRows", "isSelectOnlyVisibleRows", booleanAttribute], isTableBordered: ["isTableBordered", "isTableBordered", booleanAttribute], isTableCondensed: ["isTableCondensed", "isTableCondensed", booleanAttribute] }, outputs: { scrollChange: "scrollChange", rowsSelect: "rowsSelect", sortChange: "sortChange" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiTableV2SelectableRowService, EuiTableV2SortService], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "cdkVirtualScrollViewport", first: true, predicate: ["cdkVirtualScrollViewport"], descendants: true }, { propertyName: "cdkVirtualScrollViewportElement", first: true, predicate: ["cdkVirtualScrollViewportElement"], descendants: true, read: ElementRef }, { propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true }, { propertyName: "tbodyRef", first: true, predicate: ["tbodyRef"], descendants: true }, { propertyName: "tfootRef", first: true, predicate: ["tfootRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i3.BaseStatesDirective }], ngImport: i0, template: "<!-- <button (click)=\"test(19250)\">19250</button>\n<button (click)=\"test(7895)\">7895</button>\n<button (click)=\"test(16860)\">16860</button>\n<button (click)=\"test(16870)\">16870</button>\n<button (click)=\"test(16880)\">16880</button>\n<button (click)=\"test(16890)\">16890</button>\n<button (click)=\"test(16900)\">16900</button>\n<button (click)=\"test(26998)\">26998</button>\n<button (click)=\"test(28000)\">28000</button> -->\n@if (isVirtualScroll) {\n <cdk-virtual-scroll-viewport\n #cdkVirtualScrollViewport\n #cdkVirtualScrollViewportElement\n class=\"eui-table-v2__scroll-viewport\"\n [itemSize]=\"itemSize\"\n [style.overflow]=\"cdkVirtualScrollViewportOverflowValue\"\n tabindex=\"0\">\n <table class=\"{{ cssClasses }}\" [style.width]=\"hostWidth\">\n @if (headerTemplate) {\n <thead #theadRef [style.top]=\"stickyHeaderTopPosition\">\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n <ng-container *cdkVirtualFor=\"let row of dataRendered; let i = index; trackBy: trackByFn\">\n @if (row) {\n <ng-template\n [ngTemplateOutlet]=\"bodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n </ng-template>\n } @else {\n <ng-template [ngTemplateOutlet]=\"skeletonLoading\"></ng-template>\n }\n </ng-container>\n\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef [style.bottom]=\"stickyFooterBottomPosition\">\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </tfoot>\n }\n </table>\n </cdk-virtual-scroll-viewport>\n} @else {\n @if (headerTemplate) {\n <thead #theadRef>\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n @for (row of dataRendered; let i = $index; track $index) {\n <ng-container>\n <ng-template\n [ngTemplateOutlet]=\"bodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n </ng-template>\n </ng-container>\n }\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef>\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </tfoot>\n }\n}\n\n<ng-template #skeletonLoading>\n <tr [style.height.px]=\"itemSize\">\n <td *ngFor=\"let __ of nbCols\"><eui-skeleton line euiRounded></eui-skeleton></td>\n </tr>\n</ng-template>\n", styles: [".eui-19 .eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-19 .eui-table-v2__scrollable-wrapper{overflow:auto}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table-v2__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table-v2__orderable-cols-preview,.eui-19 .eui-table-v2__orderable-rows-preview{display:none}.eui-19 .eui-table-v2--condensed thead tr th{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s-bold)}.eui-19 .eui-table-v2--condensed tbody tr td,.eui-19 .eui-table-v2--condensed tfoot tr td{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)}.eui-19 .eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-19 .eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-19 .eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-19 .eui-table-v2--cols-orderable tr{display:table-row}.eui-19 .eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-19 .eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-19 .eui-table-v2--loading:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.eui-19 .eui-table-v2--sticky{max-width:none!important}.eui-19 .eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-19 .eui-table-v2--sticky-header thead th,.eui-19 .eui-table-v2--sticky-header thead td{background-color:inherit}.eui-19 .eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-19 .eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-19 .eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-19 .eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-19 .eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-19 .eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-19 .eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-19 .eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-19 .eui-table-v2__row--selected td{background-color:var(--eui-c-primary-lightest)}@media screen and (max-width: 767px){.eui-19 .eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-19 .eui-table-v2.eui-table-default--responsive thead,.eui-19 .eui-table-v2.eui-table-default--responsive tbody,.eui-19 .eui-table-v2.eui-table-default--responsive tfoot,.eui-19 .eui-table-v2.eui-table-default--responsive th,.eui-19 .eui-table-v2.eui-table-default--responsive td,.eui-19 .eui-table-v2.eui-table-default--responsive tr{display:block}.eui-19 .eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-19 .eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-19 .eui-table-v2.eui-table-default--responsive td{border:var(--eui-bw-none);border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-19 .eui-table-v2.eui-table-default--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-19 .eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-19 .eui-table-v2 .actionsColumn,.eui-19 .eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-19 .eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-19 .eui-table-v2--sticky-cols th,.eui-19 .eui-table-v2--sticky-cols td,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-19 .eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-19 .eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-19 .eui-table-v2__filter--responsive{width:100%}.eui-19 .eui-table-v2__filter-input{padding-left:var(--eui-s-3xl)!important}.eui-19 .eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:var(--eui-s-xs)}.eui-19 .eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-19 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-19 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i5.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i6.EuiSkeletonComponent, selector: "eui-skeleton", inputs: ["circle", "line", "square", "rectangle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
624
624
  }
625
625
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EuiTableV2Component, decorators: [{
626
626
  type: Component,
@@ -629,7 +629,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ng
629
629
  directive: BaseStatesDirective,
630
630
  inputs: [],
631
631
  },
632
- ], template: "<!-- <button (click)=\"test(19250)\">19250</button>\n<button (click)=\"test(7895)\">7895</button>\n<button (click)=\"test(16860)\">16860</button>\n<button (click)=\"test(16870)\">16870</button>\n<button (click)=\"test(16880)\">16880</button>\n<button (click)=\"test(16890)\">16890</button>\n<button (click)=\"test(16900)\">16900</button>\n<button (click)=\"test(26998)\">26998</button>\n<button (click)=\"test(28000)\">28000</button> -->\n@if (isVirtualScroll) {\n <cdk-virtual-scroll-viewport\n #cdkVirtualScrollViewport\n #cdkVirtualScrollViewportElement\n class=\"eui-table-v2__scroll-viewport\"\n [itemSize]=\"itemSize\"\n [style.overflow]=\"cdkVirtualScrollViewportOverflowValue\"\n tabindex=\"0\">\n <table class=\"{{ cssClasses }}\" [style.width]=\"hostWidth\">\n @if (headerTemplate) {\n <thead #theadRef [style.top]=\"stickyHeaderTopPosition\">\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n <ng-container *cdkVirtualFor=\"let row of dataRendered; let i = index; trackBy: trackByFn\">\n @if (row) {\n <ng-template\n [ngTemplateOutlet]=\"bodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n </ng-template>\n } @else {\n <ng-template [ngTemplateOutlet]=\"skeletonLoading\"></ng-template>\n }\n </ng-container>\n\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef [style.bottom]=\"stickyFooterBottomPosition\">\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </tfoot>\n }\n </table>\n </cdk-virtual-scroll-viewport>\n} @else {\n @if (headerTemplate) {\n <thead #theadRef>\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n @for (row of dataRendered; let i = $index; track $index) {\n <ng-container>\n <ng-template\n [ngTemplateOutlet]=\"bodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n </ng-template>\n </ng-container>\n }\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef>\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </tfoot>\n }\n}\n\n<ng-template #skeletonLoading>\n <tr [style.height.px]=\"itemSize\">\n <td *ngFor=\"let __ of nbCols\"><eui-skeleton line euiRounded></eui-skeleton></td>\n </tr>\n</ng-template>\n", styles: [".eui-18 .eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-18 .eui-table-v2__scrollable-wrapper{overflow:auto}.eui-18 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-table-v2__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-18 .eui-table-v2__orderable-cols-preview,.eui-18 .eui-table-v2__orderable-rows-preview{display:none}.eui-18 .eui-table-v2--condensed thead tr th{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s-bold)}.eui-18 .eui-table-v2--condensed tbody tr td,.eui-18 .eui-table-v2--condensed tfoot tr td{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)}.eui-18 .eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-18 .eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-18 .eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-18 .eui-table-v2--cols-orderable tr{display:table-row}.eui-18 .eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-18 .eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-18 .eui-table-v2--loading:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.eui-18 .eui-table-v2--sticky{max-width:none!important}.eui-18 .eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-18 .eui-table-v2--sticky-header thead th,.eui-18 .eui-table-v2--sticky-header thead td{background-color:inherit}.eui-18 .eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-18 .eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-18 .eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-18 .eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-18 .eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-18 .eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-18 .eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-18 .eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-18 .eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-18 .eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-18 .eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-18 .eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-18 .eui-table-v2__row--selected td{background-color:var(--eui-c-primary-lightest)}@media screen and (max-width: 767px){.eui-18 .eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-18 .eui-table-v2.eui-table-default--responsive thead,.eui-18 .eui-table-v2.eui-table-default--responsive tbody,.eui-18 .eui-table-v2.eui-table-default--responsive tfoot,.eui-18 .eui-table-v2.eui-table-default--responsive th,.eui-18 .eui-table-v2.eui-table-default--responsive td,.eui-18 .eui-table-v2.eui-table-default--responsive tr{display:block}.eui-18 .eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-18 .eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-18 .eui-table-v2.eui-table-default--responsive td{border:var(--eui-bw-none);border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-18 .eui-table-v2.eui-table-default--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-18 .eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-18 .eui-table-v2 .actionsColumn,.eui-18 .eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-18 .eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-18 .eui-table-v2--sticky-cols th,.eui-18 .eui-table-v2--sticky-cols td,.eui-18 .eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-18 .eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-18 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-18 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-18 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-18 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-18 .eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-18 .eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-18 .eui-table-v2__filter--responsive{width:100%}.eui-18 .eui-table-v2__filter-input{padding-left:var(--eui-s-3xl)!important}.eui-18 .eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:var(--eui-s-xs)}.eui-18 .eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-18 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-18 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n"] }]
632
+ ], template: "<!-- <button (click)=\"test(19250)\">19250</button>\n<button (click)=\"test(7895)\">7895</button>\n<button (click)=\"test(16860)\">16860</button>\n<button (click)=\"test(16870)\">16870</button>\n<button (click)=\"test(16880)\">16880</button>\n<button (click)=\"test(16890)\">16890</button>\n<button (click)=\"test(16900)\">16900</button>\n<button (click)=\"test(26998)\">26998</button>\n<button (click)=\"test(28000)\">28000</button> -->\n@if (isVirtualScroll) {\n <cdk-virtual-scroll-viewport\n #cdkVirtualScrollViewport\n #cdkVirtualScrollViewportElement\n class=\"eui-table-v2__scroll-viewport\"\n [itemSize]=\"itemSize\"\n [style.overflow]=\"cdkVirtualScrollViewportOverflowValue\"\n tabindex=\"0\">\n <table class=\"{{ cssClasses }}\" [style.width]=\"hostWidth\">\n @if (headerTemplate) {\n <thead #theadRef [style.top]=\"stickyHeaderTopPosition\">\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n <ng-container *cdkVirtualFor=\"let row of dataRendered; let i = index; trackBy: trackByFn\">\n @if (row) {\n <ng-template\n [ngTemplateOutlet]=\"bodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n </ng-template>\n } @else {\n <ng-template [ngTemplateOutlet]=\"skeletonLoading\"></ng-template>\n }\n </ng-container>\n\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef [style.bottom]=\"stickyFooterBottomPosition\">\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </tfoot>\n }\n </table>\n </cdk-virtual-scroll-viewport>\n} @else {\n @if (headerTemplate) {\n <thead #theadRef>\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </thead>\n }\n @if (bodyTemplate) {\n <tbody #tbodyRef>\n @for (row of dataRendered; let i = $index; track $index) {\n <ng-container>\n <ng-template\n [ngTemplateOutlet]=\"bodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n </ng-template>\n </ng-container>\n }\n @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n }\n </tbody>\n }\n @if (footerTemplate) {\n <tfoot #tfootRef>\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </tfoot>\n }\n}\n\n<ng-template #skeletonLoading>\n <tr [style.height.px]=\"itemSize\">\n <td *ngFor=\"let __ of nbCols\"><eui-skeleton line euiRounded></eui-skeleton></td>\n </tr>\n</ng-template>\n", styles: [".eui-19 .eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-19 .eui-table-v2__scrollable-wrapper{overflow:auto}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table-v2__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table-v2__orderable-cols-preview,.eui-19 .eui-table-v2__orderable-rows-preview{display:none}.eui-19 .eui-table-v2--condensed thead tr th{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s-bold)}.eui-19 .eui-table-v2--condensed tbody tr td,.eui-19 .eui-table-v2--condensed tfoot tr td{padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)}.eui-19 .eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-19 .eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-19 .eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-19 .eui-table-v2--cols-orderable tr{display:table-row}.eui-19 .eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-19 .eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-19 .eui-table-v2--loading:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.eui-19 .eui-table-v2--sticky{max-width:none!important}.eui-19 .eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-19 .eui-table-v2--sticky-header thead th,.eui-19 .eui-table-v2--sticky-header thead td{background-color:inherit}.eui-19 .eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-19 .eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-19 .eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-19 .eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-19 .eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-first{box-shadow:inset -5px 0 8px -8px #0003}.eui-19 .eui-table-v2--sticky-cols th.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-19 .eui-table-v2--sticky-cols tbody td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last,.eui-19 .eui-table-v2--sticky-cols tfoot td.eui-table-v2__col--sticky.eui-table-v2__col--sticky-shadowed-last{box-shadow:inset 5px 0 8px -8px #0003}.eui-19 .eui-table-v2__row--selected td{background-color:var(--eui-c-primary-lightest)}@media screen and (max-width: 767px){.eui-19 .eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-19 .eui-table-v2.eui-table-default--responsive thead,.eui-19 .eui-table-v2.eui-table-default--responsive tbody,.eui-19 .eui-table-v2.eui-table-default--responsive tfoot,.eui-19 .eui-table-v2.eui-table-default--responsive th,.eui-19 .eui-table-v2.eui-table-default--responsive td,.eui-19 .eui-table-v2.eui-table-default--responsive tr{display:block}.eui-19 .eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-19 .eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-19 .eui-table-v2.eui-table-default--responsive td{border:var(--eui-bw-none);border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-19 .eui-table-v2.eui-table-default--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-19 .eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-19 .eui-table-v2 .actionsColumn,.eui-19 .eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-19 .eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-19 .eui-table-v2--sticky-cols th,.eui-19 .eui-table-v2--sticky-cols td,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-19 .eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-19 .eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-19 .eui-table-v2__filter--responsive{width:100%}.eui-19 .eui-table-v2__filter-input{padding-left:var(--eui-s-3xl)!important}.eui-19 .eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:var(--eui-s-xs)}.eui-19 .eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-19 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-19 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n"] }]
633
633
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: EuiTableV2SelectableRowService }, { type: EuiTableV2SortService }, { type: i3.BaseStatesDirective }, { type: i0.Renderer2 }], propDecorators: { cssClasses: [{
634
634
  type: HostBinding,
635
635
  args: ['class']