@eui/components 18.0.0-next.31 → 18.0.0-next.32

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

@@ -98,7 +98,7 @@ var EuiDashboardCardComponent = class _EuiDashboardCardComponent {
         </div>
     </div>
 </ng-template>
-`, styles: ['.eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);border:1px solid var(--eui-base-color-grey-10);box-shadow:var(--eui-base-shadow-1);padding:var(--eui-base-spacing-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-base-shadow-3)}.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active:focus-visible:not([readonly]),.eui-dashboard-card:focus:focus-visible:not([readonly]),.eui-dashboard-card:hover:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-base-spacing-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-base-spacing-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-base-color-grey-50);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n'], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i4.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i4.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i4.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i5.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+`, styles: ['.eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-ctx-c-white);border-radius:var(--eui-base-border-radius);border:1px solid var(--eui-ctx-c-s-bg-light);box-shadow:var(--eui-base-shadow-1);padding:var(--eui-base-spacing-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-base-shadow-3)}.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active:focus-visible:not([readonly]),.eui-dashboard-card:focus:focus-visible:not([readonly]),.eui-dashboard-card:hover:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-base-spacing-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700;color:var(--eui-ctx-c-s-light);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-base-spacing-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-ctx-c-s-lighter);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n'], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i4.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i4.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i4.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i5.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiDashboardCardComponent, decorators: [{
@@ -175,7 +175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
         </div>
     </div>
 </ng-template>
-`, styles: ['.eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);border:1px solid var(--eui-base-color-grey-10);box-shadow:var(--eui-base-shadow-1);padding:var(--eui-base-spacing-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-base-shadow-3)}.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active:focus-visible:not([readonly]),.eui-dashboard-card:focus:focus-visible:not([readonly]),.eui-dashboard-card:hover:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-base-spacing-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-base-spacing-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-base-color-grey-50);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n'] }]
+`, styles: ['.eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-ctx-c-white);border-radius:var(--eui-base-border-radius);border:1px solid var(--eui-ctx-c-s-bg-light);box-shadow:var(--eui-base-shadow-1);padding:var(--eui-base-spacing-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-base-shadow-3)}.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active:focus-visible:not([readonly]),.eui-dashboard-card:focus:focus-visible:not([readonly]),.eui-dashboard-card:hover:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card:active [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-base-spacing-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700;color:var(--eui-ctx-c-s-light);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-base-spacing-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-ctx-c-s-lighter);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n'] }]
 }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]

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

@@ -2,6 +2,6 @@
   "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        ]\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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",
+  "mappings": "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",
   "names": []
 }

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

@@ -168,7 +168,7 @@ var EuiDateRangeSelectorComponent = class _EuiDateRangeSelectorComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiDateRangeSelectorComponent, deps: [{ token: i1.TranslateService }, { token: i2.LocaleService, optional: true }, { token: i3.DateAdapter }, { token: i4.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiDateRangeSelectorComponent, selector: "eui-date-range-selector", inputs: { styleClass: "styleClass", e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", togglerIcon: "togglerIcon", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", firstInputPlaceholder: "firstInputPlaceholder", secondInputPlaceholder: "secondInputPlaceholder", firstInputAriaLabel: "firstInputAriaLabel", secondInputAriaLabel: "secondInputAriaLabel", startDateDefaultValue: "startDateDefaultValue", endDateDefaultValue: "endDateDefaultValue", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", startView: "startView", islongDateFormat: ["islongDateFormat", "islongDateFormat", booleanAttribute], isClearable: ["isClearable", "isClearable", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isResponsive: ["isResponsive", "isResponsive", booleanAttribute] }, outputs: { firstSelectedDate: "firstSelectedDate", secondSelectedDate: "secondSelectedDate" }, usesOnChanges: true, ngImport: i0, template: `<!-- TODO v18 refactor for cmp host declaration with hostbindings -->
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiDateRangeSelectorComponent, selector: "eui-date-range-selector", inputs: { styleClass: "styleClass", e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", firstInputPlaceholder: "firstInputPlaceholder", secondInputPlaceholder: "secondInputPlaceholder", firstInputAriaLabel: "firstInputAriaLabel", secondInputAriaLabel: "secondInputAriaLabel", startDateDefaultValue: "startDateDefaultValue", endDateDefaultValue: "endDateDefaultValue", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", startView: "startView", islongDateFormat: ["islongDateFormat", "islongDateFormat", booleanAttribute], isClearable: ["isClearable", "isClearable", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isResponsive: ["isResponsive", "isResponsive", booleanAttribute] }, outputs: { firstSelectedDate: "firstSelectedDate", secondSelectedDate: "secondSelectedDate" }, usesOnChanges: true, ngImport: i0, template: `<!-- TODO v18 refactor for cmp host declaration with hostbindings -->
 
 <div
     class="eui-date-range-selector {{ styleClass }}"
@@ -221,13 +221,13 @@ var EuiDateRangeSelectorComponent = class _EuiDateRangeSelectorComponent {
         type="button"
         [euiDisabled]="isDisabled"
         aria-haspopup="dialog">
-        <ng-container *ngIf="!togglerLabel && !togglerIcon">
+        <ng-container *ngIf="!togglerLabel">
             <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-ctx-c-da)}.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", "isChecked", "euiDisabled"], 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", "isInputIcon", "euiStart", "euiEnd"] }, { 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) + 3 * 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) + 3 * 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-ctx-c-white);border:1px solid var(--eui-ctx-c-s-lighter);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-ctx-c-s-bg-light);border:1px solid var(--eui-ctx-c-s-lightest)}.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-ctx-c-da)}.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-ctx-c-s-bg-light);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", "isChecked", "euiDisabled"], 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", "isInputIcon", "euiStart", "euiEnd"] }, { 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.4", ngImport: i0, type: EuiDateRangeSelectorComponent, decorators: [{
@@ -285,13 +285,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
         type="button"
         [euiDisabled]="isDisabled"
         aria-haspopup="dialog">
-        <ng-container *ngIf="!togglerLabel && !togglerIcon">
+        <ng-container *ngIf="!togglerLabel">
             <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-ctx-c-da)}.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"] }]
+`, styles: ["eui-date-range-selector{display:flex;width:100%}.eui-date-range-selector{display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + 3 * 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) + 3 * 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-ctx-c-white);border:1px solid var(--eui-ctx-c-s-lighter);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-ctx-c-s-bg-light);border:1px solid var(--eui-ctx-c-s-lightest)}.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-ctx-c-da)}.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-ctx-c-s-bg-light);display:flex;padding:var(--eui-base-spacing-s);text-align:left;width:100%}\n"] }]
 }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.LocaleService, decorators: [{
   type: Optional
 }] }, { type: i3.DateAdapter }, { type: i4.NgControl, decorators: [{
@@ -310,8 +310,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
   type: Input
 }], maxDate: [{
   type: Input
-}], togglerIcon: [{
-  type: Input
 }], togglerIconSvg: [{
   type: Input
 }], togglerLabel: [{

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", "<!-- TODO v18 refactor for cmp host declaration with hostbindings -->\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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",
+  "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() 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", "<!-- TODO v18 refactor for cmp host declaration with hostbindings -->\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\">\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

@@ -527,7 +527,7 @@ var EuiDatepickerComponent = class _EuiDatepickerComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiDatepickerComponent, deps: [{ token: i1.DateAdapter }, { token: i2.TranslateService }, { token: i3.LocaleService }, { token: i3.EuiAppShellService }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }, { token: i0.ViewContainerRef }, { token: i4.BaseStatesDirective }, { token: forwardRef(() => EuiLetterFormatDirective), optional: true }, { token: i5.NgControl, optional: true, self: true }, { token: MAT_DATE_FORMATS }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiDatepickerComponent, selector: "eui-datepicker", inputs: { styleClass: "styleClass", value: "value", togglerIcon: "togglerIcon", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", placeholder: "placeholder", type: "type", startView: "startView", e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", datepickerFilter: "datepickerFilter", dateOutputFormat: "dateOutputFormat", customHeader: "customHeader", dateClass: "dateClass", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSeconds: "stepSeconds", isDatetimepicker: ["isDatetimepicker", "isDatetimepicker", booleanAttribute], hasSeconds: ["hasSeconds", "hasSeconds", booleanAttribute], isOneInputField: ["isOneInputField", "isOneInputField", booleanAttribute], hasNoButton: ["hasNoButton", "hasNoButton", booleanAttribute], isDatepickerBlock: ["isDatepickerBlock", "isDatepickerBlock", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isInputDisabled: ["isInputDisabled", "isInputDisabled", booleanAttribute], isButtonDisabled: ["isButtonDisabled", "isButtonDisabled", booleanAttribute], isPickerDisabled: ["isPickerDisabled", "isPickerDisabled", booleanAttribute], isClearable: "isClearable", restrictToRegex: "restrictToRegex" }, outputs: { inputChange: "inputChange", dateSelect: "dateSelect" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiActionButtons", first: true, predicate: i0.forwardRef(() => EuiActionButtonsDirective), descendants: true }], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, static: true }, { propertyName: "templatePortalRef", first: true, predicate: ["templatePortalRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i4.BaseStatesDirective, inputs: ["euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: `<div class="eui-datepicker__wrapper {{ styleClass }}" [class.eui-datepicker__wrapper--responsive]="isDatepickerBlock">
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiDatepickerComponent, selector: "eui-datepicker", inputs: { styleClass: "styleClass", value: "value", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", placeholder: "placeholder", type: "type", startView: "startView", e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", datepickerFilter: "datepickerFilter", dateOutputFormat: "dateOutputFormat", customHeader: "customHeader", dateClass: "dateClass", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSeconds: "stepSeconds", isDatetimepicker: ["isDatetimepicker", "isDatetimepicker", booleanAttribute], hasSeconds: ["hasSeconds", "hasSeconds", booleanAttribute], isOneInputField: ["isOneInputField", "isOneInputField", booleanAttribute], hasNoButton: ["hasNoButton", "hasNoButton", booleanAttribute], isDatepickerBlock: ["isDatepickerBlock", "isDatepickerBlock", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isInputDisabled: ["isInputDisabled", "isInputDisabled", booleanAttribute], isButtonDisabled: ["isButtonDisabled", "isButtonDisabled", booleanAttribute], isPickerDisabled: ["isPickerDisabled", "isPickerDisabled", booleanAttribute], isClearable: "isClearable", restrictToRegex: "restrictToRegex" }, outputs: { inputChange: "inputChange", dateSelect: "dateSelect" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiActionButtons", first: true, predicate: i0.forwardRef(() => EuiActionButtonsDirective), descendants: true }], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, static: true }, { propertyName: "templatePortalRef", first: true, predicate: ["templatePortalRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i4.BaseStatesDirective, inputs: ["euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: `<div class="eui-datepicker__wrapper {{ styleClass }}" [class.eui-datepicker__wrapper--responsive]="isDatepickerBlock">
     <div euiInputGroup>
         <div class="eui-input-group-addon">
             <input
@@ -576,7 +576,7 @@ var EuiDatepickerComponent = class _EuiDatepickerComponent {
                 [euiIconButton]="!togglerLabel"
                 [euiDisabled]="isButtonDisabled"
                 aria-haspopup="dialog">
-                <ng-container *ngIf="!togglerLabel && !togglerIcon">
+                <ng-container *ngIf="!togglerLabel">
                     <eui-icon-svg icon="{{ togglerIconSvg }}" aria-label="Open Calendar"></eui-icon-svg>
                 </ng-container>
                 <span *ngIf="togglerLabel">{{ togglerLabel }}</span>
@@ -588,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-ctx-c-p-bg)}.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", "isChecked", "euiDisabled"], 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", "isInputIcon", "euiStart", "euiEnd"] }, { 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-ctx-c-s-lighter)!important}.eui-datepicker--primary input{background-color:var(--eui-ctx-c-p-bg)}.eui-datepicker--secondary input{background-color:var(--eui-ctx-c-s-bg-light)}.eui-datepicker--info input{background-color:var(--eui-ctx-c-in-bg)}.eui-datepicker--success input{background-color:var(--eui-ctx-c-su-bg)}.eui-datepicker--warning input{background-color:var(--eui-ctx-c-wa-bg)}.eui-datepicker--danger input{background-color:var(--eui-ctx-c-da-bg)}.eui-datepicker--accent input{background-color:var(--eui-ctx-c-ac-bg)}\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", "isChecked", "euiDisabled"], 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", "isInputIcon", "euiStart", "euiEnd"] }, { 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.4", ngImport: i0, type: EuiDatepickerComponent, decorators: [{
@@ -653,7 +653,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
                 [euiIconButton]="!togglerLabel"
                 [euiDisabled]="isButtonDisabled"
                 aria-haspopup="dialog">
-                <ng-container *ngIf="!togglerLabel && !togglerIcon">
+                <ng-container *ngIf="!togglerLabel">
                     <eui-icon-svg icon="{{ togglerIconSvg }}" aria-label="Open Calendar"></eui-icon-svg>
                 </ng-container>
                 <span *ngIf="togglerLabel">{{ togglerLabel }}</span>
@@ -665,7 +665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
 <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-ctx-c-p-bg)}.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"] }]
+`, 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-ctx-c-s-lighter)!important}.eui-datepicker--primary input{background-color:var(--eui-ctx-c-p-bg)}.eui-datepicker--secondary input{background-color:var(--eui-ctx-c-s-bg-light)}.eui-datepicker--info input{background-color:var(--eui-ctx-c-in-bg)}.eui-datepicker--success input{background-color:var(--eui-ctx-c-su-bg)}.eui-datepicker--warning input{background-color:var(--eui-ctx-c-wa-bg)}.eui-datepicker--danger input{background-color:var(--eui-ctx-c-da-bg)}.eui-datepicker--accent input{background-color:var(--eui-ctx-c-ac-bg)}\n"] }]
 }], ctorParameters: () => [{ type: i1.DateAdapter }, { type: i2.TranslateService }, { type: i3.LocaleService }, { type: i3.EuiAppShellService }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: i0.ViewContainerRef }, { type: i4.BaseStatesDirective }, { type: EuiLetterFormatDirective, decorators: [{
   type: Optional
 }, {
@@ -698,8 +698,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
   type: Input
 }], value: [{
   type: Input
-}], togglerIcon: [{
-  type: Input
 }], togglerIconSvg: [{
   type: Input
 }], togglerLabel: [{