@eui/components 19.0.4-snapshot-1738753092246 → 19.0.4

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

@@ -15,7 +15,7 @@ import { EuiButtonModule } from '@eui/components/eui-button';
 
 class EuiAlertTitleComponent {
     constructor() {
-        // host binding class assignment for the content directive, avoiding extra DOM templates wrapper
+        /** Sets the `class` attribute for the host element. */
         this.class = 'eui-alert-title';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiAlertTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -33,7 +33,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 args: ['class']
             }] } });
 
+/**
+ * @description
+ * Alert displays a short, important message to attract the user's attention without interrupting its task.
+ *
+ * @example
+ *
+ * ```html
+ * <eui-alert>
+ *     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan semper lorem, ac mollis lacus tincidunt eu.
+ * </eui-alert>
+ * ```
+ *
+ * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-alert}.
+ */
 class EuiAlertComponent {
+    /**
+     * Sets the `class` attribute for the host element.
+     *
+     * @returns A string with all CSS classes applied.
+     */
     get cssClasses() {
         return [
             this.baseStatesDirective.getCssClasses('eui-alert'),
@@ -46,26 +65,78 @@ class EuiAlertComponent {
             .join(' ')
             .trim();
     }
+    /**
+     * Sets the `aria-describedby` attribute for the host element.
+     *
+     * @default `alertContent-${uniqueId}`
+     * @returns The ID of the element associated with the alert.
+     */
     get ariaDescribedBy() {
         return `alertContent-${this.uniqueId}`;
     }
+    /**
+     * Sets the `tabindex` attribute for the host element.
+     *
+     * @returns '0' if defined as focusable else '1' as string.
+     */
     get tabindex() {
         return this.isFocusable ? '0' : '-1';
     }
     constructor(baseStatesDirective) {
         this.baseStatesDirective = baseStatesDirective;
+        /**
+         * Sets the `role` attribute for the host element.
+         *
+         * @default 'alert'
+         */
         this.role = 'alert';
+        /**
+         * Sets the `data-e2e` attribute for the host element. Default: `eui-alert`.
+         *
+         * @default 'eui-alert'
+         */
         this.e2eAttr = 'eui-alert';
+        /**
+         * Removes the left border and icon from the alert.
+         *
+         * @default false
+         */
         this.isMuted = false;
+        /**
+         * Removes the left border and icon from the alert.
+         *
+         * @default false
+         */
         this.isBordered = false;
+        /**
+         * Allows the alert to be closed by the user.
+         *
+         * @default false
+         */
         this.isCloseable = false;
+        /**
+         * Allows the alert to be focused by the user.
+         *
+         * @default false
+         */
         this.isFocusable = false;
+        /**
+         * Controls the visibility of the alert. Default: true
+         *
+         * @default true
+         */
         this.isVisible = true;
+        /**
+         * Event emitted when the alert is closed.
+         */
         this.closeAlert = new EventEmitter();
     }
     ngOnInit() {
         this.uniqueId = crypto.randomUUID();
     }
+    /**
+     * Hide the alert and emits the `closeAlert` event when the close button is clicked.
+     */
     onCloseClick() {
         this.isVisible = false;
         this.closeAlert.emit(false);
@@ -136,7 +207,18 @@ const EUI_MODULES = [
 const COMPONENTS = [
     EuiAlertComponent, EuiAlertTitleComponent,
 ];
-// component main module
+/**
+ * @description
+ * Module that provides the EuiAlert component and its dependencies
+ *
+ * @example
+ * ```typescript
+ * \@NgModule({
+ *   imports: [EuiAlertModule]
+ * })
+ * export class YourModule { }
+ * ```
+ */
 // Always same naming convention for all : Eui[CMP_NAME]Module
 class EuiAlertModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

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

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-alert.mjs","sources":["../../eui-alert/components/eui-alert-title.component.ts","../../eui-alert/eui-alert.component.ts","../../eui-alert/eui-alert.component.html","../../eui-alert/eui-alert.module.ts","../../eui-alert/eui-components-eui-alert.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-alert-title',\n    template: '<ng-content></ng-content>',\n    standalone: false,\n})\nexport class EuiAlertTitleComponent {\n    // host binding class assignment for the content directive, avoiding extra DOM templates wrapper\n    @HostBinding('class') class = 'eui-alert-title';\n}\n","import {\n    Component,\n    HostBinding,\n    EventEmitter,\n    Input,\n    ChangeDetectionStrategy,\n    Output,\n    OnInit,\n    ContentChild,\n    forwardRef,\n    QueryList,\n    booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n@Component({\n    templateUrl: './eui-alert.component.html',\n    selector: 'div[euiAlert], eui-alert',\n    styleUrl: './styles/_index.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiVariant',\n            ],\n        },\n    ],\n})\nexport class EuiAlertComponent implements OnInit {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-alert'),\n            this.isMuted ? 'eui-alert--muted' : '',\n            this.isFocusable ? 'eui-alert--focusable' : '',\n            this.isCloseable ? 'eui-alert--closeable' : '',\n            this.isBordered ? 'eui-alert--bordered': '',\n            !this.isVisible ? 'eui-alert--hidden' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.role') role = 'alert';\n    @HostBinding('attr.aria-describedby')\n    @Input()\n    get ariaDescribedBy(): string {\n        return `alertContent-${this.uniqueId}`;\n    }\n    @HostBinding('attr.tabindex')\n    get tabindex(): string {\n        return this.isFocusable ? '0' : '-1';\n    }\n\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-alert';\n\n    @Input({ transform: booleanAttribute }) isMuted = false;\n    @Input({ transform: booleanAttribute }) isBordered = false;\n    @Input({ transform: booleanAttribute }) isCloseable = false;\n    @Input({ transform: booleanAttribute }) isFocusable = false;\n    @Input({ transform: booleanAttribute }) isVisible = true;\n\n    @Output() closeAlert = new EventEmitter<boolean>();\n\n    @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n    alertIconType: string;\n    alertIconFillColor: string;\n\n    private uniqueId: string;\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    ngOnInit(): void {\n        this.uniqueId = crypto.randomUUID();\n    }\n\n    onCloseClick(): void {\n        this.isVisible = false;\n        this.closeAlert.emit(false);\n    }\n}\n","@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","// Angular\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// 3rd party\nimport { TranslateModule } from '@ngx-translate/core';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\nconst EUI_MODULES = [\n    EuiIconModule, EuiLabelModule, EuiButtonModule, EuiIconStateModule, EuiIconButtonModule,\n];\n\n// component internals\nimport { EuiAlertComponent } from './eui-alert.component';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\nconst COMPONENTS = [\n    EuiAlertComponent, EuiAlertTitleComponent,\n];\n\n// component main module\n@NgModule({\n    imports: [\n        // Angular and 3rd party\n        CommonModule, TranslateModule,\n        // eUI internals\n        BaseStatesDirective,\n        ...EUI_MODULES,\n    ],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\n// Always same naming convention for all : Eui[CMP_NAME]Module\nexport class EuiAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MAOa,sBAAsB,CAAA;AALnC,IAAA,WAAA,GAAA;;QAO0B,IAAK,CAAA,KAAA,GAAG,iBAAiB;AAClD;8GAHY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,6HAHrB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FAG5B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,KAAK;AACpB,iBAAA;8BAGyB,KAAK,EAAA,CAAA;sBAA1B,WAAW;uBAAC,OAAO;;;MC4BX,iBAAiB,CAAA;AAC1B,IAAA,IACW,UAAU,GAAA;QACjB,OAAO;AACH,YAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,WAAW,CAAC;YACnD,IAAI,CAAC,OAAO,GAAG,kBAAkB,GAAG,EAAE;YACtC,IAAI,CAAC,WAAW,GAAG,sBAAsB,GAAG,EAAE;YAC9C,IAAI,CAAC,WAAW,GAAG,sBAAsB,GAAG,EAAE;YAC9C,IAAI,CAAC,UAAU,GAAG,qBAAqB,GAAE,EAAE;YAC3C,CAAC,IAAI,CAAC,SAAS,GAAG,mBAAmB,GAAG,EAAE;AAC7C;aACI,IAAI,CAAC,GAAG;AACR,aAAA,IAAI,EAAE;;AAIf,IAAA,IAEI,eAAe,GAAA;AACf,QAAA,OAAO,CAAgB,aAAA,EAAA,IAAI,CAAC,QAAQ,EAAE;;AAE1C,IAAA,IACI,QAAQ,GAAA;QACR,OAAO,IAAI,CAAC,WAAW,GAAG,GAAG,GAAG,IAAI;;AAsBxC,IAAA,WAAA,CAAmB,mBAAwC,EAAA;QAAxC,IAAmB,CAAA,mBAAA,GAAnB,mBAAmB;QA9BZ,IAAI,CAAA,IAAA,GAAG,OAAO;QAaxC,IAAO,CAAA,OAAA,GAAG,WAAW;QAEmB,IAAO,CAAA,OAAA,GAAG,KAAK;QACf,IAAU,CAAA,UAAA,GAAG,KAAK;QAClB,IAAW,CAAA,WAAA,GAAG,KAAK;QACnB,IAAW,CAAA,WAAA,GAAG,KAAK;QACnB,IAAS,CAAA,SAAA,GAAG,IAAI;AAE9C,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAW;;IAWlD,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,EAAE;;IAGvC,YAAY,GAAA;AACR,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;;8GArDtB,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EA8BN,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,gBAAgB,CAChB,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,gBAAgB,CAChB,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,gBAAgB,CAChB,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,gBAAgB,CAChB,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,gBAAgB,CAIL,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAA,sBAAsB,oRC3EzD,u9BAoCA,EAAA,MAAA,EAAA,CAAA,s4FAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDCa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBApB7B,SAAS;AAEI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,mBAEnB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,KAAK,EACD,cAAA,EAAA;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,mBAAmB;AAC9B,4BAAA,MAAM,EAAE;gCACJ,YAAY;gCACZ,YAAY;gCACZ,SAAS;gCACT,YAAY;gCACZ,WAAW;gCACX,YAAY;AACf,6BAAA;AACJ,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,u9BAAA,EAAA,MAAA,EAAA,CAAA,s4FAAA,CAAA,EAAA;wFAIU,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;gBAcM,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW;gBAGpB,eAAe,EAAA,CAAA;sBAFlB,WAAW;uBAAC,uBAAuB;;sBACnC;gBAKG,QAAQ,EAAA,CAAA;sBADX,WAAW;uBAAC,eAAe;gBAO5B,OAAO,EAAA,CAAA;sBAFN,WAAW;uBAAC,eAAe;;sBAC3B;gBAGuC,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,WAAW,EAAA,CAAA;sBAAlD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,WAAW,EAAA,CAAA;sBAAlD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAE5B,UAAU,EAAA,CAAA;sBAAnB;gBAE0E,UAAU,EAAA,CAAA;sBAApF,YAAY;uBAAC,UAAU,CAAC,MAAM,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;;;AE3E7E;AAeA,MAAM,WAAW,GAAG;AAChB,IAAA,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,kBAAkB,EAAE,mBAAmB;CAC1F;AAMD,MAAM,UAAU,GAAG;AACf,IAAA,iBAAiB,EAAE,sBAAsB;CAC5C;AAED;AAYA;MACa,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAd,cAAc,EAAA,YAAA,EAAA,CAhBvB,iBAAiB,EAAE,sBAAsB,CAAA,EAAA,OAAA,EAAA;;AAOrC,YAAA,YAAY,EAAE,eAAe;;AAE7B,YAAA,mBAAmB,EAjBvB,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,kBAAkB,EAAE,mBAAmB,CAQvF,EAAA,OAAA,EAAA,CAAA,iBAAiB,EAAE,sBAAsB,CAAA,EAAA,CAAA,CAAA;+GAgBhC,cAAc,EAAA,OAAA,EAAA;;YATnB,YAAY,EAAE,eAAe,EAG1B,WAAW,CAAA,EAAA,CAAA,CAAA;;2FAMT,cAAc,EAAA,UAAA,EAAA,CAAA;kBAZ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;;AAEL,wBAAA,YAAY,EAAE,eAAe;;wBAE7B,mBAAmB;AACnB,wBAAA,GAAG,WAAW;AACjB,qBAAA;AACD,oBAAA,YAAY,EAAE,CAAC,GAAG,UAAU,CAAC;AAC7B,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AAC3B,iBAAA;;;ACtCD;;AAEG;;;;"}
+{"version":3,"file":"eui-components-eui-alert.mjs","sources":["../../eui-alert/components/eui-alert-title.component.ts","../../eui-alert/eui-alert.component.ts","../../eui-alert/eui-alert.component.html","../../eui-alert/eui-alert.module.ts","../../eui-alert/eui-components-eui-alert.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-alert-title',\n    template: '<ng-content></ng-content>',\n    standalone: false,\n})\nexport class EuiAlertTitleComponent {\n    /** Sets the `class` attribute for the host element. */\n    @HostBinding('class') class = 'eui-alert-title';\n}\n","import {\n    Component,\n    HostBinding,\n    EventEmitter,\n    Input,\n    ChangeDetectionStrategy,\n    Output,\n    OnInit,\n    ContentChild,\n    forwardRef,\n    QueryList,\n    booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n/**\n * @description\n * Alert displays a short, important message to attract the user's attention without interrupting its task.\n *\n * @example\n *\n * ```html\n * <eui-alert>\n *     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan semper lorem, ac mollis lacus tincidunt eu.\n * </eui-alert>\n * ```\n *\n * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-alert}.\n */\n@Component({\n    templateUrl: './eui-alert.component.html',\n    selector: 'div[euiAlert], eui-alert',\n    styleUrl: './styles/_index.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false,\n    hostDirectives: [\n        {\n            \n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiVariant',\n            ],\n        },\n    ],\n})\nexport class EuiAlertComponent implements OnInit {\n    /**\n     * Sets the `class` attribute for the host element.\n     *\n     * @returns A string with all CSS classes applied.\n     */\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-alert'),\n            this.isMuted ? 'eui-alert--muted' : '',\n            this.isFocusable ? 'eui-alert--focusable' : '',\n            this.isCloseable ? 'eui-alert--closeable' : '',\n            this.isBordered ? 'eui-alert--bordered': '',\n            !this.isVisible ? 'eui-alert--hidden' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    /**\n     * Sets the `role` attribute for the host element.\n     * \n     * @default 'alert'\n     */\n    @HostBinding('attr.role') role = 'alert';\n\n    /**\n     * Sets the `aria-describedby` attribute for the host element.\n     *\n     * @default `alertContent-${uniqueId}`\n     * @returns The ID of the element associated with the alert.\n     */\n    @HostBinding('attr.aria-describedby')\n    @Input()\n    get ariaDescribedBy(): string {\n        return `alertContent-${this.uniqueId}`;\n    }\n    /**\n     * Sets the `tabindex` attribute for the host element.\n     *\n     * @returns '0' if defined as focusable else '1' as string.\n     */\n    @HostBinding('attr.tabindex')\n    get tabindex(): string {\n        return this.isFocusable ? '0' : '-1';\n    }\n    /**\n     * Sets the `data-e2e` attribute for the host element. Default: `eui-alert`.\n     * \n     * @default 'eui-alert'\n     */\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-alert';\n\n    /**\n     * Removes the left border and icon from the alert.\n     * \n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isMuted = false;\n    /**\n     * Removes the left border and icon from the alert.\n     * \n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isBordered = false;\n    /**\n     * Allows the alert to be closed by the user.\n     * \n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isCloseable = false;\n    /**\n     * Allows the alert to be focused by the user.\n     * \n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isFocusable = false;\n    /**\n     * Controls the visibility of the alert. Default: true\n     * \n     * @default true\n     */\n    @Input({ transform: booleanAttribute }) isVisible = true;\n\n    /**\n     * Event emitted when the alert is closed.\n     */\n    @Output() closeAlert = new EventEmitter<boolean>();\n\n    /**\n     * Content for the alert title given by `<eui-alert-title>`.\n     */\n    @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n    alertIconType: string;\n    alertIconFillColor: string;\n\n    private uniqueId: string;\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    ngOnInit(): void {\n        this.uniqueId = crypto.randomUUID();\n    }\n\n    /**\n     * Hide the alert and emits the `closeAlert` event when the close button is clicked.\n     */\n    onCloseClick(): void {\n        this.isVisible = false;\n        this.closeAlert.emit(false);\n    }\n}\n","@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","// Angular\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// 3rd party\nimport { TranslateModule } from '@ngx-translate/core';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\nconst EUI_MODULES = [\n    EuiIconModule, EuiLabelModule, EuiButtonModule, EuiIconStateModule, EuiIconButtonModule,\n];\n\n// component internals\nimport { EuiAlertComponent } from './eui-alert.component';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\nconst COMPONENTS = [\n    EuiAlertComponent, EuiAlertTitleComponent,\n];\n\n/**\n * @description\n * Module that provides the EuiAlert component and its dependencies\n *\n * @example\n * ```typescript\n * \\@NgModule({\n *   imports: [EuiAlertModule]\n * })\n * export class YourModule { }\n * ```\n */\n@NgModule({\n    imports: [\n        // Angular and 3rd party\n        CommonModule, TranslateModule,\n        // eUI internals\n        BaseStatesDirective,\n        ...EUI_MODULES,\n    ],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\n// Always same naming convention for all : Eui[CMP_NAME]Module\nexport class EuiAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -29,7 +29,25 @@ class EuiChipTooltip {
     }
 }
 
+/**
+ * @description
+ * Chips are compact elements that allow users to enter information, select a choice, filter content or trigger an action.
+ * The eui-chip component can also be displayed dynamically as a group of multiple interactive elements, see eui-chip-list.
+ *
+ * @example
+ *
+ * ```html
+ * <eui-chip>Chip label</eui-chip>
+ * ```
+ *
+ * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-chip}.
+ */
 class EuiChipComponent {
+    /**
+     * Sets the `class` attribute for the host element.
+     *
+     * @returns A string with all CSS classes applied.
+     */
     get cssClasses() {
         return [
             this.baseStatesDirective.getCssClasses('eui-chip'),
@@ -40,10 +58,33 @@ class EuiChipComponent {
     constructor(_elementRef, baseStatesDirective) {
         this._elementRef = _elementRef;
         this.baseStatesDirective = baseStatesDirective;
+        /**
+         * Sets the `role` attribute for the host element.
+         *
+         * @default 'status'
+         */
         this.role = 'status';
+        /**
+         * Sets the `aria-label` attribute for the host element.
+         *
+         * @default 'Chip content'
+         */
         this.ariaLabel = 'Chip content';
+        /**
+         * Sets the `data-e2e` attribute for the host element.
+         *
+         * @default 'eui-chip'
+         */
         this.e2eAttr = 'eui-chip';
+        /**
+         * Sets the euiInternalId of the chip.
+         *
+         * @default null
+         */
         this.euiInternalId = null;
+        /**
+         * Sets the data of the chip like tooltip configuration.
+         */
         // TODO: type should be specific
         // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -55,9 +96,25 @@ class EuiChipComponent {
                 position: 'above',
             },
         };
+        /**
+         * Wether the chip can be removed.
+         *
+         * @default false
+         */
         this.isChipRemovable = false;
+        /**
+         * @deprecated This option is not applicable anymore to comply design System.
+         */
         this.isSquared = false;
+        /**
+         * Wether the chip is filled with color.
+         *
+         * @default false
+         */
         this.isFilled = false;
+        /**
+         * Event emitted when the chip is removed.
+         */
         this.remove = new EventEmitter();
     }
     ngAfterContentInit() {
@@ -68,6 +125,11 @@ class EuiChipComponent {
             this.role = 'listitem';
         }
     }
+    /**
+     * Remove chip handler
+     *
+     * @param event Click event
+     */
     onRemove(event) {
         if (event instanceof KeyboardEvent && event.code === 'Backspace') {
             this.remove.emit({ chip: this.data, event });
@@ -142,6 +204,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 args: ['chipLabel']
             }] } });
 
+/**
+ * @description
+ * Module that provides the EuiChip component and its dependencies
+ *
+ * @example
+ * ```typescript
+ * \@NgModule({
+ *   imports: [EuiChipModule]
+ * })
+ * export class YourModule { }
+ * ```
+ */
 class EuiChipModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: EuiChipModule, declarations: [EuiChipComponent], imports: [CommonModule, EuiIconModule, EuiIconButtonModule, EuiTooltipDirectiveModule], exports: [EuiChipComponent] }); }

package/fesm2022/eui-components-eui-chip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-chip.mjs","sources":["../../eui-chip/models/eui-chip.model.ts","../../eui-chip/eui-chip.component.ts","../../eui-chip/eui-chip.component.html","../../eui-chip/eui-chip.module.ts","../../eui-chip/eui-components-eui-chip.ts"],"sourcesContent":["export class EuiChip {\n    id: string | number;\n    euiInternalId: string;\n    label: string;\n    isRemovable = false;\n    isOutline = false;\n    isRounded = false;\n    isDisabled = false;\n    typeClass: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' = 'primary';\n    tooltip: EuiChipTooltip = new EuiChipTooltip();\n    iconClass?: string;\n    iconSvgName?: string;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n\nexport class EuiChipTooltip {\n    tooltipMessage: string;\n    position?: 'above' | 'below' | 'left' | 'right' | 'before' | 'after' = 'above';\n    contentAlignment?: 'center' | 'left' | 'right' | 'justify' = 'center';\n    delay? = 0;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n","import {\n    Component,\n    HostBinding,\n    Input,\n    ChangeDetectionStrategy,\n    forwardRef,\n    ContentChildren,\n    QueryList,\n    AfterContentInit,\n    Output,\n    EventEmitter,\n    ViewChild,\n    ElementRef,\n    booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\n\nimport { EuiChip } from './models/eui-chip.model';\n\n@Component({\n    templateUrl: './eui-chip.component.html',\n    selector: 'eui-chip, span[euiChip], li[euiChip]',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n                'euiSizeS',\n                'euiOutline',\n                'euiDisabled',\n            ],\n        },\n    ],\n})\nexport class EuiChipComponent implements AfterContentInit {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-chip'),\n            this.isChipRemovable ? 'eui-chip--removable' : '',\n            this.isFilled ? 'eui-chip--filled': '',\n        ].join(' ').trim();\n    }\n\n    @HostBinding('attr.role') role = 'status';\n    @Input() @HostBinding('attr.aria-label') ariaLabel = 'Chip content';\n\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-chip';\n\n    @Input() euiInternalId: string = null;\n    @Input() tooltipMessage: string;\n    @Input() id: string | number;\n    // TODO: type should be specific\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() data: any = {\n        id: crypto.randomUUID(),\n        tooltip: {\n            color: 'euiTooltipPrimary',\n            contentAlignment: null,\n            position: 'above',\n        },\n    };\n\n    @Input({ transform: booleanAttribute }) isChipRemovable = false;\n    @Input({ transform: booleanAttribute }) isSquared = false;\n    @Input({ transform: booleanAttribute }) isFilled = false;\n\n    @Output() remove = new EventEmitter<EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event }>();\n\n    @ContentChildren(forwardRef(() => EuiIconSvgComponent)) euiIcons: QueryList<EuiIconSvgComponent>;\n    @ViewChild('chipLabel') chipLabel: ElementRef<HTMLInputElement>;\n\n    constructor(\n        private _elementRef: ElementRef,\n        public baseStatesDirective: BaseStatesDirective,\n    ) {\n    }\n\n    ngAfterContentInit(): void {\n        if (!this.data.id && this.id) {\n            this.data = Object.assign(this.data, { id: this.id });\n        }\n\n        if (this._elementRef.nativeElement.parentElement?.classList.contains('eui-chip-list__chip-container')) {\n            this.role = 'listitem'\n        }\n    }\n\n    public onRemove(event?: Event): void {\n        if (event instanceof KeyboardEvent && (event as KeyboardEvent).code === 'Backspace') {\n            this.remove.emit({ chip: this.data, event });\n        } else {\n            this.remove.emit(this.data);\n        }\n    }\n}\n","<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-button\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__close\"\n        ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n        icon=\"close:outline\"\n        euiRounded\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (buttonClick)=\"onRemove($event)\">\n    </eui-icon-button>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipComponent } from './eui-chip.component';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiIconButtonModule, EuiTooltipDirectiveModule],\n    declarations: [EuiChipComponent],\n    exports: [EuiChipComponent],\n})\nexport class EuiChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-chip.mjs","sources":["../../eui-chip/models/eui-chip.model.ts","../../eui-chip/eui-chip.component.ts","../../eui-chip/eui-chip.component.html","../../eui-chip/eui-chip.module.ts","../../eui-chip/eui-components-eui-chip.ts"],"sourcesContent":["export class EuiChip {\n    id: string | number;\n    euiInternalId: string;\n    label: string;\n    isRemovable = false;\n    isOutline = false;\n    isRounded = false;\n    isDisabled = false;\n    typeClass: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' = 'primary';\n    tooltip: EuiChipTooltip = new EuiChipTooltip();\n    iconClass?: string;\n    iconSvgName?: string;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n\nexport class EuiChipTooltip {\n    tooltipMessage: string;\n    position?: 'above' | 'below' | 'left' | 'right' | 'before' | 'after' = 'above';\n    contentAlignment?: 'center' | 'left' | 'right' | 'justify' = 'center';\n    delay? = 0;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n","import {\n    Component,\n    HostBinding,\n    Input,\n    ChangeDetectionStrategy,\n    forwardRef,\n    ContentChildren,\n    QueryList,\n    AfterContentInit,\n    Output,\n    EventEmitter,\n    ViewChild,\n    ElementRef,\n    booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\n\nimport { EuiChip } from './models/eui-chip.model';\n\n/**\n * @description\n * Chips are compact elements that allow users to enter information, select a choice, filter content or trigger an action. \n * The eui-chip component can also be displayed dynamically as a group of multiple interactive elements, see eui-chip-list.\n *\n * @example\n *\n * ```html\n * <eui-chip>Chip label</eui-chip>\n * ```\n *\n * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-chip}.\n */\n@Component({\n    templateUrl: './eui-chip.component.html',\n    selector: 'eui-chip, span[euiChip], li[euiChip]',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n                'euiSizeS',\n                'euiOutline',\n                'euiDisabled',\n            ],\n        },\n    ],\n})\nexport class EuiChipComponent implements AfterContentInit {\n    /**\n     * Sets the `class` attribute for the host element.\n     *\n     * @returns A string with all CSS classes applied.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-chip'),\n            this.isChipRemovable ? 'eui-chip--removable' : '',\n            this.isFilled ? 'eui-chip--filled': '',\n        ].join(' ').trim();\n    }\n\n    /** \n     * Sets the `role` attribute for the host element.\n     * \n     * @default 'status'\n     */\n    @HostBinding('attr.role') role = 'status';\n    /**\n     * Sets the `aria-label` attribute for the host element.\n     * \n     * @default 'Chip content'\n     */\n    @Input() @HostBinding('attr.aria-label') ariaLabel = 'Chip content';\n\n    /**\n     * Sets the `data-e2e` attribute for the host element.\n     * \n     * @default 'eui-chip'\n     */\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-chip';\n\n    /**\n     * Sets the euiInternalId of the chip.\n     * \n     * @default null\n     */\n    @Input() euiInternalId: string = null;\n    /**\n     * Sets the label of the tooltip to diaply on hover.\n     */\n    @Input() tooltipMessage: string;\n    /**\n     * Sets the id of the chip.\n     */\n    @Input() id: string | number;\n    /**\n     * Sets the data of the chip like tooltip configuration.\n     */\n    // TODO: type should be specific\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() data: any = {\n        id: crypto.randomUUID(),\n        tooltip: {\n            color: 'euiTooltipPrimary',\n            contentAlignment: null,\n            position: 'above',\n        },\n    };\n\n    /**\n     * Wether the chip can be removed.\n     * \n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isChipRemovable = false;\n    /**\n     * @deprecated This option is not applicable anymore to comply design System.\n     */\n    @Input({ transform: booleanAttribute }) isSquared = false;\n    /**\n     * Wether the chip is filled with color.\n     * \n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isFilled = false;\n\n    /**\n     * Event emitted when the chip is removed.\n     */\n    @Output() remove = new EventEmitter<EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event }>();\n\n    /**\n     * Icon declares by user in the chip\n     */\n    @ContentChildren(forwardRef(() => EuiIconSvgComponent)) euiIcons: QueryList<EuiIconSvgComponent>;\n    @ViewChild('chipLabel') chipLabel: ElementRef<HTMLInputElement>;\n\n    constructor(\n        private _elementRef: ElementRef,\n        public baseStatesDirective: BaseStatesDirective,\n    ) {\n    }\n\n    ngAfterContentInit(): void {\n        if (!this.data.id && this.id) {\n            this.data = Object.assign(this.data, { id: this.id });\n        }\n\n        if (this._elementRef.nativeElement.parentElement?.classList.contains('eui-chip-list__chip-container')) {\n            this.role = 'listitem'\n        }\n    }\n\n    /**\n     * Remove chip handler\n     * \n     * @param event Click event\n     */\n    public onRemove(event?: Event): void {\n        if (event instanceof KeyboardEvent && (event as KeyboardEvent).code === 'Backspace') {\n            this.remove.emit({ chip: this.data, event });\n        } else {\n            this.remove.emit(this.data);\n        }\n    }\n}\n","<div class=\"eui-chip-wrapper\">\n    <div class=\"eui-chip__content-container\" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-button\n        *ngIf=\"isChipRemovable\"\n        class=\"eui-chip__close\"\n        ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n        icon=\"close:outline\"\n        euiRounded\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (buttonClick)=\"onRemove($event)\">\n    </eui-icon-button>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipComponent } from './eui-chip.component';\n\n/**\n * @description\n * Module that provides the EuiChip component and its dependencies\n *\n * @example\n * ```typescript\n * \\@NgModule({\n *   imports: [EuiChipModule]\n * })\n * export class YourModule { }\n * ```\n */\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiIconButtonModule, EuiTooltipDirectiveModule],\n    declarations: [EuiChipComponent],\n    exports: [EuiChipComponent],\n})\nexport class EuiChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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.5", 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.5", 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", 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}.eui-19 .eui-date-range-selector .mat-date-range-input,.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:var(--eui-s-3xl)}.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.5", 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-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"] }]
+            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}.eui-19 .eui-date-range-selector .mat-date-range-input,.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:var(--eui-s-3xl)}.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.5", 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.5", 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.5", 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}.eui-19 .eui-date-range-selector .mat-date-range-input,.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:var(--eui-s-3xl)}.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.5", 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-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"] }]
+            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}.eui-19 .eui-date-range-selector .mat-date-range-input,.eui-19 .eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:var(--eui-s-3xl)}.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: [{