@eui/components 19.0.2-snapshot-1734473876749 → 19.0.2-snapshot-1734549707035

package/docs/miscellaneous/variables.html

@@ -247,6 +247,9 @@
                         <li>
                             <a href="#MONTH_YEAR_FORMAT" title="packages/eui/packages/components/eui-datepicker/eui-datepicker.component.ts" ><b>MONTH_YEAR_FORMAT</b>&nbsp;&nbsp;&nbsp;(packages/.../eui-datepicker.component.ts)</a>
                         </li>
+                        <li>
+                            <a href="#multilevel" title="packages/eui/packages/components/eui-tree/testing/multilevel.ts" ><b>multilevel</b>&nbsp;&nbsp;&nbsp;(packages/.../multilevel.ts)</a>
+                        </li>
                         <li>
                             <a href="#onOff" title="packages/eui/packages/components/eui-slide-toggle/animations/on-off.ts" ><b>onOff</b>&nbsp;&nbsp;&nbsp;(packages/.../on-off.ts)</a>
                         </li>
@@ -2183,6 +2186,251 @@
                 </tr>
 
 
+        </tbody>
+    </table>
+</section>
+    <h3>packages/eui/packages/components/eui-tree/testing/multilevel.ts</h3>
+    <section data-compodoc="block-properties">
+    <h3></h3>    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="multilevel"></a>
+                    <span class="name">
+                        <span ><b>multilevel</b></span>
+                        <a href="#multilevel"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>[]</code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>[
+    {
+        node: {
+            treeContentBlock: {
+                id: &#x27;1&#x27;,
+                label: &#x27;DIGIT A&#x27;,
+            },
+            isSelected: true,
+        },
+    },
+    {
+        node: {
+            treeContentBlock: {
+                id: &#x27;2&#x27;,
+                label: &#x27;DIGIT B&#x27;,
+            },
+        },
+        children: [
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;3&#x27;,
+                        label: &#x27;DIGIT B.1&#x27;,
+                    },
+                },
+            },
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;4&#x27;,
+                        label: &#x27;DIGIT B.2&#x27;,
+                    },
+                },
+            },
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;5&#x27;,
+                        label: &#x27;DIGIT B.3&#x27;,
+                    },
+                },
+                children: [
+                    {
+                        node: {
+                            treeContentBlock: {
+                                id: &#x27;6&#x27;,
+                                label: &#x27;DIGIT B.3.1&#x27;,
+                            },
+                            isSelected: true,
+                        },
+                    },
+                    {
+                        node: {
+                            treeContentBlock: {
+                                id: &#x27;7&#x27;,
+                                label: &#x27;DIGIT B.3.2&#x27;,
+                            },
+                            isSelected: true,
+                        },
+                    },
+                ],
+            },
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;8&#x27;,
+                        label: &#x27;DIGIT B.4&#x27;,
+                    },
+                },
+            },
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;9&#x27;,
+                        label: &#x27;DIGIT B.5&#x27;,
+                    },
+                },
+            },
+        ],
+    },
+    {
+        node: {
+            treeContentBlock: {
+                id: &#x27;10&#x27;,
+                label: &#x27;DIGIT C&#x27;,
+            },
+        },
+        children: [
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;11&#x27;,
+                        label: &#x27;DIGIT C.1&#x27;,
+                    },
+                },
+            },
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;12&#x27;,
+                        label: &#x27;DIGIT C.2&#x27;,
+                    },
+                },
+            },
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;13&#x27;,
+                        label: &#x27;DIGIT C.3&#x27;,
+                    },
+                },
+                children: [
+                    {
+                        node: {
+                            treeContentBlock: {
+                                id: &#x27;14&#x27;,
+                                label: &#x27;DIGIT C.3.1&#x27;,
+                            },
+                        },
+                    },
+                    {
+                        node: {
+                            treeContentBlock: {
+                                id: &#x27;15&#x27;,
+                                label: &#x27;DIGIT C.3.2&#x27;,
+                            },
+                        },
+                    },
+                ],
+            },
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;16&#x27;,
+                        label: &#x27;DIGIT C.4&#x27;,
+                    },
+                },
+            },
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;17&#x27;,
+                        label: &#x27;DIGIT C.5&#x27;,
+                    },
+                },
+            },
+        ],
+    },
+    {
+        node: {
+            treeContentBlock: {
+                id: &#x27;18&#x27;,
+                label: &#x27;DIGIT D&#x27;,
+            },
+        },
+        children: [
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;19&#x27;,
+                        label: &#x27;DIGIT D.1&#x27;,
+                    },
+                },
+            },
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;20&#x27;,
+                        label: &#x27;DIGIT D.2&#x27;,
+                    },
+                },
+            },
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;21&#x27;,
+                        label: &#x27;DIGIT D.3&#x27;,
+                    },
+                },
+                children: [
+                    {
+                        node: {
+                            treeContentBlock: {
+                                id: &#x27;22&#x27;,
+                                label: &#x27;DIGIT D.3.1&#x27;,
+                            },
+                        },
+                    },
+                    {
+                        node: {
+                            treeContentBlock: {
+                                id: &#x27;23&#x27;,
+                                label: &#x27;DIGIT D.3.2&#x27;,
+                            },
+                        },
+                    },
+                ],
+            },
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;24&#x27;,
+                        label: &#x27;DIGIT D.4&#x27;,
+                    },
+                },
+            },
+            {
+                node: {
+                    treeContentBlock: {
+                        id: &#x27;25&#x27;,
+                        label: &#x27;DIGIT D.5&#x27;,
+                    },
+                },
+            },
+        ],
+    },
+]</code>
+                    </td>
+                </tr>
+
+
         </tbody>
     </table>
 </section>

package/eui-tabs/eui-tabs.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-tabs.component.d.ts","sourceRoot":"","sources":["../../eui-tabs/eui-tabs.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,YAAY,EAEZ,SAAS,EAET,SAAS,EAIT,SAAS,EACT,aAAa,EAEb,gBAAgB,EAEhB,UAAU,EACV,iBAAiB,EACjB,aAAa,EAIhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,gBAAgB,EAA4C,MAAM,qBAAqB,CAAC;AAE1G,OAAO,EAAiB,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;;AAE9D,qBAOa,gBAAiB,YAAW,SAAS,EAAE,aAAa,EAAE,SAAS;IAsDpE,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,UAAU;IAxDtB,IACI,YAAY,IAAI,MAAM,CAMzB;IACQ,IAAI,EAAE,eAAe,EAAE,CAAM;IAC7B,cAAc,MAAQ;IAEtB,OAAO,SAAc;IACrB,SAAS,EAAE,QAAQ,GAAG,MAAM,CAAY;IAEvC,QAAQ;aAA2B,eAAe;eAAS,MAAM;OAAM;IACvE,SAAS;aAA2B,eAAe;eAAS,MAAM;OAAM;IAEN,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC7C,+BAA+B,EAAE,+BAA+B,CAAC;IACrE,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAChF,YAAY,EAAE,UAAU,CAAC;IAClB,mBAAmB,EAAE,UAAU,CAAC;IAE3D,SAAS,UAAS;IAClB,4BAA4B,UAAQ;IACpC,6BAA6B,UAAS;IACtC,aAAa,SAAK;IAEe,gBAAgB,UAAS;IACzB,iBAAiB,UAAS;IAC1B,SAAS,UAAS;IAClB,cAAc,UAAS;IAE/D,OAAO,CAAC,QAAQ,CAA4C;IAC5D,OAAO,CAAC,kBAAkB,CAAe;IACzC,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,QAAQ,CAAO;IACvB,OAAO,CAAC,YAAY,CAAM;IAC1B;;;;;;;;;;OAUG;IACH,OAAO,CAAC,cAAc,CAAK;gBAGf,EAAE,EAAE,iBAAiB,EACrB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,gBAAgB,EACzB,UAAU,EAAE,UAAU;IAGlC,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAqCnC,eAAe,IAAI,IAAI;IAyDvB,WAAW,IAAI,IAAI;IAOnB,QAAQ,IAAI,IAAI;IAIT,gBAAgB,IAAI,IAAI;IAIxB,QAAQ,IAAI,IAAI;IAShB,SAAS,IAAI,IAAI;IAajB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IA6C9B,OAAO,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAkB9C,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,IAAI;IAW5C;;;;;;;;;;;;;;;;;OAiBG;IACI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAkBjC,OAAO,CAAC,uBAAuB;IAK/B,OAAO,CAAC,WAAW;IA4BnB,OAAO,CAAC,kBAAkB;yCA9UjB,gBAAgB;2CAAhB,gBAAgB;+CAqXwm3B,OAAQ;gDAAR,OAAQ;wCAAR,OAAQ;6CAAR,OAAQ;CAR5o3B;AAGD,qBACa,+BAA+B;IAClB,YAAY,SAAqC;yCAD9D,+BAA+B;2CAA/B,+BAA+B;CAE3C"}
+{"version":3,"file":"eui-tabs.component.d.ts","sourceRoot":"","sources":["../../eui-tabs/eui-tabs.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,YAAY,EAEZ,SAAS,EAET,SAAS,EAIT,SAAS,EACT,aAAa,EAEb,gBAAgB,EAEhB,UAAU,EACV,iBAAiB,EACjB,aAAa,EAIhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,gBAAgB,EAA4C,MAAM,qBAAqB,CAAC;AAE1G,OAAO,EAAiB,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;;AAE9D,qBAOa,gBAAiB,YAAW,SAAS,EAAE,aAAa,EAAE,SAAS;IAsDpE,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,UAAU;IAxDtB,IACI,YAAY,IAAI,MAAM,CAMzB;IACQ,IAAI,EAAE,eAAe,EAAE,CAAM;IAC7B,cAAc,MAAQ;IAEtB,OAAO,SAAc;IACrB,SAAS,EAAE,QAAQ,GAAG,MAAM,CAAY;IAEvC,QAAQ;aAA2B,eAAe;eAAS,MAAM;OAAM;IACvE,SAAS;aAA2B,eAAe;eAAS,MAAM;OAAM;IAEN,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC7C,+BAA+B,EAAE,+BAA+B,CAAC;IACrE,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAChF,YAAY,EAAE,UAAU,CAAC;IAClB,mBAAmB,EAAE,UAAU,CAAC;IAE3D,SAAS,UAAS;IAClB,4BAA4B,UAAQ;IACpC,6BAA6B,UAAS;IACtC,aAAa,SAAK;IAEe,gBAAgB,UAAS;IACzB,iBAAiB,UAAS;IAC1B,SAAS,UAAS;IAClB,cAAc,UAAS;IAE/D,OAAO,CAAC,QAAQ,CAA4C;IAC5D,OAAO,CAAC,kBAAkB,CAAe;IACzC,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,QAAQ,CAAO;IACvB,OAAO,CAAC,YAAY,CAAM;IAC1B;;;;;;;;;;OAUG;IACH,OAAO,CAAC,cAAc,CAAK;gBAGf,EAAE,EAAE,iBAAiB,EACrB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,gBAAgB,EACzB,UAAU,EAAE,UAAU;IAGlC,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAqCnC,eAAe,IAAI,IAAI;IAyDvB,WAAW,IAAI,IAAI;IAOnB,QAAQ,IAAI,IAAI;IAIT,gBAAgB,IAAI,IAAI;IAIxB,QAAQ,IAAI,IAAI;IAShB,SAAS,IAAI,IAAI;IAajB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IA6C9B,OAAO,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAkB9C,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,IAAI;IAW5C;;;;;;;;;;;;;;;;;OAiBG;IACI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAkBjC,OAAO,CAAC,uBAAuB;IAK/B,OAAO,CAAC,WAAW;IA4BnB,OAAO,CAAC,kBAAkB;yCA9UjB,gBAAgB;2CAAhB,gBAAgB;+CAqXol3B,OAAQ;gDAAR,OAAQ;wCAAR,OAAQ;6CAAR,OAAQ;CARxn3B;AAGD,qBACa,+BAA+B;IAClB,YAAY,SAAqC;yCAD9D,+BAA+B;2CAA/B,+BAA+B;CAE3C"}

package/fesm2022/eui-components-eui-alert.mjs

@@ -71,7 +71,7 @@ class EuiAlertComponent {
         this.closeAlert.emit(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiAlertComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiAlertComponent, isStandalone: false, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isBordered: ["isBordered", "isBordered", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i0.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (alertTitle) {\n    <div class=\"eui-alert-container\">\n        <div class=\"eui-alert-title-wrapper\">\n            @if (!isMuted) {\n                <ng-content *ngTemplateOutlet=\"icon\"/>\n            }\n            <ng-content select=\"eui-alert-title\"/>\n        </div>\n        <ng-content *ngTemplateOutlet=\"body\"/>\n    </div>\n\n} @else {\n    @if (!isMuted) {\n        <ng-content *ngTemplateOutlet=\"icon\"/>\n    }\n    <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n    <div class=\"eui-alert-content\">\n        <ng-content/>\n    </div>\n</ng-template>\n\n@if (isCloseable) {\n    <eui-icon-button class=\"eui-alert-close\"\n        icon=\"close:outline\"\n        euiRounded\n        (buttonClick)=\"onCloseClick()\"\n        fillColor=\"neutral-light\"\n        ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--eui-alert-color-default-bg: var(--eui-c-info-bg);--eui-alert-color-default-text: var(--eui-c-text);--eui-alert-color-default-title-text: var(--eui-c-info-dark);--eui-alert-color-default-border: var(--eui-c-info-dark);--eui-alert-color-default-close-text: var(--eui-c-text);--eui-alert-color-default-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-info-bg: var(--eui-c-info-bg);--eui-alert-color-info-text: var(--eui-c-text);--eui-alert-color-info-title-text: var(--eui-c-info-dark);--eui-alert-color-info-border: var(--eui-c-info-dark);--eui-alert-color-info-close-text: var(--eui-c-text);--eui-alert-color-info-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-success-bg: var(--eui-c-success-bg);--eui-alert-color-success-text: var(--eui-c-text);--eui-alert-color-success-title-text: var(--eui-c-success-darker);--eui-alert-color-success-border: var(--eui-c-success-darker);--eui-alert-color-success-close-text: var(--eui-c-text);--eui-alert-color-success-close-hover-bg: var(--eui-c-success-lightest);--eui-alert-color-warning-bg: var(--eui-c-warning-bg);--eui-alert-color-warning-text: var(--eui-c-text);--eui-alert-color-warning-title-text: var(--eui-c-warning-darker);--eui-alert-color-warning-border: var(--eui-c-warning-darker);--eui-alert-color-warning-close-text: var(--eui-c-text);--eui-alert-color-warning-close-hover-bg: var(--eui-c-warning-lightest);--eui-alert-color-danger-bg: var(--eui-c-danger-bg);--eui-alert-color-danger-text: var(--eui-c-text);--eui-alert-color-danger-title-text: var(--eui-c-danger-dark);--eui-alert-color-danger-border: var(--eui-c-danger-dark);--eui-alert-color-danger-close-text: var(--eui-c-text);--eui-alert-color-danger-close-hover-bg: var(--eui-c-danger-lightest);--eui-alert-color-bordered-bg: var(--eui-c-neutral-bg-lighter);--eui-alert-color-bordered-close-hover-bg: var(--eui-c-neutral-bg)}.eui-19 :host.eui-alert{--_color: var(--eui-alert-color-default-text);--_title-color: var( --eui-alert-color-default-title-text);--_bg-color: var( --eui-alert-color-default-bg);--_close-hover-color: var(--eui-alert-color-default-close-hover-bg)}.eui-19 :host.eui-alert--info{--_color: var(--eui-alert-color-info-text);--_title-color: var( --eui-alert-color-info-title-text);--_bg-color: var( --eui-alert-color-info-bg);--_close-hover-color: var(--eui-alert-color-info-close-hover-bg)}.eui-19 :host.eui-alert--success{--_color: var(--eui-alert-color-success-text);--_title-color: var( --eui-alert-color-success-title-text);--_bg-color: var( --eui-alert-color-success-bg);--_close-hover-color: var(--eui-alert-color-success-close-hover-bg)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-alert-color-danger-text);--_title-color: var( --eui-alert-color-danger-title-text);--_bg-color: var( --eui-alert-color-danger-bg);--_close-hover-color: var(--eui-alert-color-danger-close-hover-bg)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-alert-color-warning-text);--_title-color: var( --eui-alert-color-warning-title-text);--_bg-color: var( --eui-alert-color-warning-bg);--_close-hover-color: var(--eui-alert-color-warning-close-hover-bg)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-alert-color-default-border);--_bg-color: var(--eui-alert-color-bordered-bg);--_close-hover-color: var(--eui-alert-color-bordered-close-hover-bg)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-alert-color-info-border)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-alert-color-success-border)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-alert-color-danger-border)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-alert-color-warning-border)}.eui-19 :host.eui-alert{display:flex;padding:var(--eui-s-m);background-color:var(--_bg-color);position:relative;border-radius:var(--eui-br-s);color:var(--_color)}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert ::ng-deep .eui-alert-title{color:var(--_title-color);font:var(--eui-f-m-bold-compact)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-close ::ng-deep .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiAlertComponent, isStandalone: false, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isBordered: ["isBordered", "isBordered", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i0.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (alertTitle) {\n    <div class=\"eui-alert-container\">\n        <div class=\"eui-alert-title-wrapper\">\n            @if (!isMuted) {\n                <ng-content *ngTemplateOutlet=\"icon\"/>\n            }\n            <ng-content select=\"eui-alert-title\"/>\n        </div>\n        <ng-content *ngTemplateOutlet=\"body\"/>\n    </div>\n\n} @else {\n    @if (!isMuted) {\n        <ng-content *ngTemplateOutlet=\"icon\"/>\n    }\n    <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n    <div class=\"eui-alert-content\">\n        <ng-content/>\n    </div>\n</ng-template>\n\n@if (isCloseable) {\n    <eui-icon-button class=\"eui-alert-close\"\n        icon=\"close:outline\"\n        euiRounded\n        (buttonClick)=\"onCloseClick()\"\n        fillColor=\"neutral-light\"\n        ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--eui-alert-color-default-bg: var(--eui-c-info-bg);--eui-alert-color-default-text: var(--eui-c-text);--eui-alert-color-default-title-text: var(--eui-c-info-dark);--eui-alert-color-default-border: var(--eui-c-info-dark);--eui-alert-color-default-close-text: var(--eui-c-text);--eui-alert-color-default-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-info-bg: var(--eui-c-info-bg);--eui-alert-color-info-text: var(--eui-c-text);--eui-alert-color-info-title-text: var(--eui-c-info-dark);--eui-alert-color-info-border: var(--eui-c-info-dark);--eui-alert-color-info-close-text: var(--eui-c-text);--eui-alert-color-info-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-success-bg: var(--eui-c-success-bg);--eui-alert-color-success-text: var(--eui-c-text);--eui-alert-color-success-title-text: var(--eui-c-success-darker);--eui-alert-color-success-border: var(--eui-c-success-darker);--eui-alert-color-success-close-text: var(--eui-c-text);--eui-alert-color-success-close-hover-bg: var(--eui-c-success-lightest);--eui-alert-color-warning-bg: var(--eui-c-warning-bg);--eui-alert-color-warning-text: var(--eui-c-text);--eui-alert-color-warning-title-text: var(--eui-c-warning-darker);--eui-alert-color-warning-border: var(--eui-c-warning-darker);--eui-alert-color-warning-close-text: var(--eui-c-text);--eui-alert-color-warning-close-hover-bg: var(--eui-c-warning-lightest);--eui-alert-color-danger-bg: var(--eui-c-danger-bg);--eui-alert-color-danger-text: var(--eui-c-text);--eui-alert-color-danger-title-text: var(--eui-c-danger-dark);--eui-alert-color-danger-border: var(--eui-c-danger-dark);--eui-alert-color-danger-close-text: var(--eui-c-text);--eui-alert-color-danger-close-hover-bg: var(--eui-c-danger-lightest);--eui-alert-color-bordered-bg: var(--eui-c-neutral-bg-lighter);--eui-alert-color-bordered-close-hover-bg: var(--eui-c-neutral-bg)}.eui-19 :host.eui-alert{--_color: var(--eui-alert-color-default-text);--_title-color: var( --eui-alert-color-default-title-text);--_bg-color: var( --eui-alert-color-default-bg);--_close-hover-color: var(--eui-alert-color-default-close-hover-bg)}.eui-19 :host.eui-alert--info{--_color: var(--eui-alert-color-info-text);--_title-color: var( --eui-alert-color-info-title-text);--_bg-color: var( --eui-alert-color-info-bg);--_close-hover-color: var(--eui-alert-color-info-close-hover-bg)}.eui-19 :host.eui-alert--success{--_color: var(--eui-alert-color-success-text);--_title-color: var( --eui-alert-color-success-title-text);--_bg-color: var( --eui-alert-color-success-bg);--_close-hover-color: var(--eui-alert-color-success-close-hover-bg)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-alert-color-danger-text);--_title-color: var( --eui-alert-color-danger-title-text);--_bg-color: var( --eui-alert-color-danger-bg);--_close-hover-color: var(--eui-alert-color-danger-close-hover-bg)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-alert-color-warning-text);--_title-color: var( --eui-alert-color-warning-title-text);--_bg-color: var( --eui-alert-color-warning-bg);--_close-hover-color: var(--eui-alert-color-warning-close-hover-bg)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-alert-color-default-border);--_bg-color: var(--eui-alert-color-bordered-bg);--_close-hover-color: var(--eui-alert-color-bordered-close-hover-bg)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-alert-color-info-border)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-alert-color-success-border)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-alert-color-danger-border)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-alert-color-warning-border)}.eui-19 :host.eui-alert{display:flex;padding:var(--eui-s-m);background-color:var(--_bg-color);position:relative;border-radius:var(--eui-br-s);color:var(--_color)}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert ::ng-deep .eui-alert-title{color:var(--_title-color);font:var(--eui-f-m-compact-bold)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-close ::ng-deep .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiAlertComponent, decorators: [{
             type: Component,
@@ -87,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                                 'euiVariant',
                             ],
                         },
-                    ], template: "@if (alertTitle) {\n    <div class=\"eui-alert-container\">\n        <div class=\"eui-alert-title-wrapper\">\n            @if (!isMuted) {\n                <ng-content *ngTemplateOutlet=\"icon\"/>\n            }\n            <ng-content select=\"eui-alert-title\"/>\n        </div>\n        <ng-content *ngTemplateOutlet=\"body\"/>\n    </div>\n\n} @else {\n    @if (!isMuted) {\n        <ng-content *ngTemplateOutlet=\"icon\"/>\n    }\n    <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n    <div class=\"eui-alert-content\">\n        <ng-content/>\n    </div>\n</ng-template>\n\n@if (isCloseable) {\n    <eui-icon-button class=\"eui-alert-close\"\n        icon=\"close:outline\"\n        euiRounded\n        (buttonClick)=\"onCloseClick()\"\n        fillColor=\"neutral-light\"\n        ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--eui-alert-color-default-bg: var(--eui-c-info-bg);--eui-alert-color-default-text: var(--eui-c-text);--eui-alert-color-default-title-text: var(--eui-c-info-dark);--eui-alert-color-default-border: var(--eui-c-info-dark);--eui-alert-color-default-close-text: var(--eui-c-text);--eui-alert-color-default-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-info-bg: var(--eui-c-info-bg);--eui-alert-color-info-text: var(--eui-c-text);--eui-alert-color-info-title-text: var(--eui-c-info-dark);--eui-alert-color-info-border: var(--eui-c-info-dark);--eui-alert-color-info-close-text: var(--eui-c-text);--eui-alert-color-info-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-success-bg: var(--eui-c-success-bg);--eui-alert-color-success-text: var(--eui-c-text);--eui-alert-color-success-title-text: var(--eui-c-success-darker);--eui-alert-color-success-border: var(--eui-c-success-darker);--eui-alert-color-success-close-text: var(--eui-c-text);--eui-alert-color-success-close-hover-bg: var(--eui-c-success-lightest);--eui-alert-color-warning-bg: var(--eui-c-warning-bg);--eui-alert-color-warning-text: var(--eui-c-text);--eui-alert-color-warning-title-text: var(--eui-c-warning-darker);--eui-alert-color-warning-border: var(--eui-c-warning-darker);--eui-alert-color-warning-close-text: var(--eui-c-text);--eui-alert-color-warning-close-hover-bg: var(--eui-c-warning-lightest);--eui-alert-color-danger-bg: var(--eui-c-danger-bg);--eui-alert-color-danger-text: var(--eui-c-text);--eui-alert-color-danger-title-text: var(--eui-c-danger-dark);--eui-alert-color-danger-border: var(--eui-c-danger-dark);--eui-alert-color-danger-close-text: var(--eui-c-text);--eui-alert-color-danger-close-hover-bg: var(--eui-c-danger-lightest);--eui-alert-color-bordered-bg: var(--eui-c-neutral-bg-lighter);--eui-alert-color-bordered-close-hover-bg: var(--eui-c-neutral-bg)}.eui-19 :host.eui-alert{--_color: var(--eui-alert-color-default-text);--_title-color: var( --eui-alert-color-default-title-text);--_bg-color: var( --eui-alert-color-default-bg);--_close-hover-color: var(--eui-alert-color-default-close-hover-bg)}.eui-19 :host.eui-alert--info{--_color: var(--eui-alert-color-info-text);--_title-color: var( --eui-alert-color-info-title-text);--_bg-color: var( --eui-alert-color-info-bg);--_close-hover-color: var(--eui-alert-color-info-close-hover-bg)}.eui-19 :host.eui-alert--success{--_color: var(--eui-alert-color-success-text);--_title-color: var( --eui-alert-color-success-title-text);--_bg-color: var( --eui-alert-color-success-bg);--_close-hover-color: var(--eui-alert-color-success-close-hover-bg)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-alert-color-danger-text);--_title-color: var( --eui-alert-color-danger-title-text);--_bg-color: var( --eui-alert-color-danger-bg);--_close-hover-color: var(--eui-alert-color-danger-close-hover-bg)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-alert-color-warning-text);--_title-color: var( --eui-alert-color-warning-title-text);--_bg-color: var( --eui-alert-color-warning-bg);--_close-hover-color: var(--eui-alert-color-warning-close-hover-bg)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-alert-color-default-border);--_bg-color: var(--eui-alert-color-bordered-bg);--_close-hover-color: var(--eui-alert-color-bordered-close-hover-bg)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-alert-color-info-border)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-alert-color-success-border)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-alert-color-danger-border)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-alert-color-warning-border)}.eui-19 :host.eui-alert{display:flex;padding:var(--eui-s-m);background-color:var(--_bg-color);position:relative;border-radius:var(--eui-br-s);color:var(--_color)}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert ::ng-deep .eui-alert-title{color:var(--_title-color);font:var(--eui-f-m-bold-compact)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-close ::ng-deep .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"] }]
+                    ], template: "@if (alertTitle) {\n    <div class=\"eui-alert-container\">\n        <div class=\"eui-alert-title-wrapper\">\n            @if (!isMuted) {\n                <ng-content *ngTemplateOutlet=\"icon\"/>\n            }\n            <ng-content select=\"eui-alert-title\"/>\n        </div>\n        <ng-content *ngTemplateOutlet=\"body\"/>\n    </div>\n\n} @else {\n    @if (!isMuted) {\n        <ng-content *ngTemplateOutlet=\"icon\"/>\n    }\n    <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n    <div class=\"eui-alert-content\">\n        <ng-content/>\n    </div>\n</ng-template>\n\n@if (isCloseable) {\n    <eui-icon-button class=\"eui-alert-close\"\n        icon=\"close:outline\"\n        euiRounded\n        (buttonClick)=\"onCloseClick()\"\n        fillColor=\"neutral-light\"\n        ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--eui-alert-color-default-bg: var(--eui-c-info-bg);--eui-alert-color-default-text: var(--eui-c-text);--eui-alert-color-default-title-text: var(--eui-c-info-dark);--eui-alert-color-default-border: var(--eui-c-info-dark);--eui-alert-color-default-close-text: var(--eui-c-text);--eui-alert-color-default-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-info-bg: var(--eui-c-info-bg);--eui-alert-color-info-text: var(--eui-c-text);--eui-alert-color-info-title-text: var(--eui-c-info-dark);--eui-alert-color-info-border: var(--eui-c-info-dark);--eui-alert-color-info-close-text: var(--eui-c-text);--eui-alert-color-info-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-success-bg: var(--eui-c-success-bg);--eui-alert-color-success-text: var(--eui-c-text);--eui-alert-color-success-title-text: var(--eui-c-success-darker);--eui-alert-color-success-border: var(--eui-c-success-darker);--eui-alert-color-success-close-text: var(--eui-c-text);--eui-alert-color-success-close-hover-bg: var(--eui-c-success-lightest);--eui-alert-color-warning-bg: var(--eui-c-warning-bg);--eui-alert-color-warning-text: var(--eui-c-text);--eui-alert-color-warning-title-text: var(--eui-c-warning-darker);--eui-alert-color-warning-border: var(--eui-c-warning-darker);--eui-alert-color-warning-close-text: var(--eui-c-text);--eui-alert-color-warning-close-hover-bg: var(--eui-c-warning-lightest);--eui-alert-color-danger-bg: var(--eui-c-danger-bg);--eui-alert-color-danger-text: var(--eui-c-text);--eui-alert-color-danger-title-text: var(--eui-c-danger-dark);--eui-alert-color-danger-border: var(--eui-c-danger-dark);--eui-alert-color-danger-close-text: var(--eui-c-text);--eui-alert-color-danger-close-hover-bg: var(--eui-c-danger-lightest);--eui-alert-color-bordered-bg: var(--eui-c-neutral-bg-lighter);--eui-alert-color-bordered-close-hover-bg: var(--eui-c-neutral-bg)}.eui-19 :host.eui-alert{--_color: var(--eui-alert-color-default-text);--_title-color: var( --eui-alert-color-default-title-text);--_bg-color: var( --eui-alert-color-default-bg);--_close-hover-color: var(--eui-alert-color-default-close-hover-bg)}.eui-19 :host.eui-alert--info{--_color: var(--eui-alert-color-info-text);--_title-color: var( --eui-alert-color-info-title-text);--_bg-color: var( --eui-alert-color-info-bg);--_close-hover-color: var(--eui-alert-color-info-close-hover-bg)}.eui-19 :host.eui-alert--success{--_color: var(--eui-alert-color-success-text);--_title-color: var( --eui-alert-color-success-title-text);--_bg-color: var( --eui-alert-color-success-bg);--_close-hover-color: var(--eui-alert-color-success-close-hover-bg)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-alert-color-danger-text);--_title-color: var( --eui-alert-color-danger-title-text);--_bg-color: var( --eui-alert-color-danger-bg);--_close-hover-color: var(--eui-alert-color-danger-close-hover-bg)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-alert-color-warning-text);--_title-color: var( --eui-alert-color-warning-title-text);--_bg-color: var( --eui-alert-color-warning-bg);--_close-hover-color: var(--eui-alert-color-warning-close-hover-bg)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-alert-color-default-border);--_bg-color: var(--eui-alert-color-bordered-bg);--_close-hover-color: var(--eui-alert-color-bordered-close-hover-bg)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-alert-color-info-border)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-alert-color-success-border)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-alert-color-danger-border)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-alert-color-warning-border)}.eui-19 :host.eui-alert{display:flex;padding:var(--eui-s-m);background-color:var(--_bg-color);position:relative;border-radius:var(--eui-br-s);color:var(--_color)}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert ::ng-deep .eui-alert-title{color:var(--_title-color);font:var(--eui-f-m-compact-bold)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-close ::ng-deep .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/fesm2022/eui-components-eui-badge.mjs

@@ -48,7 +48,7 @@ class EuiBadgeComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiBadgeComponent, deps: [{ token: i1.BaseStatesDirective }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiBadgeComponent, isStandalone: false, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], maxCharCount: "maxCharCount", charReplacement: "charReplacement", euiIconBadge: ["euiIconBadge", "euiIconBadge", booleanAttribute], euiDottedBadge: ["euiDottedBadge", "euiDottedBadge", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentRef"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_color: var(--eui-badge-color, var(--eui-c-neutral));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-neutral-bg));--_color-on-bg: var(--eui-badge-color, var(--eui-c-neutral-bg-contrast));--_border-color: var(--eui-badge-border-color, var(--eui-c-neutral-lighter))}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_bg-color: var(--eui-c-neutral-bg);--_color-on-bg: var(--eui-c-neutral-bg-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-light)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-success-dark);--_color-on-bg: var(--eui-c-success-dark-contrast);--_color: var(--eui-c-success-dark);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning-dark);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-danger-dark);--_color-on-bg: var(--eui-c-danger-dark-contrast);--_color: var(--eui-c-danger-dark);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-accent-dark);--_color-on-bg: var(--eui-c-accent-dark-contrast);--_color: var(--eui-c-accent-darker);--_border-color: transparent}.eui-19 :host.eui-badge{display:inline-flex;border:1px solid var(--_border-color);border-radius:var(--eui-br-max)}.eui-19 :host.eui-badge .eui-badge-wrapper{display:inline-flex;align-items:center;height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:0 var(--eui-s-2xs);justify-content:center;font:var(--eui-f-s-bold-compact);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-badge--empty{width:var(--eui-s-s);height:var(--eui-s-s)}.eui-19 :host.eui-badge--icon-only .eui-badge-wrapper{padding:0}.eui-19 :host.eui-badge{background-color:var(--_bg-color)}.eui-19 :host.eui-badge .eui-badge-wrapper{color:var(--_color-on-bg)}.eui-19 :host.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color);border-color:var(--_color)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}.eui-19 :host.eui-badge--size-s .eui-badge-wrapper{height:var(--eui-s-m);min-width:var(--eui-s-m);font:var(--eui-f-xs-bold-compact)}.eui-19 :host.eui-badge--size-m .eui-badge-wrapper{height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));font:var(--eui-f-s-bold-compact)}\n"], dependencies: [{ kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiBadgeComponent, isStandalone: false, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], maxCharCount: "maxCharCount", charReplacement: "charReplacement", euiIconBadge: ["euiIconBadge", "euiIconBadge", booleanAttribute], euiDottedBadge: ["euiDottedBadge", "euiDottedBadge", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentRef"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_color: var(--eui-badge-color, var(--eui-c-neutral));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-neutral-bg));--_color-on-bg: var(--eui-badge-color, var(--eui-c-neutral-bg-contrast));--_border-color: var(--eui-badge-border-color, var(--eui-c-neutral-lighter))}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_bg-color: var(--eui-c-neutral-bg);--_color-on-bg: var(--eui-c-neutral-bg-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-light)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-success-dark);--_color-on-bg: var(--eui-c-success-dark-contrast);--_color: var(--eui-c-success-dark);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning-dark);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-danger-dark);--_color-on-bg: var(--eui-c-danger-dark-contrast);--_color: var(--eui-c-danger-dark);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-accent-dark);--_color-on-bg: var(--eui-c-accent-dark-contrast);--_color: var(--eui-c-accent-darker);--_border-color: transparent}.eui-19 :host.eui-badge{display:inline-flex;border:1px solid var(--_border-color);border-radius:var(--eui-br-max)}.eui-19 :host.eui-badge .eui-badge-wrapper{display:inline-flex;align-items:center;height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:0 var(--eui-s-2xs);justify-content:center;font:var(--eui-f-s-compact-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-badge--empty{width:var(--eui-s-s);height:var(--eui-s-s)}.eui-19 :host.eui-badge--icon-only .eui-badge-wrapper{padding:0}.eui-19 :host.eui-badge{background-color:var(--_bg-color)}.eui-19 :host.eui-badge .eui-badge-wrapper{color:var(--_color-on-bg)}.eui-19 :host.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color);border-color:var(--_color)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}.eui-19 :host.eui-badge--size-s .eui-badge-wrapper{height:var(--eui-s-m);min-width:var(--eui-s-m);font:var(--eui-f-xs-compact-bold)}.eui-19 :host.eui-badge--size-m .eui-badge-wrapper{height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));font:var(--eui-f-s-compact-bold)}\n"], dependencies: [{ kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiBadgeComponent, decorators: [{
             type: Component,
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                                 'euiOutline',
                             ],
                         },
-                    ], template: "@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_color: var(--eui-badge-color, var(--eui-c-neutral));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-neutral-bg));--_color-on-bg: var(--eui-badge-color, var(--eui-c-neutral-bg-contrast));--_border-color: var(--eui-badge-border-color, var(--eui-c-neutral-lighter))}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_bg-color: var(--eui-c-neutral-bg);--_color-on-bg: var(--eui-c-neutral-bg-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-light)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-success-dark);--_color-on-bg: var(--eui-c-success-dark-contrast);--_color: var(--eui-c-success-dark);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning-dark);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-danger-dark);--_color-on-bg: var(--eui-c-danger-dark-contrast);--_color: var(--eui-c-danger-dark);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-accent-dark);--_color-on-bg: var(--eui-c-accent-dark-contrast);--_color: var(--eui-c-accent-darker);--_border-color: transparent}.eui-19 :host.eui-badge{display:inline-flex;border:1px solid var(--_border-color);border-radius:var(--eui-br-max)}.eui-19 :host.eui-badge .eui-badge-wrapper{display:inline-flex;align-items:center;height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:0 var(--eui-s-2xs);justify-content:center;font:var(--eui-f-s-bold-compact);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-badge--empty{width:var(--eui-s-s);height:var(--eui-s-s)}.eui-19 :host.eui-badge--icon-only .eui-badge-wrapper{padding:0}.eui-19 :host.eui-badge{background-color:var(--_bg-color)}.eui-19 :host.eui-badge .eui-badge-wrapper{color:var(--_color-on-bg)}.eui-19 :host.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color);border-color:var(--_color)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}.eui-19 :host.eui-badge--size-s .eui-badge-wrapper{height:var(--eui-s-m);min-width:var(--eui-s-m);font:var(--eui-f-xs-bold-compact)}.eui-19 :host.eui-badge--size-m .eui-badge-wrapper{height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));font:var(--eui-f-s-bold-compact)}\n"] }]
+                    ], template: "@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_color: var(--eui-badge-color, var(--eui-c-neutral));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-neutral-bg));--_color-on-bg: var(--eui-badge-color, var(--eui-c-neutral-bg-contrast));--_border-color: var(--eui-badge-border-color, var(--eui-c-neutral-lighter))}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_bg-color: var(--eui-c-neutral-bg);--_color-on-bg: var(--eui-c-neutral-bg-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-light)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-success-dark);--_color-on-bg: var(--eui-c-success-dark-contrast);--_color: var(--eui-c-success-dark);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning-dark);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-danger-dark);--_color-on-bg: var(--eui-c-danger-dark-contrast);--_color: var(--eui-c-danger-dark);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-accent-dark);--_color-on-bg: var(--eui-c-accent-dark-contrast);--_color: var(--eui-c-accent-darker);--_border-color: transparent}.eui-19 :host.eui-badge{display:inline-flex;border:1px solid var(--_border-color);border-radius:var(--eui-br-max)}.eui-19 :host.eui-badge .eui-badge-wrapper{display:inline-flex;align-items:center;height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:0 var(--eui-s-2xs);justify-content:center;font:var(--eui-f-s-compact-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-badge--empty{width:var(--eui-s-s);height:var(--eui-s-s)}.eui-19 :host.eui-badge--icon-only .eui-badge-wrapper{padding:0}.eui-19 :host.eui-badge{background-color:var(--_bg-color)}.eui-19 :host.eui-badge .eui-badge-wrapper{color:var(--_color-on-bg)}.eui-19 :host.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color);border-color:var(--_color)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}.eui-19 :host.eui-badge--size-s .eui-badge-wrapper{height:var(--eui-s-m);min-width:var(--eui-s-m);font:var(--eui-f-xs-compact-bold)}.eui-19 :host.eui-badge--size-m .eui-badge-wrapper{height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));font:var(--eui-f-s-compact-bold)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i0.ChangeDetectorRef }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/fesm2022/eui-components-eui-date-range-selector.mjs

@@ -85,11 +85,11 @@ class EuiTimeRangepickerComponent {
         this.destroy$.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiTimeRangepickerComponent, deps: [{ token: i1.TranslateService }, { token: DYNAMIC_COMPONENT_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: EuiTimeRangepickerComponent, isStandalone: false, selector: "eui-time-range-picker", host: { properties: { "class": "this.class", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0, template: "<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ startDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"startTimeFormControl\"></eui-timepicker>\n</div>\n\n<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ endDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"endTimeFormControl\"></eui-timepicker>\n</div>\n", styles: [".eui-19 .eui-date-range-selector{display:inline-flex;min-height:calc(var(--eui-s-3xl) + 2px)}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;min-height:var(--eui-s-3xl)}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .mat-date-range-input-mirror{display:none}.eui-19 .eui-date-range-selector--container-height-large{height:auto}.eui-19 .eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-date-range-selector--responsive{display:flex;width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-container{width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-wrapper{width:100%!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--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-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-19 .eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-19 .eui-date-range-selector__toggler{border-bottom-left-radius:0!important;border-top-left-radius:0!important;border-left:none!important;box-shadow:none!important}.eui-19 .eui-date-range-selector__toggler-label{width:auto}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .eui-input-text{padding-left:var(--eui-s-s)!important}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest)}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled input{border:none!important}.eui-19 .eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)}.eui-19 .eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-c-neutral);display:flex!important;padding:var(--eui-s-s);text-align:left;width:100%}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-height-large{height:auto}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-timerange{display:flex;justify-content:center;border-top:1px solid rgba(0,0,0,.12);padding:var(--eui-s-m) var(--eui-s-m) 0 var(--eui-s-m);gap:var(--eui-s-l)}.eui-19 .eui-timerange .eui-timepicker__input-container{width:unset}.eui-19 .eui-timerange .eui-timepicker__input{padding:calc(var(--eui-s-2xs) - 1px) 0!important;width:var(--eui-s-3xl)!important}.eui-19 .eui-timerange__time-container{display:flex;flex-direction:column;text-align:center}.eui-19 .eui-timerange__time-container .eui-timepicker__spacer{margin:auto}.eui-19 .eui-timerange__time-container-label{font:var(--eui-f-s-bold)}\n"], dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.EuiTimepickerComponent, selector: "eui-timepicker", inputs: ["e2eAttr", "inputId", "timeMask", "placeholder", "stepHours", "stepMinutes", "stepSeconds", "iconSize", "isreadOnly", "isOneInputField", "hasSeconds"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: EuiTimeRangepickerComponent, isStandalone: false, selector: "eui-time-range-picker", host: { properties: { "class": "this.class", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0, template: "<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ startDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"startTimeFormControl\"></eui-timepicker>\n</div>\n\n<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ endDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"endTimeFormControl\"></eui-timepicker>\n</div>\n", styles: [".eui-19 .eui-date-range-selector{display:inline-flex;min-height:calc(var(--eui-s-3xl) + 2px)}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;min-height:var(--eui-s-3xl)}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .mat-date-range-input-mirror{display:none}.eui-19 .eui-date-range-selector--container-height-large{height:auto}.eui-19 .eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-date-range-selector--responsive{display:flex;width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-container{width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-wrapper{width:100%!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-inner{position:relative}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--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-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-19 .eui-date-range-selector--clearable:not(.eui-date-range-selector--responsive):not(.eui-date-range-selector--long-date-format) .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))}.eui-19 .eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-19 .eui-date-range-selector__toggler{border-bottom-left-radius:0!important;border-top-left-radius:0!important;border-left:none!important;box-shadow:none!important}.eui-19 .eui-date-range-selector__toggler-label{width:auto}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .eui-input-text{padding-left:var(--eui-s-s)!important}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest)}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled input{border:none!important}.eui-19 .eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)}.eui-19 .eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-c-neutral);display:flex!important;padding:var(--eui-s-s);text-align:left;width:100%}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-height-large{height:auto}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-timerange{display:flex;justify-content:center;border-top:1px solid rgba(0,0,0,.12);padding:var(--eui-s-m) var(--eui-s-m) 0 var(--eui-s-m);gap:var(--eui-s-l)}.eui-19 .eui-timerange .eui-timepicker__input-container{width:unset}.eui-19 .eui-timerange .eui-timepicker__input{padding:calc(var(--eui-s-2xs) - 1px) 0!important;width:var(--eui-s-3xl)!important}.eui-19 .eui-timerange__time-container{display:flex;flex-direction:column;text-align:center}.eui-19 .eui-timerange__time-container .eui-timepicker__spacer{margin:auto}.eui-19 .eui-timerange__time-container-label{font:var(--eui-f-s-bold)}\n"], dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.EuiTimepickerComponent, selector: "eui-timepicker", inputs: ["e2eAttr", "inputId", "timeMask", "placeholder", "stepHours", "stepMinutes", "stepSeconds", "iconSize", "isreadOnly", "isOneInputField", "hasSeconds"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiTimeRangepickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-time-range-picker', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ startDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"startTimeFormControl\"></eui-timepicker>\n</div>\n\n<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ endDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"endTimeFormControl\"></eui-timepicker>\n</div>\n", styles: [".eui-19 .eui-date-range-selector{display:inline-flex;min-height:calc(var(--eui-s-3xl) + 2px)}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;min-height:var(--eui-s-3xl)}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .mat-date-range-input-mirror{display:none}.eui-19 .eui-date-range-selector--container-height-large{height:auto}.eui-19 .eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-date-range-selector--responsive{display:flex;width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-container{width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-wrapper{width:100%!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--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-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-19 .eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-19 .eui-date-range-selector__toggler{border-bottom-left-radius:0!important;border-top-left-radius:0!important;border-left:none!important;box-shadow:none!important}.eui-19 .eui-date-range-selector__toggler-label{width:auto}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .eui-input-text{padding-left:var(--eui-s-s)!important}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest)}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled input{border:none!important}.eui-19 .eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)}.eui-19 .eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-c-neutral);display:flex!important;padding:var(--eui-s-s);text-align:left;width:100%}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-height-large{height:auto}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-timerange{display:flex;justify-content:center;border-top:1px solid rgba(0,0,0,.12);padding:var(--eui-s-m) var(--eui-s-m) 0 var(--eui-s-m);gap:var(--eui-s-l)}.eui-19 .eui-timerange .eui-timepicker__input-container{width:unset}.eui-19 .eui-timerange .eui-timepicker__input{padding:calc(var(--eui-s-2xs) - 1px) 0!important;width:var(--eui-s-3xl)!important}.eui-19 .eui-timerange__time-container{display:flex;flex-direction:column;text-align:center}.eui-19 .eui-timerange__time-container .eui-timepicker__spacer{margin:auto}.eui-19 .eui-timerange__time-container-label{font:var(--eui-f-s-bold)}\n"] }]
+            args: [{ selector: 'eui-time-range-picker', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ startDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"startTimeFormControl\"></eui-timepicker>\n</div>\n\n<div class=\"eui-timerange__time-container\">\n    <span class=\"eui-timerange__time-container-label\">{{ endDateLabel }}</span>\n    <eui-timepicker iconSize=\"m\" [hasSeconds]=\"hasSeconds\" [formControl]=\"endTimeFormControl\"></eui-timepicker>\n</div>\n", styles: [".eui-19 .eui-date-range-selector{display:inline-flex;min-height:calc(var(--eui-s-3xl) + 2px)}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;min-height:var(--eui-s-3xl)}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .mat-date-range-input-mirror{display:none}.eui-19 .eui-date-range-selector--container-height-large{height:auto}.eui-19 .eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-date-range-selector--responsive{display:flex;width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-container{width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-wrapper{width:100%!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-inner{position:relative}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--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-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-19 .eui-date-range-selector--clearable:not(.eui-date-range-selector--responsive):not(.eui-date-range-selector--long-date-format) .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))}.eui-19 .eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-19 .eui-date-range-selector__toggler{border-bottom-left-radius:0!important;border-top-left-radius:0!important;border-left:none!important;box-shadow:none!important}.eui-19 .eui-date-range-selector__toggler-label{width:auto}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .eui-input-text{padding-left:var(--eui-s-s)!important}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest)}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled input{border:none!important}.eui-19 .eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)}.eui-19 .eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-c-neutral);display:flex!important;padding:var(--eui-s-s);text-align:left;width:100%}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-height-large{height:auto}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-timerange{display:flex;justify-content:center;border-top:1px solid rgba(0,0,0,.12);padding:var(--eui-s-m) var(--eui-s-m) 0 var(--eui-s-m);gap:var(--eui-s-l)}.eui-19 .eui-timerange .eui-timepicker__input-container{width:unset}.eui-19 .eui-timerange .eui-timepicker__input{padding:calc(var(--eui-s-2xs) - 1px) 0!important;width:var(--eui-s-3xl)!important}.eui-19 .eui-timerange__time-container{display:flex;flex-direction:column;text-align:center}.eui-19 .eui-timerange__time-container .eui-timepicker__spacer{margin:auto}.eui-19 .eui-timerange__time-container-label{font:var(--eui-f-s-bold)}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -383,11 +383,11 @@ class EuiDateRangeSelectorComponent {
         this.hasAriaRequiredAttribute = control?.control?.hasValidator(Validators.required);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiDateRangeSelectorComponent, deps: [{ token: i1.TranslateService }, { token: i2.LocaleService, optional: true }, { token: i3$1.DateAdapter }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }, { token: i4.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: EuiDateRangeSelectorComponent, isStandalone: false, selector: "eui-date-range-selector", inputs: { e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", firstInputPlaceholder: "firstInputPlaceholder", secondInputPlaceholder: "secondInputPlaceholder", firstInputAriaLabel: "firstInputAriaLabel", secondInputAriaLabel: "secondInputAriaLabel", startDateDefaultValue: "startDateDefaultValue", endDateDefaultValue: "endDateDefaultValue", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", startView: "startView", startDateId: "startDateId", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSeconds: "stepSeconds", islongDateFormat: ["islongDateFormat", "islongDateFormat", booleanAttribute], isClearable: ["isClearable", "isClearable", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isResponsive: ["isResponsive", "isResponsive", booleanAttribute], isTimeRange: ["isTimeRange", "isTimeRange", booleanAttribute], hasSeconds: ["hasSeconds", "hasSeconds", booleanAttribute] }, outputs: { firstSelectedDate: "firstSelectedDate", secondSelectedDate: "secondSelectedDate" }, host: { properties: { "class": "this.class", "attr.data-e2e": "this.e2eAttr" } }, usesOnChanges: true, ngImport: i0, template: "<mat-date-range-input\n    [class.mat-date-range-input--read-only]=\"isReadOnly\"\n    [class.mat-date-range-input--disabled]=\"isDisabled\"\n    [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n    [rangePicker]=\"picker\"\n    [min]=\"minDate\"\n    [max]=\"maxDate\"\n    [comparisonStart]=\"comparisonStart\"\n    [comparisonEnd]=\"comparisonEnd\">\n    <input\n        #inputStartDate\n        class=\"eui-date-range-selector__start-date\"\n        euiInputText\n        [id]=\"startDateId\"\n        [readonly]=\"isReadOnly\"\n        matStartDate\n        placeholder=\"{{ firstInputPlaceholder }}\"\n        attr.aria-label=\"{{ firstInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"startRangeFormControl\"\n        (dateInput)=\"onFirstDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onStartTimeChange($event) : null\"\n        (clear)=\"onFirstDateClear()\" />\n    <input\n        #inputEndDate\n        class=\"eui-date-range-selector__end-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matEndDate\n        placeholder=\"{{ secondInputPlaceholder }}\"\n        attr.aria-label=\"{{ secondInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"endRangeFormControl\"\n        (dateInput)=\"onSecondDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onEndTimeChange($event) : null\"\n        (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker\n    #picker\n    [startView]=\"startView\"\n    (opened)=\"onOpened()\"\n    [panelClass]=\"adaptContainerClasses()\">\n</mat-date-range-picker>\n<button\n    *ngIf=\"!isReadOnly\"\n    class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n    (click)=\"picker.open()\"\n    euiButton\n    euiSecondary\n    [euiIconButton]=\"!togglerLabel ? true : false\"\n    type=\"button\"\n    [euiDisabled]=\"isDisabled\"\n    aria-haspopup=\"dialog\">\n    <ng-container *ngIf=\"!togglerLabel\">\n        <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\" size=\"s\"></eui-icon-svg>\n    </ng-container>\n    <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n</button>", styles: [".eui-19 .eui-date-range-selector{display:inline-flex;min-height:calc(var(--eui-s-3xl) + 2px)}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;min-height:var(--eui-s-3xl)}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .mat-date-range-input-mirror{display:none}.eui-19 .eui-date-range-selector--container-height-large{height:auto}.eui-19 .eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-date-range-selector--responsive{display:flex;width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-container{width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-wrapper{width:100%!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--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-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-19 .eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-19 .eui-date-range-selector__toggler{border-bottom-left-radius:0!important;border-top-left-radius:0!important;border-left:none!important;box-shadow:none!important}.eui-19 .eui-date-range-selector__toggler-label{width:auto}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .eui-input-text{padding-left:var(--eui-s-s)!important}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest)}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled input{border:none!important}.eui-19 .eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)}.eui-19 .eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-c-neutral);display:flex!important;padding:var(--eui-s-s);text-align:left;width:100%}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-height-large{height:auto}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-timerange{display:flex;justify-content:center;border-top:1px solid rgba(0,0,0,.12);padding:var(--eui-s-m) var(--eui-s-m) 0 var(--eui-s-m);gap:var(--eui-s-l)}.eui-19 .eui-timerange .eui-timepicker__input-container{width:unset}.eui-19 .eui-timerange .eui-timepicker__input{padding:calc(var(--eui-s-2xs) - 1px) 0!important;width:var(--eui-s-3xl)!important}.eui-19 .eui-timerange__time-container{display:flex;flex-direction:column;text-align:center}.eui-19 .eui-timerange__time-container .eui-timepicker__spacer{margin:auto}.eui-19 .eui-timerange__time-container-label{font:var(--eui-f-s-bold)}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i7.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i8.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i9.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: EuiDateRangeSelectorComponent, isStandalone: false, selector: "eui-date-range-selector", inputs: { e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", firstInputPlaceholder: "firstInputPlaceholder", secondInputPlaceholder: "secondInputPlaceholder", firstInputAriaLabel: "firstInputAriaLabel", secondInputAriaLabel: "secondInputAriaLabel", startDateDefaultValue: "startDateDefaultValue", endDateDefaultValue: "endDateDefaultValue", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", startView: "startView", startDateId: "startDateId", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSeconds: "stepSeconds", islongDateFormat: ["islongDateFormat", "islongDateFormat", booleanAttribute], isClearable: ["isClearable", "isClearable", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isResponsive: ["isResponsive", "isResponsive", booleanAttribute], isTimeRange: ["isTimeRange", "isTimeRange", booleanAttribute], hasSeconds: ["hasSeconds", "hasSeconds", booleanAttribute] }, outputs: { firstSelectedDate: "firstSelectedDate", secondSelectedDate: "secondSelectedDate" }, host: { properties: { "class": "this.class", "attr.data-e2e": "this.e2eAttr" } }, usesOnChanges: true, ngImport: i0, template: "<mat-date-range-input\n    [class.mat-date-range-input--read-only]=\"isReadOnly\"\n    [class.mat-date-range-input--disabled]=\"isDisabled\"\n    [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n    [rangePicker]=\"picker\"\n    [min]=\"minDate\"\n    [max]=\"maxDate\"\n    [comparisonStart]=\"comparisonStart\"\n    [comparisonEnd]=\"comparisonEnd\">\n    <input\n        #inputStartDate\n        class=\"eui-date-range-selector__start-date\"\n        euiInputText\n        [id]=\"startDateId\"\n        [readonly]=\"isReadOnly\"\n        matStartDate\n        placeholder=\"{{ firstInputPlaceholder }}\"\n        attr.aria-label=\"{{ firstInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"startRangeFormControl\"\n        (dateInput)=\"onFirstDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onStartTimeChange($event) : null\"\n        (clear)=\"onFirstDateClear()\" />\n    <input\n        #inputEndDate\n        class=\"eui-date-range-selector__end-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matEndDate\n        placeholder=\"{{ secondInputPlaceholder }}\"\n        attr.aria-label=\"{{ secondInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"endRangeFormControl\"\n        (dateInput)=\"onSecondDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onEndTimeChange($event) : null\"\n        (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker\n    #picker\n    [startView]=\"startView\"\n    (opened)=\"onOpened()\"\n    [panelClass]=\"adaptContainerClasses()\">\n</mat-date-range-picker>\n<button\n    *ngIf=\"!isReadOnly\"\n    class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n    (click)=\"picker.open()\"\n    euiButton\n    euiSecondary\n    [euiIconButton]=\"!togglerLabel ? true : false\"\n    type=\"button\"\n    [euiDisabled]=\"isDisabled\"\n    aria-haspopup=\"dialog\">\n    <ng-container *ngIf=\"!togglerLabel\">\n        <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\" size=\"s\"></eui-icon-svg>\n    </ng-container>\n    <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n</button>", styles: [".eui-19 .eui-date-range-selector{display:inline-flex;min-height:calc(var(--eui-s-3xl) + 2px)}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;min-height:var(--eui-s-3xl)}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .mat-date-range-input-mirror{display:none}.eui-19 .eui-date-range-selector--container-height-large{height:auto}.eui-19 .eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-date-range-selector--responsive{display:flex;width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-container{width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-wrapper{width:100%!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-inner{position:relative}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--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-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-19 .eui-date-range-selector--clearable:not(.eui-date-range-selector--responsive):not(.eui-date-range-selector--long-date-format) .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))}.eui-19 .eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-19 .eui-date-range-selector__toggler{border-bottom-left-radius:0!important;border-top-left-radius:0!important;border-left:none!important;box-shadow:none!important}.eui-19 .eui-date-range-selector__toggler-label{width:auto}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .eui-input-text{padding-left:var(--eui-s-s)!important}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest)}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled input{border:none!important}.eui-19 .eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)}.eui-19 .eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-c-neutral);display:flex!important;padding:var(--eui-s-s);text-align:left;width:100%}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-height-large{height:auto}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-timerange{display:flex;justify-content:center;border-top:1px solid rgba(0,0,0,.12);padding:var(--eui-s-m) var(--eui-s-m) 0 var(--eui-s-m);gap:var(--eui-s-l)}.eui-19 .eui-timerange .eui-timepicker__input-container{width:unset}.eui-19 .eui-timerange .eui-timepicker__input{padding:calc(var(--eui-s-2xs) - 1px) 0!important;width:var(--eui-s-3xl)!important}.eui-19 .eui-timerange__time-container{display:flex;flex-direction:column;text-align:center}.eui-19 .eui-timerange__time-container .eui-timepicker__spacer{margin:auto}.eui-19 .eui-timerange__time-container-label{font:var(--eui-f-s-bold)}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i7.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i8.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i9.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiDateRangeSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-date-range-selector', encapsulation: ViewEncapsulation.None, standalone: false, template: "<mat-date-range-input\n    [class.mat-date-range-input--read-only]=\"isReadOnly\"\n    [class.mat-date-range-input--disabled]=\"isDisabled\"\n    [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n    [rangePicker]=\"picker\"\n    [min]=\"minDate\"\n    [max]=\"maxDate\"\n    [comparisonStart]=\"comparisonStart\"\n    [comparisonEnd]=\"comparisonEnd\">\n    <input\n        #inputStartDate\n        class=\"eui-date-range-selector__start-date\"\n        euiInputText\n        [id]=\"startDateId\"\n        [readonly]=\"isReadOnly\"\n        matStartDate\n        placeholder=\"{{ firstInputPlaceholder }}\"\n        attr.aria-label=\"{{ firstInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"startRangeFormControl\"\n        (dateInput)=\"onFirstDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onStartTimeChange($event) : null\"\n        (clear)=\"onFirstDateClear()\" />\n    <input\n        #inputEndDate\n        class=\"eui-date-range-selector__end-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matEndDate\n        placeholder=\"{{ secondInputPlaceholder }}\"\n        attr.aria-label=\"{{ secondInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"endRangeFormControl\"\n        (dateInput)=\"onSecondDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onEndTimeChange($event) : null\"\n        (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker\n    #picker\n    [startView]=\"startView\"\n    (opened)=\"onOpened()\"\n    [panelClass]=\"adaptContainerClasses()\">\n</mat-date-range-picker>\n<button\n    *ngIf=\"!isReadOnly\"\n    class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n    (click)=\"picker.open()\"\n    euiButton\n    euiSecondary\n    [euiIconButton]=\"!togglerLabel ? true : false\"\n    type=\"button\"\n    [euiDisabled]=\"isDisabled\"\n    aria-haspopup=\"dialog\">\n    <ng-container *ngIf=\"!togglerLabel\">\n        <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\" size=\"s\"></eui-icon-svg>\n    </ng-container>\n    <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n</button>", styles: [".eui-19 .eui-date-range-selector{display:inline-flex;min-height:calc(var(--eui-s-3xl) + 2px)}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;min-height:var(--eui-s-3xl)}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .mat-date-range-input-mirror{display:none}.eui-19 .eui-date-range-selector--container-height-large{height:auto}.eui-19 .eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-date-range-selector--responsive{display:flex;width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-container{width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-wrapper{width:100%!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--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-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-19 .eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-19 .eui-date-range-selector__toggler{border-bottom-left-radius:0!important;border-top-left-radius:0!important;border-left:none!important;box-shadow:none!important}.eui-19 .eui-date-range-selector__toggler-label{width:auto}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .eui-input-text{padding-left:var(--eui-s-s)!important}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest)}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled input{border:none!important}.eui-19 .eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)}.eui-19 .eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-c-neutral);display:flex!important;padding:var(--eui-s-s);text-align:left;width:100%}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-height-large{height:auto}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-timerange{display:flex;justify-content:center;border-top:1px solid rgba(0,0,0,.12);padding:var(--eui-s-m) var(--eui-s-m) 0 var(--eui-s-m);gap:var(--eui-s-l)}.eui-19 .eui-timerange .eui-timepicker__input-container{width:unset}.eui-19 .eui-timerange .eui-timepicker__input{padding:calc(var(--eui-s-2xs) - 1px) 0!important;width:var(--eui-s-3xl)!important}.eui-19 .eui-timerange__time-container{display:flex;flex-direction:column;text-align:center}.eui-19 .eui-timerange__time-container .eui-timepicker__spacer{margin:auto}.eui-19 .eui-timerange__time-container-label{font:var(--eui-f-s-bold)}\n"] }]
+            args: [{ selector: 'eui-date-range-selector', encapsulation: ViewEncapsulation.None, standalone: false, template: "<mat-date-range-input\n    [class.mat-date-range-input--read-only]=\"isReadOnly\"\n    [class.mat-date-range-input--disabled]=\"isDisabled\"\n    [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n    [rangePicker]=\"picker\"\n    [min]=\"minDate\"\n    [max]=\"maxDate\"\n    [comparisonStart]=\"comparisonStart\"\n    [comparisonEnd]=\"comparisonEnd\">\n    <input\n        #inputStartDate\n        class=\"eui-date-range-selector__start-date\"\n        euiInputText\n        [id]=\"startDateId\"\n        [readonly]=\"isReadOnly\"\n        matStartDate\n        placeholder=\"{{ firstInputPlaceholder }}\"\n        attr.aria-label=\"{{ firstInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"startRangeFormControl\"\n        (dateInput)=\"onFirstDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onStartTimeChange($event) : null\"\n        (clear)=\"onFirstDateClear()\" />\n    <input\n        #inputEndDate\n        class=\"eui-date-range-selector__end-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matEndDate\n        placeholder=\"{{ secondInputPlaceholder }}\"\n        attr.aria-label=\"{{ secondInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"endRangeFormControl\"\n        (dateInput)=\"onSecondDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (change)=\"isTimeRange ? onEndTimeChange($event) : null\"\n        (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker\n    #picker\n    [startView]=\"startView\"\n    (opened)=\"onOpened()\"\n    [panelClass]=\"adaptContainerClasses()\">\n</mat-date-range-picker>\n<button\n    *ngIf=\"!isReadOnly\"\n    class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n    (click)=\"picker.open()\"\n    euiButton\n    euiSecondary\n    [euiIconButton]=\"!togglerLabel ? true : false\"\n    type=\"button\"\n    [euiDisabled]=\"isDisabled\"\n    aria-haspopup=\"dialog\">\n    <ng-container *ngIf=\"!togglerLabel\">\n        <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\" size=\"s\"></eui-icon-svg>\n    </ng-container>\n    <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n</button>", styles: [".eui-19 .eui-date-range-selector{display:inline-flex;min-height:calc(var(--eui-s-3xl) + 2px)}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;min-height:var(--eui-s-3xl)}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .mat-date-range-input-mirror{display:none}.eui-19 .eui-date-range-selector--container-height-large{height:auto}.eui-19 .eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-date-range-selector--responsive{display:flex;width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-container{width:100%}.eui-19 .eui-date-range-selector--responsive .mat-date-range-input-wrapper{width:100%!important}.eui-19 .eui-date-range-selector--clearable .mat-date-range-input-inner{position:relative}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--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-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 .eui-date-range-selector--clearable .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-19 .eui-date-range-selector--clearable:not(.eui-date-range-selector--responsive):not(.eui-date-range-selector--long-date-format) .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))}.eui-19 .eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-19 .eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-19 .eui-date-range-selector__toggler{border-bottom-left-radius:0!important;border-top-left-radius:0!important;border-left:none!important;box-shadow:none!important}.eui-19 .eui-date-range-selector__toggler-label{width:auto}.eui-19 .eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .eui-input-text{padding-left:var(--eui-s-s)!important}.eui-19 .eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest)}.eui-19 .eui-date-range-selector .mat-date-range-input--disabled input{border:none!important}.eui-19 .eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)}.eui-19 .eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-c-neutral);display:flex!important;padding:var(--eui-s-s);text-align:left;width:100%}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-height-large{height:auto}.eui-19 .mat-datepicker-content .mat-calendar.eui-date-range-selector--container-large{height:auto;width:100%}.eui-19 .eui-timerange{display:flex;justify-content:center;border-top:1px solid rgba(0,0,0,.12);padding:var(--eui-s-m) var(--eui-s-m) 0 var(--eui-s-m);gap:var(--eui-s-l)}.eui-19 .eui-timerange .eui-timepicker__input-container{width:unset}.eui-19 .eui-timerange .eui-timepicker__input{padding:calc(var(--eui-s-2xs) - 1px) 0!important;width:var(--eui-s-3xl)!important}.eui-19 .eui-timerange__time-container{display:flex;flex-direction:column;text-align:center}.eui-19 .eui-timerange__time-container .eui-timepicker__spacer{margin:auto}.eui-19 .eui-timerange__time-container-label{font:var(--eui-f-s-bold)}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.LocaleService, decorators: [{
                     type: Optional
                 }] }, { type: i3$1.DateAdapter }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: i4.NgControl, decorators: [{