@eui/components 18.0.0-next.14 → 18.0.0-next.16

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

@@ -24,7 +24,7 @@ var EuiChipTooltip = class {
 import { Component, HostBinding, Input, ChangeDetectionStrategy, ViewEncapsulation, forwardRef, ContentChildren, Output, EventEmitter, ViewChild, booleanAttribute } from "@angular/core";
 import * as uuid from "uuid";
 import { BaseDirective } from "@eui/components/shared";
-import { EuiIconComponent } from "@eui/components/eui-icon";
+import { EuiIconSvgComponent } from "@eui/components/eui-icon";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@eui/components/eui-icon";
@@ -77,7 +77,7 @@ var EuiChipComponent = class _EuiChipComponent extends BaseDirective {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiChipComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], usesInheritance: true, ngImport: i0, template: '<div class="eui-chip-wrapper">\n    <div class="eui-chip__content-container" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg-button\n        *ngIf="isChipRemovable"\n        iconSvgName="eui-ecl-close"\n        iconSvgSize="s"\n        ariaLabel="Remove chip"\n        hasNoPadding\n        (keydown.enter)="onRemove($event)"\n        (keydown.backspace)="onRemove($event)"\n        (click)="onRemove($event)"\n        class="eui-u-ml-xs">\n    </eui-icon-svg-button>\n</div>\n', styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], usesInheritance: true, ngImport: i0, template: '<div class="eui-chip-wrapper">\n    <div class="eui-chip__content-container" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg-button\n        *ngIf="isChipRemovable"\n        iconSvgName="eui-ecl-close"\n        iconSvgSize="s"\n        ariaLabel="Remove chip"\n        hasNoPadding\n        (keydown.enter)="onRemove($event)"\n        (keydown.backspace)="onRemove($event)"\n        (click)="onRemove($event)"\n        class="eui-u-ml-xs">\n    </eui-icon-svg-button>\n</div>\n', styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiChipComponent, decorators: [{
@@ -117,7 +117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
   type: Output
 }], euiIcons: [{
   type: ContentChildren,
-  args: [forwardRef(() => EuiIconComponent)]
+  args: [forwardRef(() => EuiIconSvgComponent)]
 }], chipLabel: [{
   type: ViewChild,
   args: ["chipLabel"]

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "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"],
-  "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    sizeClass: 'euiSizeS' | 'euiSizeM' | 'euiSizeL' | 'euiSizeXL' | 'euiSize2XL' = 'euiSizeM';\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    ViewEncapsulation,\n    forwardRef,\n    ContentChildren,\n    QueryList,\n    AfterContentInit,\n    Output,\n    EventEmitter,\n    ViewChild,\n    ElementRef,\n    booleanAttribute,\n} from '@angular/core';\nimport * as uuid from 'uuid';\n\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiIconComponent } 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    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiChipComponent extends BaseDirective implements AfterContentInit {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('eui-chip'),\n            this.isChipRemovable ? 'eui-chip--removable' : '',\n            this.isSquared ? 'eui-chip--squared' : '',\n        ]\n            .join(' ')\n            .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: uuid.v4(),\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\n    @Output() remove = new EventEmitter<EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event }>();\n\n    @ContentChildren(forwardRef(() => EuiIconComponent)) euiIcons: QueryList<EuiIconComponent>;\n    @ViewChild('chipLabel') chipLabel: ElementRef<HTMLInputElement>;\n\n    constructor(private _elementRef: ElementRef) {\n        super();\n    }\n\n    ngAfterContentInit(): void {\n        if (\n            !super.euiPrimary &&\n            !super.euiSecondary &&\n            !super.euiInfo &&\n            !super.euiSuccess &&\n            !super.euiWarning &&\n            !super.euiDanger &&\n            !super.euiAccent\n        ) {\n            super.euiPrimary = true;\n        }\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-svg-button\n        *ngIf=\"isChipRemovable\"\n        iconSvgName=\"eui-ecl-close\"\n        iconSvgSize=\"s\"\n        ariaLabel=\"Remove chip\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\"\n        class=\"eui-u-ml-xs\">\n    </eui-icon-svg-button>\n</div>\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipComponent } from './eui-chip.component';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule],\n    declarations: [EuiChipComponent],\n    exports: [EuiChipComponent],\n})\nexport class EuiChipModule {}\n"],
-  "mappings": "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",
+  "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    sizeClass: 'euiSizeS' | 'euiSizeM' | 'euiSizeL' | 'euiSizeXL' | 'euiSize2XL' = 'euiSizeM';\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    ViewEncapsulation,\n    forwardRef,\n    ContentChildren,\n    QueryList,\n    AfterContentInit,\n    Output,\n    EventEmitter,\n    ViewChild,\n    ElementRef,\n    booleanAttribute,\n} from '@angular/core';\nimport * as uuid from 'uuid';\n\nimport { BaseDirective } 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    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiChipComponent extends BaseDirective implements AfterContentInit {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('eui-chip'),\n            this.isChipRemovable ? 'eui-chip--removable' : '',\n            this.isSquared ? 'eui-chip--squared' : '',\n        ]\n            .join(' ')\n            .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: uuid.v4(),\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\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(private _elementRef: ElementRef) {\n        super();\n    }\n\n    ngAfterContentInit(): void {\n        if (\n            !super.euiPrimary &&\n            !super.euiSecondary &&\n            !super.euiInfo &&\n            !super.euiSuccess &&\n            !super.euiWarning &&\n            !super.euiDanger &&\n            !super.euiAccent\n        ) {\n            super.euiPrimary = true;\n        }\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-svg-button\n        *ngIf=\"isChipRemovable\"\n        iconSvgName=\"eui-ecl-close\"\n        iconSvgSize=\"s\"\n        ariaLabel=\"Remove chip\"\n        hasNoPadding\n        (keydown.enter)=\"onRemove($event)\"\n        (keydown.backspace)=\"onRemove($event)\"\n        (click)=\"onRemove($event)\"\n        class=\"eui-u-ml-xs\">\n    </eui-icon-svg-button>\n</div>\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipComponent } from './eui-chip.component';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiTooltipDirectiveModule],\n    declarations: [EuiChipComponent],\n    exports: [EuiChipComponent],\n})\nexport class EuiChipModule {}\n"],
+  "mappings": "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",
   "names": []
 }

package/fesm2022/eui-components-eui-dashboard-card.mjs

@@ -18,8 +18,7 @@ var EuiDashboardCardComponent = class _EuiDashboardCardComponent {
   get cssClasses() {
     return [
       this.baseStatesDirective.getCssClasses("eui-dashboard-card"),
-      this.isHorizontal ? "eui-dashboard-card--horizontal" : "",
-      this.isDisabled ? "eui-dashboard-card--disabled" : ""
+      this.isHorizontal ? "eui-dashboard-card--horizontal" : ""
     ].join(" ").trim();
   }
   constructor(baseStatesDirective) {
@@ -32,7 +31,6 @@ var EuiDashboardCardComponent = class _EuiDashboardCardComponent {
     this.isHorizontal = false;
     this.isFlatAvatar = false;
     this.hasNoBackgroundAvatar = false;
-    this.isDisabled = false;
     this.cardClick = new EventEmitter();
   }
   onClick(event) {
@@ -50,7 +48,7 @@ var EuiDashboardCardComponent = class _EuiDashboardCardComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiDashboardCardComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EuiDashboardCardComponent, selector: "eui-dashboard-card", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", labelMaxLines: "labelMaxLines", subLabelMaxLines: "subLabelMaxLines", imageUrl: "imageUrl", iconSvgName: "iconSvgName", iconSvgSize: "iconSvgSize", iconLabel: "iconLabel", url: "url", urlExternal: "urlExternal", urlExternalTarget: "urlExternalTarget", isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], isFlatAvatar: ["isFlatAvatar", "isFlatAvatar", booleanAttribute], hasNoBackgroundAvatar: ["hasNoBackgroundAvatar", "hasNoBackgroundAvatar", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute] }, outputs: { cardClick: "cardClick" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: `@if (url || urlExternal) {
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EuiDashboardCardComponent, selector: "eui-dashboard-card", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", labelMaxLines: "labelMaxLines", subLabelMaxLines: "subLabelMaxLines", imageUrl: "imageUrl", iconSvgName: "iconSvgName", iconSvgSize: "iconSvgSize", iconLabel: "iconLabel", url: "url", urlExternal: "urlExternal", urlExternalTarget: "urlExternalTarget", isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], isFlatAvatar: ["isFlatAvatar", "isFlatAvatar", booleanAttribute], hasNoBackgroundAvatar: ["hasNoBackgroundAvatar", "hasNoBackgroundAvatar", booleanAttribute] }, outputs: { cardClick: "cardClick" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: `@if (url || urlExternal) {
     @if (urlExternal) {
         <a href="{{ urlExternal }}" target="{{ urlExternalTarget }}" class="eui-dashboard-card__anchor-wrapper">
             <ng-container *ngTemplateOutlet="content"></ng-container>
@@ -217,9 +215,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
 }], hasNoBackgroundAvatar: [{
   type: Input,
   args: [{ transform: booleanAttribute }]
-}], isDisabled: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
 }], cardClick: [{
   type: Output
 }], onClick: [{

package/fesm2022/eui-components-eui-dashboard-card.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-dashboard-card/eui-dashboard-card.component.ts", "../../eui-dashboard-card/eui-dashboard-card.component.html"],
-  "sourcesContent": ["import {\n    Component,\n    NgModule,\n    HostBinding,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    OnInit,\n    Input,\n    HostListener,\n    Output,\n    EventEmitter,\n    booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@Component({\n    templateUrl: './eui-dashboard-card.component.html',\n    selector: 'eui-dashboard-card',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\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\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSizeVariant',\n                'euiDisabled',\n            ],\n        },\n    ],\n})\nexport class EuiDashboardCardComponent implements OnInit {\n    // class binding\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-dashboard-card'),\n            this.isHorizontal ? 'eui-dashboard-card--horizontal' : '',\n            this.isDisabled ? 'eui-dashboard-card--disabled' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    // e2e\n    @HostBinding('attr.data-e2e')  @Input() e2eAttr = 'eui-dashboard-card';\n\n    // aria ok - Cfr. euiDisabled\n\n    // cmp input\n    @Input() label: string;\n    @Input() subLabel: string;\n    @Input() labelMaxLines: 1 | 2 | 3 | 4 | 5 = 2;\n    @Input() subLabelMaxLines: 1 | 2 | 3 | 4 | 5 = 2;\n    @Input() imageUrl: string;\n    @Input() iconSvgName: string;\n    @Input() iconSvgSize: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n    @Input() iconLabel: string;\n    @Input() url: string;\n    @Input() urlExternal: string;\n    @Input() urlExternalTarget = '_blank';\n\n    // coerce / tranforms / state booleans\n    @Input({ transform: booleanAttribute }) isHorizontal = false;\n    @Input({ transform: booleanAttribute }) isFlatAvatar = false;\n    @Input({ transform: booleanAttribute }) hasNoBackgroundAvatar = false;\n    /**\n     * @deprecated The isDisabled option will be DEPRECATED in next eUI major version. Please use euiDisabled input instead.\n     */\n    @Input({ transform: booleanAttribute }) isDisabled = false;     // TODO v18: deprecate\n\n    // outputs\n    @Output() cardClick = new EventEmitter<MouseEvent>();\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    @HostListener('click', ['$event'])\n    onClick(event: MouseEvent): void {\n        this.cardClick.emit(event);\n    }\n\n    ngOnInit(): void {\n        if (!this.baseStatesDirective.euiSizeVariant) {\n            this.baseStatesDirective.euiSizeL = true;\n        }\n        if (!this.baseStatesDirective.euiVariant) {\n            this.baseStatesDirective.euiSecondary = true;\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, RouterModule, EuiAvatarModule, EuiLabelModule, EuiIconModule],\n    declarations: [EuiDashboardCardComponent],\n    exports: [EuiDashboardCardComponent],\n})\nexport class EuiDashboardCardModule {}\n", "@if (url || urlExternal) {\n    @if (urlExternal) {\n        <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </a>\n    } @else {\n       <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n       </a>\n    }\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    @if (iconSvgName || imageUrl || iconLabel) {\n        <div class=\"eui-dashboard-card__avatar-wrapper\">\n            <eui-avatar\n                [euiVariant]=\"baseStatesDirective.euiVariant\"\n                [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n                [isFlat]=\"isFlatAvatar\"\n                [hasNoBackground]=\"hasNoBackgroundAvatar\">\n                <eui-avatar-icon>\n                    <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n                </eui-avatar-icon>\n                <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n                <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n            </eui-avatar>\n        </div>\n    }\n    <div class=\"eui-dashboard-card__content-wrapper\">\n        @if (label) {\n            <div class=\"eui-dashboard-card__label-content\">\n                <eui-label>\n                    <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n                        {{ label }}\n                    </eui-label>\n                    @if (subLabel) {\n                        <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n                            {{ subLabel }}\n                        </eui-label>\n                    }\n                </eui-label>\n            </div>\n        }\n        <div class=\"eui-dashboard-card__sub-content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</ng-template>\n"],
-  "mappings": ";AAAA,SACI,WACA,UACA,aACA,yBACA,mBAEA,OACA,cACA,QACA,cACA,wBACG;AACP,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAE7B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;;;;;;;;AAiCxB,IAAO,4BAAP,MAAO,2BAAyB;;EAElC,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,oBAAoB;MAC3D,KAAK,eAAe,mCAAmC;MACvD,KAAK,aAAa,iCAAiC;MAElD,KAAK,GAAG,EACR,KAAI;EACb;EAgCA,YAAmB,qBAAwC;AAAxC,SAAA,sBAAA;AA7BqB,SAAA,UAAU;AAOzC,SAAA,gBAAmC;AACnC,SAAA,mBAAsC;AAGtC,SAAA,cAA6E;AAI7E,SAAA,oBAAoB;AAGW,SAAA,eAAe;AACf,SAAA,eAAe;AACf,SAAA,wBAAwB;AAIxB,SAAA,aAAa;AAG3C,SAAA,YAAY,IAAI,aAAY;EAEwB;EAG9D,QAAQ,OAAiB;AACrB,SAAK,UAAU,KAAK,KAAK;EAC7B;EAEA,WAAQ;AACJ,QAAI,CAAC,KAAK,oBAAoB,gBAAgB;AAC1C,WAAK,oBAAoB,WAAW;IACxC;AACA,QAAI,CAAC,KAAK,oBAAoB,YAAY;AACtC,WAAK,oBAAoB,eAAe;IAC5C;EACJ;;4GAzDS,4BAAyB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAzB,4BAAyB,UAAA,sBAAA,QAAA,EAAA,SAAA,WAAA,OAAA,SAAA,UAAA,YAAA,eAAA,iBAAA,kBAAA,oBAAA,UAAA,YAAA,aAAA,eAAA,aAAA,eAAA,WAAA,aAAA,KAAA,OAAA,aAAA,eAAA,mBAAA,qBAAA,cAAA,CAAA,gBAAA,gBAgCd,gBAAgB,GAAA,cAAA,CAAA,gBAAA,gBAChB,gBAAgB,GAAA,uBAAA,CAAA,yBAAA,yBAChB,gBAAgB,GAAA,YAAA,CAAA,cAAA,cAIhB,gBAAgB,EAAA,GAAA,SAAA,EAAA,WAAA,YAAA,GAAA,MAAA,EAAA,WAAA,EAAA,SAAA,kBAAA,GAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,eAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,aAAA,aAAA,cAAA,cAAA,kBAAA,kBAAA,eAAA,aAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UC1FxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDA,QAAA,CAAA,k6HAAA,GAAA,cAAA,CAAA,EAAA,MAAA,aAAA,MAAA,YAAA,UAAA,aAAA,QAAA,CAAA,SAAA,SAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,SAAA,UAAA,UAAA,QAAA,CAAA,QAAA,YAAA,UAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,qBAAA,UAAA,sBAAA,QAAA,CAAA,2BAAA,oBAAA,0BAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,eAAA,UAAA,gBAAA,QAAA,CAAA,UAAA,eAAA,YAAA,uBAAA,SAAA,QAAA,cAAA,oBAAA,sBAAA,cAAA,YAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,uBAAA,UAAA,+CAAA,QAAA,CAAA,WAAA,cAAA,aAAA,iBAAA,UAAA,iBAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,2BAAA,UAAA,kBAAA,GAAA,EAAA,MAAA,aAAA,MAAA,2BAAA,UAAA,kBAAA,GAAA,EAAA,MAAA,aAAA,MAAA,4BAAA,UAAA,oBAAA,QAAA,CAAA,UAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,sBAAA,UAAA,+KAAA,QAAA,CAAA,eAAA,eAAA,aAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,wBAAA,UAAA,iDAAA,QAAA,CAAA,QAAA,QAAA,aAAA,OAAA,kBAAA,QAAA,SAAA,WAAA,aAAA,cAAA,cAAA,aAAA,WAAA,EAAA,CAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDEa,2BAAyB,YAAA,CAAA;QA/BrC;qBAEa,sBAAoB,iBAEb,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;;KAGX,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAA,QAAA,CAAA,k6HAAA,EAAA,CAAA;gFAKU,YAAU,CAAA;QADpB;SAAY,OAAO;IAYoB,SAAO,CAAA;QAA9C;SAAY,eAAe;;QAAI;IAKvB,OAAK,CAAA;QAAb;IACQ,UAAQ,CAAA;QAAhB;IACQ,eAAa,CAAA;QAArB;IACQ,kBAAgB,CAAA;QAAxB;IACQ,UAAQ,CAAA;QAAhB;IACQ,aAAW,CAAA;QAAnB;IACQ,aAAW,CAAA;QAAnB;IACQ,WAAS,CAAA;QAAjB;IACQ,KAAG,CAAA;QAAX;IACQ,aAAW,CAAA;QAAnB;IACQ,mBAAiB,CAAA;QAAzB;IAGuC,cAAY,CAAA;QAAnD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,cAAY,CAAA;QAAnD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,uBAAqB,CAAA;QAA5D;SAAM,EAAE,WAAW,iBAAgB,CAAE;IAIE,YAAU,CAAA;QAAjD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IAG5B,WAAS,CAAA;QAAlB;IAKD,SAAO,CAAA;QADN;SAAa,SAAS,CAAC,QAAQ,CAAC;;AAoB/B,IAAO,yBAAP,MAAO,wBAAsB;;4GAAtB,yBAAsB,MAAA,CAAA,GAAA,QAAA,mBAAA,SAAA,CAAA;EAAA;;6GAAtB,yBAAsB,cAAA,CAjEtB,yBAAyB,GAAA,SAAA,CA6DxB,cAAc,cAAc,iBAAiB,gBAAgB,aAAa,GAAA,SAAA,CA7D3E,yBAAyB,EAAA,CAAA;EAAA;;6GAiEzB,yBAAsB,SAAA,CAJrB,cAAc,cAAc,iBAAiB,gBAAgB,aAAa,EAAA,CAAA;EAAA;;kGAI3E,wBAAsB,YAAA,CAAA;QALlC;SAAS;IACN,SAAS,CAAC,cAAc,cAAc,iBAAiB,gBAAgB,aAAa;IACpF,cAAc,CAAC,yBAAyB;IACxC,SAAS,CAAC,yBAAyB;GACtC;;",
+  "sourcesContent": ["import {\n    Component,\n    NgModule,\n    HostBinding,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    OnInit,\n    Input,\n    HostListener,\n    Output,\n    EventEmitter,\n    booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@Component({\n    templateUrl: './eui-dashboard-card.component.html',\n    selector: 'eui-dashboard-card',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\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\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSizeVariant',\n                'euiDisabled',\n            ],\n        },\n    ],\n})\nexport class EuiDashboardCardComponent implements OnInit {\n    // class binding\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-dashboard-card'),\n            this.isHorizontal ? 'eui-dashboard-card--horizontal' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    // e2e\n    @HostBinding('attr.data-e2e')  @Input() e2eAttr = 'eui-dashboard-card';\n\n    // aria ok - Cfr. euiDisabled\n\n    // cmp input\n    @Input() label: string;\n    @Input() subLabel: string;\n    @Input() labelMaxLines: 1 | 2 | 3 | 4 | 5 = 2;\n    @Input() subLabelMaxLines: 1 | 2 | 3 | 4 | 5 = 2;\n    @Input() imageUrl: string;\n    @Input() iconSvgName: string;\n    @Input() iconSvgSize: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n    @Input() iconLabel: string;\n    @Input() url: string;\n    @Input() urlExternal: string;\n    @Input() urlExternalTarget = '_blank';\n\n    // coerce / tranforms / state booleans\n    @Input({ transform: booleanAttribute }) isHorizontal = false;\n    @Input({ transform: booleanAttribute }) isFlatAvatar = false;\n    @Input({ transform: booleanAttribute }) hasNoBackgroundAvatar = false;\n\n    // outputs\n    @Output() cardClick = new EventEmitter<MouseEvent>();\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    @HostListener('click', ['$event'])\n    onClick(event: MouseEvent): void {\n        this.cardClick.emit(event);\n    }\n\n    ngOnInit(): void {\n        if (!this.baseStatesDirective.euiSizeVariant) {\n            this.baseStatesDirective.euiSizeL = true;\n        }\n        if (!this.baseStatesDirective.euiVariant) {\n            this.baseStatesDirective.euiSecondary = true;\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, RouterModule, EuiAvatarModule, EuiLabelModule, EuiIconModule],\n    declarations: [EuiDashboardCardComponent],\n    exports: [EuiDashboardCardComponent],\n})\nexport class EuiDashboardCardModule {}\n", "@if (url || urlExternal) {\n    @if (urlExternal) {\n        <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </a>\n    } @else {\n       <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n       </a>\n    }\n} @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n    @if (iconSvgName || imageUrl || iconLabel) {\n        <div class=\"eui-dashboard-card__avatar-wrapper\">\n            <eui-avatar\n                [euiVariant]=\"baseStatesDirective.euiVariant\"\n                [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n                [isFlat]=\"isFlatAvatar\"\n                [hasNoBackground]=\"hasNoBackgroundAvatar\">\n                <eui-avatar-icon>\n                    <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n                </eui-avatar-icon>\n                <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n                <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n            </eui-avatar>\n        </div>\n    }\n    <div class=\"eui-dashboard-card__content-wrapper\">\n        @if (label) {\n            <div class=\"eui-dashboard-card__label-content\">\n                <eui-label>\n                    <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n                        {{ label }}\n                    </eui-label>\n                    @if (subLabel) {\n                        <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n                            {{ subLabel }}\n                        </eui-label>\n                    }\n                </eui-label>\n            </div>\n        }\n        <div class=\"eui-dashboard-card__sub-content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</ng-template>\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -219,14 +219,13 @@ var EuiDateRangeSelectorComponent = class _EuiDateRangeSelectorComponent {
         type="button"
         [euiDisabled]="isDisabled"
         aria-haspopup="dialog">
-        <span *ngIf="!togglerLabel && togglerIcon" euiIcon aria-label="Open Calendar" iconClass="{{ togglerIcon }}"></span>
         <ng-container *ngIf="!togglerLabel && !togglerIcon">
             <eui-icon-svg icon="{{ togglerIconSvg }}" aria-label="Open Calendar"></eui-icon-svg>
         </ng-container>
         <span *ngIf="togglerLabel">{{ togglerLabel }}</span>
     </button>
 </div>
-`, styles: ["eui-date-range-selector{display:flex;width:100%}.eui-date-range-selector{display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector--responsive{display:flex;width:100%}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.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-base-spacing-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-base-spacing-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-base-spacing-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.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-base-spacing-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity);background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:1px solid var(--eui-base-color-danger-100)}.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-base-color-grey-100);display:flex;padding:var(--eui-base-spacing-s);text-align:left;width:100%}\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", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i8.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i8.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i9.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }], encapsulation: i0.ViewEncapsulation.None });
+`, styles: ["eui-date-range-selector{display:flex;width:100%}.eui-date-range-selector{display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector--responsive{display:flex;width:100%}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.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-base-spacing-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-base-spacing-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-base-spacing-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.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-base-spacing-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity);background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:1px solid var(--eui-base-color-danger-100)}.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-base-color-grey-100);display:flex;padding:var(--eui-base-spacing-s);text-align:left;width:100%}\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", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i8.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i9.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiDateRangeSelectorComponent, decorators: [{
@@ -282,7 +281,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
         type="button"
         [euiDisabled]="isDisabled"
         aria-haspopup="dialog">
-        <span *ngIf="!togglerLabel && togglerIcon" euiIcon aria-label="Open Calendar" iconClass="{{ togglerIcon }}"></span>
         <ng-container *ngIf="!togglerLabel && !togglerIcon">
             <eui-icon-svg icon="{{ togglerIconSvg }}" aria-label="Open Calendar"></eui-icon-svg>
         </ng-container>

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-date-range-selector/eui-date-range-selector.component.ts", "../../eui-date-range-selector/eui-date-range-selector.component.html", "../../eui-date-range-selector/eui-date-range-selector.module.ts", "../../eui-date-range-selector/eui-date-range-selector.validators.ts"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n    AfterContentInit,\n    Component,\n    DoCheck,\n    EventEmitter,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Optional,\n    Output,\n    Self,\n    SimpleChanges,\n    ViewEncapsulation,\n    booleanAttribute,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, NgControl, Validators } from '@angular/forms';\nimport { MatDatepickerInputEvent } from '@angular/material/datepicker';\nimport { DateAdapter } from '@angular/material/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { LocaleService } from '@eui/core';\nimport { EuiDateRangeSelectorDates } from './models/eui-date-range-selector-dates.model';\n@Component({\n    selector: 'eui-date-range-selector',\n    templateUrl: './eui-date-range-selector.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiDateRangeSelectorComponent implements OnInit, AfterContentInit, OnDestroy, OnChanges, ControlValueAccessor, DoCheck {\n    selectedDates: EuiDateRangeSelectorDates = { startRange:null, endRange: null };\n    public isInvalid: boolean;\n    public isTouched: boolean;\n    public startRangeFormControl = new FormControl();\n    public endRangeFormControl = new FormControl();\n\n    @Output() firstSelectedDate = new EventEmitter<any>();\n    @Output() secondSelectedDate = new EventEmitter<any>();\n\n    @Input() styleClass = '';\n    @Input() e2eAttr = 'eui-date-range-selector';\n    @Input() minDate: any;\n    @Input() maxDate: any;\n    @Input() togglerIcon: string;\n    @Input() togglerIconSvg = 'eui-calendar-outline';\n    @Input() togglerLabel: string;\n    @Input() firstInputPlaceholder: string;\n    @Input() secondInputPlaceholder: string;\n    @Input() firstInputAriaLabel: string;\n    @Input() secondInputAriaLabel: string;\n    @Input() startDateDefaultValue: any;\n    @Input() endDateDefaultValue: any;\n    @Input() comparisonStart: any;\n    @Input() comparisonEnd: any;\n    @Input() startView: 'month' | 'year' | 'multi-year' = 'month';\n    @Input({ transform: booleanAttribute })islongDateFormat = false;\n    @Input({ transform: booleanAttribute })isClearable = false;\n    @Input({ transform: booleanAttribute })isReadOnly = false;\n    @Input({ transform: booleanAttribute })isDisabled = false;\n    @Input({ transform: booleanAttribute })isResponsive = false;\n\n    protected hasAriaRequiredAttribute: boolean;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(\n        protected translateService: TranslateService,\n        @Optional() protected localeService: LocaleService,\n        protected adapter: DateAdapter<any>,\n        @Self() @Optional() protected control: NgControl,\n    ) {\n        if (this.control) {\n            this.control.valueAccessor = this;\n        }\n    }\n\n    ngOnInit(): void {\n        this.localeService\n            .getState()\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((state) => {\n                this.adapter.setLocale(state.id);\n            });\n\n        this.startRangeFormControl = new FormControl({ value: this.startDateDefaultValue, disabled: this.isDisabled });\n        this.endRangeFormControl = new FormControl({ value: this.endDateDefaultValue, disabled: this.isDisabled });\n\n        if (!this.firstInputPlaceholder) {\n            this.translateService\n                .stream('eui.daterangeselector.FIRSTPICKERSLABEL')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.firstInputPlaceholder = result;\n                });\n        }\n        // by setting the firstInputAriaLabel to dd/mm/yyyy(or the desired format) the format can be announced to the screen reader users before the users start typing\n        if (!this.firstInputAriaLabel) {\n            this.translateService\n                .stream('eui.daterangeselector.FIRSTPICKERSPLACEHOLDER')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.firstInputAriaLabel = result;\n                });\n        }\n        if (!this.secondInputPlaceholder) {\n            this.translateService\n                .stream('eui.daterangeselector.SECONDPICKERSLABEL')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.secondInputPlaceholder = result;\n                });\n        }\n        // by setting the secondInputAriaLabel to dd/mm/yyyy(or the desired format) the format can be announced to the screen reader users before the users start typing\n        if (!this.secondInputAriaLabel) {\n            this.translateService\n                .stream('eui.daterangeselector.SECONDPICKERSPLACEHOLDER')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.secondInputAriaLabel = result;\n                });\n        }\n\n        this.updateInputAriaRequiredAttribute(this.control);\n        this.control?.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n            this.updateInputAriaRequiredAttribute(this.control);\n        });\n    }\n\n    ngDoCheck(): void {\n        if (this.control) {\n            // marks the input controls as touched/invalid if the form control is touched/invalid\n            this.control?.touched ? this.startRangeFormControl?.markAsTouched() : this.startRangeFormControl.markAsUntouched();\n            this.control?.touched ? this.endRangeFormControl.markAsTouched() : this.endRangeFormControl?.markAsUntouched();\n            this.control?.touched ? (this.isTouched = true) : (this.isTouched = false);\n            this.control?.invalid ? this.startRangeFormControl.setErrors(this.control.errors) : this.startRangeFormControl.setErrors(null);\n            this.control?.invalid ? this.endRangeFormControl.setErrors(this.control.errors) : this.endRangeFormControl.setErrors(null);\n            this.control?.invalid ? (this.isInvalid = true) : (this.isInvalid = false);\n        }\n    }\n\n    ngAfterContentInit(): void {\n        if (this.islongDateFormat) {\n            this.styleClass += 'eui-date-range-selector--long-date-format';\n        }\n        if (this.isClearable) {\n            this.styleClass += 'eui-date-range-selector--clearable';\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes && changes['startDateDefaultValue']) {\n            this.startRangeFormControl.setValue(this.startDateDefaultValue);\n        }\n        if (changes && changes['endDateDefaultValue']) {\n            this.endRangeFormControl.setValue(this.endDateDefaultValue);\n        }\n\n        if (changes && changes['isDisabled']) {\n            this.setDisabledState(this.isDisabled);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    public onFirstDateChange(e: MatDatepickerInputEvent<any>): void {\n        this.selectedDates.startRange = e.value;\n        this.firstSelectedDate.emit(e.value);\n        this.propagateChange(this.selectedDates);\n        this.propagateTouched();\n    }\n\n    public onSecondDateChange(e: MatDatepickerInputEvent<any>): void {\n        this.selectedDates.endRange = e.value;\n        this.secondSelectedDate.emit(e.value);\n        this.propagateChange(this.selectedDates);\n        this.propagateTouched();\n    }\n\n    onFirstDateClear(): void {\n        this.selectedDates.startRange = null;\n        this.firstSelectedDate.emit(null);\n        this.propagateChange(this.selectedDates);\n    }\n    onSecondDateClear(): void {\n        this.selectedDates.endRange = null;\n        this.secondSelectedDate.emit(null);\n        this.propagateChange(this.selectedDates);\n    }\n\n    writeValue(values: EuiDateRangeSelectorDates): void {\n        if (values && values.startRange === undefined) {\n            throw new Error('startRange of EuiDateRangeSelectorDates model must be defined');\n        }\n        if (values && values.endRange === undefined) {\n            throw new Error('endRange of EuiDateRangeSelectorDates model must be defined');\n        }\n\n        this.startDateDefaultValue = values?.startRange;\n        this.endDateDefaultValue = values?.endRange;\n        this.startRangeFormControl.setValue(values?.startRange);\n        this.endRangeFormControl.setValue(values?.endRange);\n        this.selectedDates = values || { startRange:null, endRange: null };\n    }\n\n    public setDisabledState?(isDisabled: boolean): void {\n        this.isDisabled = isDisabled;\n        if (this.isDisabled) {\n            this.startRangeFormControl.disable();\n            this.endRangeFormControl.disable();\n        } else {\n            this.startRangeFormControl.enable();\n            this.endRangeFormControl.enable();\n        }\n    }\n\n    registerOnChange(fn: any): void {\n        this.propagateChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.propagateTouched = fn;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars\n    private propagateChange = (_: any): void => {};\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    private propagateTouched = (): void => {};\n\n    /**\n     * Updates the `aria-required` attribute on the input element.\n     * @private\n     */\n    private updateInputAriaRequiredAttribute(control: NgControl): void {\n        this.hasAriaRequiredAttribute = control?.control?.hasValidator(Validators.required);\n    }\n}\n", "<div\n    class=\"eui-date-range-selector {{ styleClass }}\"\n    attr.data-e2e=\"{{ e2eAttr }}\"\n    [class.eui-date-range-selector--responsive]=\"isResponsive\">\n    <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            [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            (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            (clear)=\"onSecondDateClear()\" />\n    </mat-date-range-input>\n    <mat-date-range-picker #picker [startView]=\"startView\"> </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\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n        <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n        </ng-container>\n        <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n    </button>\n</div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';\nimport { MatMomentDateModule, MomentDateAdapter } from '@angular/material-moment-adapter';\n\nimport { EuiDateRangeSelectorComponent } from './eui-date-range-selector.component';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\nimport { DEFAULT_FORMATS } from '@eui/components/eui-datepicker';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        TranslateModule,\n        MatDatepickerModule,\n        MatMomentDateModule,\n        EuiButtonModule,\n        EuiIconModule,\n        EuiInputTextModule,\n    ],\n    exports: [EuiDateRangeSelectorComponent],\n    declarations: [EuiDateRangeSelectorComponent],\n    providers: [\n        { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },\n        { provide: MAT_DATE_FORMATS, useValue: DEFAULT_FORMATS },\n    ],\n})\nexport class EuiDateRangeSelectorModule {}\n", "import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\nimport { DateAdapter } from '@angular/material/core';\nimport moment from 'moment';\n\n/**\n * @description\n * Validator that checks that the start date isn't after the end date.\n *\n * @usageNotes\n * If the user types a value in the input field that is not aligned with the provided format the component propagates a null value that\n * can be used to validate the input field.\n *\n * @returns An error map with the\n * `euiDateRangeInvalid` if the validation check fails, otherwise `null`.\n */\n\nexport const euiStartEndDateValidator =\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    (adapter: DateAdapter<any>): ValidatorFn =>\n    (control: AbstractControl): ValidationErrors | null => {\n        const start = moment(adapter.getValidDateOrNull(adapter.deserialize(control.value.startRange)));\n        const end = moment(control.value?.endRange);\n        return !start || !end || adapter.compareDate(start, end) <= 0 ? null : { euiDateRangeInvalid: { end, actual: start } };\n    };\n"],
-  "mappings": ";AACA,SAEI,WAEA,cACA,OAIA,UACA,QACA,MAEA,mBACA,wBACG;AACP,SAA+B,aAAwB,kBAAkB;AAIzE,SAAS,eAAe;AACxB,SAAS,iBAAiB;;;;;;;;;;;AAUpB,IAAO,gCAAP,MAAO,+BAA6B;EAmCtC,YACc,kBACY,eACZ,SACoB,SAAkB;AAHtC,SAAA,mBAAA;AACY,SAAA,gBAAA;AACZ,SAAA,UAAA;AACoB,SAAA,UAAA;AAtClC,SAAA,gBAA2C,EAAE,YAAW,MAAM,UAAU,KAAI;AAGrE,SAAA,wBAAwB,IAAI,YAAW;AACvC,SAAA,sBAAsB,IAAI,YAAW;AAElC,SAAA,oBAAoB,IAAI,aAAY;AACpC,SAAA,qBAAqB,IAAI,aAAY;AAEtC,SAAA,aAAa;AACb,SAAA,UAAU;AAIV,SAAA,iBAAiB;AAUjB,SAAA,YAA6C;AACf,SAAA,mBAAmB;AACnB,SAAA,cAAc;AACd,SAAA,aAAa;AACb,SAAA,aAAa;AACb,SAAA,eAAe;AAG9C,SAAA,WAA6B,IAAI,QAAO;AAoKxC,SAAA,kBAAkB,CAAC,MAAgB;IAAE;AAGrC,SAAA,mBAAmB,MAAW;IAAE;AA/JpC,QAAI,KAAK,SAAS;AACd,WAAK,QAAQ,gBAAgB;IACjC;EACJ;EAEA,WAAQ;AACJ,SAAK,cACA,SAAQ,EACR,KAAK,UAAU,KAAK,QAAQ,CAAC,EAC7B,UAAU,CAAC,UAAS;AACjB,WAAK,QAAQ,UAAU,MAAM,EAAE;IACnC,CAAC;AAEL,SAAK,wBAAwB,IAAI,YAAY,EAAE,OAAO,KAAK,uBAAuB,UAAU,KAAK,WAAU,CAAE;AAC7G,SAAK,sBAAsB,IAAI,YAAY,EAAE,OAAO,KAAK,qBAAqB,UAAU,KAAK,WAAU,CAAE;AAEzG,QAAI,CAAC,KAAK,uBAAuB;AAC7B,WAAK,iBACA,OAAO,yCAAyC,EAChD,KAAK,UAAU,KAAK,QAAQ,CAAC,EAC7B,UAAU,CAAC,WAAkB;AAC1B,aAAK,wBAAwB;MACjC,CAAC;IACT;AAEA,QAAI,CAAC,KAAK,qBAAqB;AAC3B,WAAK,iBACA,OAAO,+CAA+C,EACtD,KAAK,UAAU,KAAK,QAAQ,CAAC,EAC7B,UAAU,CAAC,WAAkB;AAC1B,aAAK,sBAAsB;MAC/B,CAAC;IACT;AACA,QAAI,CAAC,KAAK,wBAAwB;AAC9B,WAAK,iBACA,OAAO,0CAA0C,EACjD,KAAK,UAAU,KAAK,QAAQ,CAAC,EAC7B,UAAU,CAAC,WAAkB;AAC1B,aAAK,yBAAyB;MAClC,CAAC;IACT;AAEA,QAAI,CAAC,KAAK,sBAAsB;AAC5B,WAAK,iBACA,OAAO,gDAAgD,EACvD,KAAK,UAAU,KAAK,QAAQ,CAAC,EAC7B,UAAU,CAAC,WAAkB;AAC1B,aAAK,uBAAuB;MAChC,CAAC;IACT;AAEA,SAAK,iCAAiC,KAAK,OAAO;AAClD,SAAK,SAAS,aAAa,KAAK,UAAU,KAAK,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAS;AAC1E,WAAK,iCAAiC,KAAK,OAAO;IACtD,CAAC;EACL;EAEA,YAAS;AACL,QAAI,KAAK,SAAS;AAEd,WAAK,SAAS,UAAU,KAAK,uBAAuB,cAAa,IAAK,KAAK,sBAAsB,gBAAe;AAChH,WAAK,SAAS,UAAU,KAAK,oBAAoB,cAAa,IAAK,KAAK,qBAAqB,gBAAe;AAC5G,WAAK,SAAS,UAAW,KAAK,YAAY,OAAS,KAAK,YAAY;AACpE,WAAK,SAAS,UAAU,KAAK,sBAAsB,UAAU,KAAK,QAAQ,MAAM,IAAI,KAAK,sBAAsB,UAAU,IAAI;AAC7H,WAAK,SAAS,UAAU,KAAK,oBAAoB,UAAU,KAAK,QAAQ,MAAM,IAAI,KAAK,oBAAoB,UAAU,IAAI;AACzH,WAAK,SAAS,UAAW,KAAK,YAAY,OAAS,KAAK,YAAY;IACxE;EACJ;EAEA,qBAAkB;AACd,QAAI,KAAK,kBAAkB;AACvB,WAAK,cAAc;IACvB;AACA,QAAI,KAAK,aAAa;AAClB,WAAK,cAAc;IACvB;EACJ;EAEA,YAAY,SAAsB;AAC9B,QAAI,WAAW,QAAQ,uBAAuB,GAAG;AAC7C,WAAK,sBAAsB,SAAS,KAAK,qBAAqB;IAClE;AACA,QAAI,WAAW,QAAQ,qBAAqB,GAAG;AAC3C,WAAK,oBAAoB,SAAS,KAAK,mBAAmB;IAC9D;AAEA,QAAI,WAAW,QAAQ,YAAY,GAAG;AAClC,WAAK,iBAAiB,KAAK,UAAU;IACzC;EACJ;EAEA,cAAW;AACP,SAAK,SAAS,KAAK,IAAI;AACvB,SAAK,SAAS,YAAW;EAC7B;EAEO,kBAAkB,GAA+B;AACpD,SAAK,cAAc,aAAa,EAAE;AAClC,SAAK,kBAAkB,KAAK,EAAE,KAAK;AACnC,SAAK,gBAAgB,KAAK,aAAa;AACvC,SAAK,iBAAgB;EACzB;EAEO,mBAAmB,GAA+B;AACrD,SAAK,cAAc,WAAW,EAAE;AAChC,SAAK,mBAAmB,KAAK,EAAE,KAAK;AACpC,SAAK,gBAAgB,KAAK,aAAa;AACvC,SAAK,iBAAgB;EACzB;EAEA,mBAAgB;AACZ,SAAK,cAAc,aAAa;AAChC,SAAK,kBAAkB,KAAK,IAAI;AAChC,SAAK,gBAAgB,KAAK,aAAa;EAC3C;EACA,oBAAiB;AACb,SAAK,cAAc,WAAW;AAC9B,SAAK,mBAAmB,KAAK,IAAI;AACjC,SAAK,gBAAgB,KAAK,aAAa;EAC3C;EAEA,WAAW,QAAiC;AACxC,QAAI,UAAU,OAAO,eAAe,QAAW;AAC3C,YAAM,IAAI,MAAM,+DAA+D;IACnF;AACA,QAAI,UAAU,OAAO,aAAa,QAAW;AACzC,YAAM,IAAI,MAAM,6DAA6D;IACjF;AAEA,SAAK,wBAAwB,QAAQ;AACrC,SAAK,sBAAsB,QAAQ;AACnC,SAAK,sBAAsB,SAAS,QAAQ,UAAU;AACtD,SAAK,oBAAoB,SAAS,QAAQ,QAAQ;AAClD,SAAK,gBAAgB,UAAU,EAAE,YAAW,MAAM,UAAU,KAAI;EACpE;EAEO,iBAAkB,YAAmB;AACxC,SAAK,aAAa;AAClB,QAAI,KAAK,YAAY;AACjB,WAAK,sBAAsB,QAAO;AAClC,WAAK,oBAAoB,QAAO;IACpC,OAAO;AACH,WAAK,sBAAsB,OAAM;AACjC,WAAK,oBAAoB,OAAM;IACnC;EACJ;EAEA,iBAAiB,IAAO;AACpB,SAAK,kBAAkB;EAC3B;EAEA,kBAAkB,IAAO;AACrB,SAAK,mBAAmB;EAC5B;;;;;EAYQ,iCAAiC,SAAkB;AACvD,SAAK,2BAA2B,SAAS,SAAS,aAAa,WAAW,QAAQ;EACtF;;4GAhNS,gCAA6B,MAAA,CAAA,EAAA,OAAA,oBAAA,GAAA,EAAA,OAAA,kBAAA,UAAA,KAAA,GAAA,EAAA,OAAA,eAAA,GAAA,EAAA,OAAA,cAAA,UAAA,MAAA,MAAA,KAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAA7B,gCAA6B,UAAA,2BAAA,QAAA,EAAA,YAAA,cAAA,SAAA,WAAA,SAAA,WAAA,SAAA,WAAA,aAAA,eAAA,gBAAA,kBAAA,cAAA,gBAAA,uBAAA,yBAAA,wBAAA,0BAAA,qBAAA,uBAAA,sBAAA,wBAAA,uBAAA,yBAAA,qBAAA,uBAAA,iBAAA,mBAAA,eAAA,iBAAA,WAAA,aAAA,kBAAA,CAAA,oBAAA,oBA0BlB,gBAAgB,GAAA,aAAA,CAAA,eAAA,eAChB,gBAAgB,GAAA,YAAA,CAAA,cAAA,cAChB,gBAAgB,GAAA,YAAA,CAAA,cAAA,cAChB,gBAAgB,GAAA,cAAA,CAAA,gBAAA,gBAChB,gBAAgB,EAAA,GAAA,SAAA,EAAA,mBAAA,qBAAA,oBAAA,qBAAA,GAAA,eAAA,MAAA,UAAA,IAAA,UC9DxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DA,QAAA,CAAA,4+FAAA,GAAA,cAAA,CAAA,EAAA,MAAA,aAAA,MAAA,SAAA,UAAA,UAAA,QAAA,CAAA,QAAA,YAAA,UAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,yBAAA,UAAA,+MAAA,GAAA,EAAA,MAAA,aAAA,MAAA,oBAAA,UAAA,4CAAA,GAAA,EAAA,MAAA,aAAA,MAAA,yBAAA,UAAA,iBAAA,QAAA,CAAA,eAAA,YAAA,SAAA,GAAA,SAAA,CAAA,eAAA,GAAA,UAAA,CAAA,QAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,sBAAA,UAAA,wBAAA,QAAA,CAAA,eAAA,YAAA,cAAA,OAAA,OAAA,YAAA,aAAA,mBAAA,eAAA,GAAA,UAAA,CAAA,mBAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,iBAAA,UAAA,uBAAA,SAAA,CAAA,cAAA,WAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,eAAA,UAAA,qBAAA,SAAA,CAAA,cAAA,WAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,uBAAA,UAAA,yBAAA,UAAA,CAAA,oBAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,uBAAA,UAAA,mCAAA,QAAA,CAAA,WAAA,MAAA,kBAAA,iBAAA,kBAAA,aAAA,iBAAA,aAAA,GAAA,SAAA,CAAA,aAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,qBAAA,UAAA,qDAAA,QAAA,CAAA,cAAA,aAAA,WAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,wBAAA,UAAA,iDAAA,QAAA,CAAA,QAAA,QAAA,aAAA,OAAA,kBAAA,QAAA,SAAA,WAAA,aAAA,cAAA,cAAA,aAAA,WAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,0BAAA,UAAA,uBAAA,QAAA,CAAA,WAAA,EAAA,CAAA,GAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGD1Ba,+BAA6B,YAAA,CAAA;QANzC;qBACa,2BAAyB,eAGpB,kBAAkB,MAAI,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAA,QAAA,CAAA,4+FAAA,EAAA,CAAA;;QAuChC;;QAEA;;QAAQ;yBAhCH,mBAAiB,CAAA;QAA1B;IACS,oBAAkB,CAAA;QAA3B;IAEQ,YAAU,CAAA;QAAlB;IACQ,SAAO,CAAA;QAAf;IACQ,SAAO,CAAA;QAAf;IACQ,SAAO,CAAA;QAAf;IACQ,aAAW,CAAA;QAAnB;IACQ,gBAAc,CAAA;QAAtB;IACQ,cAAY,CAAA;QAApB;IACQ,uBAAqB,CAAA;QAA7B;IACQ,wBAAsB,CAAA;QAA9B;IACQ,qBAAmB,CAAA;QAA3B;IACQ,sBAAoB,CAAA;QAA5B;IACQ,uBAAqB,CAAA;QAA7B;IACQ,qBAAmB,CAAA;QAA3B;IACQ,iBAAe,CAAA;QAAvB;IACQ,eAAa,CAAA;QAArB;IACQ,WAAS,CAAA;QAAjB;IACsC,kBAAgB,CAAA;QAAtD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACC,aAAW,CAAA;QAAjD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACC,YAAU,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACC,YAAU,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACC,cAAY,CAAA;QAAlD;SAAM,EAAE,WAAW,iBAAgB,CAAE;;;;AE9D1C,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,aAAa,2BAA2B;AACjD,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC,SAAS,eAAAA,cAAa,kBAAkB,uBAAuB;AAC/D,SAAS,qBAAqB,yBAAyB;AAGvD,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;;AAqB1B,IAAO,6BAAP,MAAO,4BAA0B;;8GAA1B,6BAA0B,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAA1B,6BAA0B,cAAA,CANpB,6BAA6B,GAAA,SAAA;MAXxC;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IAAkB,GAAA,SAAA,CAEZ,6BAA6B,EAAA,CAAA;EAAA;;+GAO9B,6BAA0B,WALxB;MACP,EAAE,SAASA,cAAa,UAAU,mBAAmB,MAAM,CAAC,eAAe,EAAC;MAC5E,EAAE,SAAS,kBAAkB,UAAU,gBAAe;OACzD,SAAA;MAfG;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IAAkB,EAAA,CAAA;EAAA;;oGASb,4BAA0B,YAAA,CAAA;QAnBtC;SAAS;IACN,SAAS;MACL;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;;IAEJ,SAAS,CAAC,6BAA6B;IACvC,cAAc,CAAC,6BAA6B;IAC5C,WAAW;MACP,EAAE,SAASA,cAAa,UAAU,mBAAmB,MAAM,CAAC,eAAe,EAAC;MAC5E,EAAE,SAAS,kBAAkB,UAAU,gBAAe;;GAE7D;;;;AC9BD,OAAO,YAAY;AAcZ,IAAM;;;EAGT,CAAC,YACD,CAAC,YAAqD;AAClD,UAAM,QAAQ,OAAO,QAAQ,mBAAmB,QAAQ,YAAY,QAAQ,MAAM,UAAU,CAAC,CAAC;AAC9F,UAAM,MAAM,OAAO,QAAQ,OAAO,QAAQ;AAC1C,WAAO,CAAC,SAAS,CAAC,OAAO,QAAQ,YAAY,OAAO,GAAG,KAAK,IAAI,OAAO,EAAE,qBAAqB,EAAE,KAAK,QAAQ,MAAK,EAAE;EACxH;;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n    AfterContentInit,\n    Component,\n    DoCheck,\n    EventEmitter,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Optional,\n    Output,\n    Self,\n    SimpleChanges,\n    ViewEncapsulation,\n    booleanAttribute,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, NgControl, Validators } from '@angular/forms';\nimport { MatDatepickerInputEvent } from '@angular/material/datepicker';\nimport { DateAdapter } from '@angular/material/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { LocaleService } from '@eui/core';\nimport { EuiDateRangeSelectorDates } from './models/eui-date-range-selector-dates.model';\n@Component({\n    selector: 'eui-date-range-selector',\n    templateUrl: './eui-date-range-selector.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiDateRangeSelectorComponent implements OnInit, AfterContentInit, OnDestroy, OnChanges, ControlValueAccessor, DoCheck {\n    selectedDates: EuiDateRangeSelectorDates = { startRange:null, endRange: null };\n    public isInvalid: boolean;\n    public isTouched: boolean;\n    public startRangeFormControl = new FormControl();\n    public endRangeFormControl = new FormControl();\n\n    @Output() firstSelectedDate = new EventEmitter<any>();\n    @Output() secondSelectedDate = new EventEmitter<any>();\n\n    @Input() styleClass = '';\n    @Input() e2eAttr = 'eui-date-range-selector';\n    @Input() minDate: any;\n    @Input() maxDate: any;\n    @Input() togglerIcon: string;\n    @Input() togglerIconSvg = 'eui-calendar-outline';\n    @Input() togglerLabel: string;\n    @Input() firstInputPlaceholder: string;\n    @Input() secondInputPlaceholder: string;\n    @Input() firstInputAriaLabel: string;\n    @Input() secondInputAriaLabel: string;\n    @Input() startDateDefaultValue: any;\n    @Input() endDateDefaultValue: any;\n    @Input() comparisonStart: any;\n    @Input() comparisonEnd: any;\n    @Input() startView: 'month' | 'year' | 'multi-year' = 'month';\n    @Input({ transform: booleanAttribute })islongDateFormat = false;\n    @Input({ transform: booleanAttribute })isClearable = false;\n    @Input({ transform: booleanAttribute })isReadOnly = false;\n    @Input({ transform: booleanAttribute })isDisabled = false;\n    @Input({ transform: booleanAttribute })isResponsive = false;\n\n    protected hasAriaRequiredAttribute: boolean;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(\n        protected translateService: TranslateService,\n        @Optional() protected localeService: LocaleService,\n        protected adapter: DateAdapter<any>,\n        @Self() @Optional() protected control: NgControl,\n    ) {\n        if (this.control) {\n            this.control.valueAccessor = this;\n        }\n    }\n\n    ngOnInit(): void {\n        this.localeService\n            .getState()\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((state) => {\n                this.adapter.setLocale(state.id);\n            });\n\n        this.startRangeFormControl = new FormControl({ value: this.startDateDefaultValue, disabled: this.isDisabled });\n        this.endRangeFormControl = new FormControl({ value: this.endDateDefaultValue, disabled: this.isDisabled });\n\n        if (!this.firstInputPlaceholder) {\n            this.translateService\n                .stream('eui.daterangeselector.FIRSTPICKERSLABEL')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.firstInputPlaceholder = result;\n                });\n        }\n        // by setting the firstInputAriaLabel to dd/mm/yyyy(or the desired format) the format can be announced to the screen reader users before the users start typing\n        if (!this.firstInputAriaLabel) {\n            this.translateService\n                .stream('eui.daterangeselector.FIRSTPICKERSPLACEHOLDER')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.firstInputAriaLabel = result;\n                });\n        }\n        if (!this.secondInputPlaceholder) {\n            this.translateService\n                .stream('eui.daterangeselector.SECONDPICKERSLABEL')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.secondInputPlaceholder = result;\n                });\n        }\n        // by setting the secondInputAriaLabel to dd/mm/yyyy(or the desired format) the format can be announced to the screen reader users before the users start typing\n        if (!this.secondInputAriaLabel) {\n            this.translateService\n                .stream('eui.daterangeselector.SECONDPICKERSPLACEHOLDER')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.secondInputAriaLabel = result;\n                });\n        }\n\n        this.updateInputAriaRequiredAttribute(this.control);\n        this.control?.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n            this.updateInputAriaRequiredAttribute(this.control);\n        });\n    }\n\n    ngDoCheck(): void {\n        if (this.control) {\n            // marks the input controls as touched/invalid if the form control is touched/invalid\n            this.control?.touched ? this.startRangeFormControl?.markAsTouched() : this.startRangeFormControl.markAsUntouched();\n            this.control?.touched ? this.endRangeFormControl.markAsTouched() : this.endRangeFormControl?.markAsUntouched();\n            this.control?.touched ? (this.isTouched = true) : (this.isTouched = false);\n            this.control?.invalid ? this.startRangeFormControl.setErrors(this.control.errors) : this.startRangeFormControl.setErrors(null);\n            this.control?.invalid ? this.endRangeFormControl.setErrors(this.control.errors) : this.endRangeFormControl.setErrors(null);\n            this.control?.invalid ? (this.isInvalid = true) : (this.isInvalid = false);\n        }\n    }\n\n    ngAfterContentInit(): void {\n        if (this.islongDateFormat) {\n            this.styleClass += 'eui-date-range-selector--long-date-format';\n        }\n        if (this.isClearable) {\n            this.styleClass += 'eui-date-range-selector--clearable';\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes && changes['startDateDefaultValue']) {\n            this.startRangeFormControl.setValue(this.startDateDefaultValue);\n        }\n        if (changes && changes['endDateDefaultValue']) {\n            this.endRangeFormControl.setValue(this.endDateDefaultValue);\n        }\n\n        if (changes && changes['isDisabled']) {\n            this.setDisabledState(this.isDisabled);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    public onFirstDateChange(e: MatDatepickerInputEvent<any>): void {\n        this.selectedDates.startRange = e.value;\n        this.firstSelectedDate.emit(e.value);\n        this.propagateChange(this.selectedDates);\n        this.propagateTouched();\n    }\n\n    public onSecondDateChange(e: MatDatepickerInputEvent<any>): void {\n        this.selectedDates.endRange = e.value;\n        this.secondSelectedDate.emit(e.value);\n        this.propagateChange(this.selectedDates);\n        this.propagateTouched();\n    }\n\n    onFirstDateClear(): void {\n        this.selectedDates.startRange = null;\n        this.firstSelectedDate.emit(null);\n        this.propagateChange(this.selectedDates);\n    }\n    onSecondDateClear(): void {\n        this.selectedDates.endRange = null;\n        this.secondSelectedDate.emit(null);\n        this.propagateChange(this.selectedDates);\n    }\n\n    writeValue(values: EuiDateRangeSelectorDates): void {\n        if (values && values.startRange === undefined) {\n            throw new Error('startRange of EuiDateRangeSelectorDates model must be defined');\n        }\n        if (values && values.endRange === undefined) {\n            throw new Error('endRange of EuiDateRangeSelectorDates model must be defined');\n        }\n\n        this.startDateDefaultValue = values?.startRange;\n        this.endDateDefaultValue = values?.endRange;\n        this.startRangeFormControl.setValue(values?.startRange);\n        this.endRangeFormControl.setValue(values?.endRange);\n        this.selectedDates = values || { startRange:null, endRange: null };\n    }\n\n    public setDisabledState?(isDisabled: boolean): void {\n        this.isDisabled = isDisabled;\n        if (this.isDisabled) {\n            this.startRangeFormControl.disable();\n            this.endRangeFormControl.disable();\n        } else {\n            this.startRangeFormControl.enable();\n            this.endRangeFormControl.enable();\n        }\n    }\n\n    registerOnChange(fn: any): void {\n        this.propagateChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.propagateTouched = fn;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars\n    private propagateChange = (_: any): void => {};\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    private propagateTouched = (): void => {};\n\n    /**\n     * Updates the `aria-required` attribute on the input element.\n     * @private\n     */\n    private updateInputAriaRequiredAttribute(control: NgControl): void {\n        this.hasAriaRequiredAttribute = control?.control?.hasValidator(Validators.required);\n    }\n}\n", "<div\n    class=\"eui-date-range-selector {{ styleClass }}\"\n    attr.data-e2e=\"{{ e2eAttr }}\"\n    [class.eui-date-range-selector--responsive]=\"isResponsive\">\n    <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            [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            (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            (clear)=\"onSecondDateClear()\" />\n    </mat-date-range-input>\n    <mat-date-range-picker #picker [startView]=\"startView\"> </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\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n        </ng-container>\n        <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n    </button>\n</div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';\nimport { MatMomentDateModule, MomentDateAdapter } from '@angular/material-moment-adapter';\n\nimport { EuiDateRangeSelectorComponent } from './eui-date-range-selector.component';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\nimport { DEFAULT_FORMATS } from '@eui/components/eui-datepicker';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        TranslateModule,\n        MatDatepickerModule,\n        MatMomentDateModule,\n        EuiButtonModule,\n        EuiIconModule,\n        EuiInputTextModule,\n    ],\n    exports: [EuiDateRangeSelectorComponent],\n    declarations: [EuiDateRangeSelectorComponent],\n    providers: [\n        { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },\n        { provide: MAT_DATE_FORMATS, useValue: DEFAULT_FORMATS },\n    ],\n})\nexport class EuiDateRangeSelectorModule {}\n", "import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\nimport { DateAdapter } from '@angular/material/core';\nimport moment from 'moment';\n\n/**\n * @description\n * Validator that checks that the start date isn't after the end date.\n *\n * @usageNotes\n * If the user types a value in the input field that is not aligned with the provided format the component propagates a null value that\n * can be used to validate the input field.\n *\n * @returns An error map with the\n * `euiDateRangeInvalid` if the validation check fails, otherwise `null`.\n */\n\nexport const euiStartEndDateValidator =\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    (adapter: DateAdapter<any>): ValidatorFn =>\n    (control: AbstractControl): ValidationErrors | null => {\n        const start = moment(adapter.getValidDateOrNull(adapter.deserialize(control.value.startRange)));\n        const end = moment(control.value?.endRange);\n        return !start || !end || adapter.compareDate(start, end) <= 0 ? null : { euiDateRangeInvalid: { end, actual: start } };\n    };\n"],
+  "mappings": "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",
   "names": ["DateAdapter"]
 }

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

@@ -576,7 +576,6 @@ var EuiDatepickerComponent = class _EuiDatepickerComponent {
                 [euiIconButton]="!togglerLabel"
                 [euiDisabled]="isButtonDisabled"
                 aria-haspopup="dialog">
-                <span *ngIf="!togglerLabel && togglerIcon" euiIcon aria-label="Open Calendar" iconClass="{{ togglerIcon }}"></span>
                 <ng-container *ngIf="!togglerLabel && !togglerIcon">
                     <eui-icon-svg icon="{{ togglerIconSvg }}" aria-label="Open Calendar"></eui-icon-svg>
                 </ng-container>
@@ -589,7 +588,7 @@ var EuiDatepickerComponent = class _EuiDatepickerComponent {
 <ng-template #templatePortalRef>
     <ng-content select="eui-action-buttons"></ng-content>
 </ng-template>
-`, styles: [":host.eui-datepicker{display:flex;width:100%}.eui-datepicker{display:flex;width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group-addon{width:unset}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-base-border-radius);border-top-right-radius:var(--eui-base-border-radius)}.eui-datepicker .eui-datepicker__wrapper .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper--responsive,.eui-datepicker .eui-datepicker__wrapper--responsive .eui-input-group-addon{width:100%}.eui-datepicker--container-height-large{height:auto!important}.eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-xs)}.eui-datepicker__actions-cancel-button{margin-right:var(--eui-base-spacing-m)}.mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:fit-content!important}.mat-mdc-icon-button:disabled{color:var(--eui-base-color-grey-50)!important}.eui-datepicker--primary input{background-color:var(--eui-base-color-primary-10)}.eui-datepicker--secondary input{background-color:var(--eui-base-color-grey-10)}.eui-datepicker--info input{background-color:var(--eui-base-color-info-10)}.eui-datepicker--success input{background-color:var(--eui-base-color-success-10)}.eui-datepicker--warning input{background-color:var(--eui-base-color-warning-10)}.eui-datepicker--danger input{background-color:var(--eui-base-color-danger-10)}.eui-datepicker--accent input{background-color:var(--eui-base-color-accent-10)}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i7.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i8.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i9.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i9.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i10.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i11.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }], encapsulation: i0.ViewEncapsulation.None });
+`, styles: [":host.eui-datepicker{display:flex;width:100%}.eui-datepicker{display:flex;width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group-addon{width:unset}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-base-border-radius);border-top-right-radius:var(--eui-base-border-radius)}.eui-datepicker .eui-datepicker__wrapper .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper--responsive,.eui-datepicker .eui-datepicker__wrapper--responsive .eui-input-group-addon{width:100%}.eui-datepicker--container-height-large{height:auto!important}.eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-xs)}.eui-datepicker__actions-cancel-button{margin-right:var(--eui-base-spacing-m)}.mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:fit-content!important}.mat-mdc-icon-button:disabled{color:var(--eui-base-color-grey-50)!important}.eui-datepicker--primary input{background-color:var(--eui-base-color-primary-10)}.eui-datepicker--secondary input{background-color:var(--eui-base-color-grey-10)}.eui-datepicker--info input{background-color:var(--eui-base-color-info-10)}.eui-datepicker--success input{background-color:var(--eui-base-color-success-10)}.eui-datepicker--warning input{background-color:var(--eui-base-color-warning-10)}.eui-datepicker--danger input{background-color:var(--eui-base-color-danger-10)}.eui-datepicker--accent input{background-color:var(--eui-base-color-accent-10)}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i7.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i8.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i9.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i10.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i11.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiDatepickerComponent, decorators: [{
@@ -654,7 +653,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
                 [euiIconButton]="!togglerLabel"
                 [euiDisabled]="isButtonDisabled"
                 aria-haspopup="dialog">
-                <span *ngIf="!togglerLabel && togglerIcon" euiIcon aria-label="Open Calendar" iconClass="{{ togglerIcon }}"></span>
                 <ng-container *ngIf="!togglerLabel && !togglerIcon">
                     <eui-icon-svg icon="{{ togglerIconSvg }}" aria-label="Open Calendar"></eui-icon-svg>
                 </ng-container>