@eui/components 17.0.0-next.10 → 17.0.0-next.11

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

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-dashboard-button.mjs","sources":["../../eui-dashboard-button/eui-dashboard-button.component.ts","../../eui-dashboard-button/eui-dashboard-button.component.html","../../eui-dashboard-button/eui-components-eui-dashboard-button.ts"],"sourcesContent":["import { Component, Directive, NgModule, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, ContentChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseDirective } from '@eui/components/shared';\n\n/* eslint-disable */\n@Directive({selector: 'eui-dashboard-button-icon'})\nexport class EuiDashboardButtonIconDirective {}\n@Directive({selector: 'eui-dashboard-button-label'})\nexport class EuiDashboardButtonLabelDirective {}\n/* eslint-enable */\n\n@Component({\n    templateUrl: './eui-dashboard-button.component.html',\n    selector: 'eui-dashboard-button',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiDashboardButtonComponent extends BaseDirective {\n    @ContentChild(EuiDashboardButtonIconDirective) euiDashboardButtonIcon: EuiDashboardButtonIconDirective;\n    @ContentChild(EuiDashboardButtonLabelDirective) euiDashboardButtonLabel: EuiDashboardButtonLabelDirective;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('eui-dashboard-button'), 'eui-dashboard-button--rounded'].join(' ').trim();\n    }\n\n    constructor() {\n        super();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, RouterModule],\n    declarations: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective],\n    exports: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective],\n})\nexport class EuiDashboardButtonModule {}\n","<div class=\"eui-dashboard-button__content\">\n    <div *ngIf=\"euiDashboardButtonIcon\" class=\"eui-dashboard-button__content-main-icon\">\n        <div class=\"eui-dashboard-button__content-icon-element\">\n            <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n        </div>\n    </div>\n    <div *ngIf=\"!euiDashboardButtonIcon\" class=\"eui-dashboard-button__content-main-label\">\n        <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n    </div>\n    <div class=\"eui-dashboard-button__content-title\">\n        <ng-content select=\"eui-label\"></ng-content>\n        <ng-content select=\"[euiLabel]\"></ng-content>\n    </div>\n    <div class=\"eui-dashboard-button__content-sub-title\">\n        <ng-content select=\"eui-sublabel\"></ng-content>\n        <ng-content select=\"[euiSublabel]\"></ng-content>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-dashboard-button.mjs","sources":["../../eui-dashboard-button/eui-dashboard-button.component.ts","../../eui-dashboard-button/eui-dashboard-button.component.html","../../eui-dashboard-button/eui-components-eui-dashboard-button.ts"],"sourcesContent":["import { Component, Directive, NgModule, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, ContentChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseDirective } from '@eui/components/shared';\n\n/* eslint-disable */\n@Directive({selector: 'eui-dashboard-button-icon'})\nexport class EuiDashboardButtonIconDirective {}\n@Directive({selector: 'eui-dashboard-button-label'})\nexport class EuiDashboardButtonLabelDirective {}\n/* eslint-enable */\n\n@Component({\n    templateUrl: './eui-dashboard-button.component.html',\n    selector: 'eui-dashboard-button',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiDashboardButtonComponent extends BaseDirective {\n    @ContentChild(EuiDashboardButtonIconDirective) euiDashboardButtonIcon: EuiDashboardButtonIconDirective;\n    @ContentChild(EuiDashboardButtonLabelDirective) euiDashboardButtonLabel: EuiDashboardButtonLabelDirective;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('eui-dashboard-button'), 'eui-dashboard-button--rounded'].join(' ').trim();\n    }\n\n    constructor() {\n        super();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, RouterModule],\n    declarations: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective],\n    exports: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective],\n})\nexport class EuiDashboardButtonModule {}\n","<div class=\"eui-dashboard-button__content\">\n    <div *ngIf=\"euiDashboardButtonIcon\" class=\"eui-dashboard-button__content-main-icon\">\n        <div class=\"eui-dashboard-button__content-icon-element\">\n            <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n        </div>\n    </div>\n    <div *ngIf=\"!euiDashboardButtonIcon\" class=\"eui-dashboard-button__content-main-label\">\n        <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n    </div>\n    <div class=\"eui-dashboard-button__content-title\">\n        <ng-content select=\"eui-label\"></ng-content>\n        <ng-content select=\"[euiLabel]\"></ng-content>\n    </div>\n    <div class=\"eui-dashboard-button__content-sub-title\">\n        <ng-content select=\"eui-sublabel\"></ng-content>\n        <ng-content select=\"[euiSublabel]\"></ng-content>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAMA;MAEa,+BAA+B,CAAA;sIAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;0HAA/B,+BAA+B,EAAA,QAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;gGAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAD3C,SAAS;mBAAC,EAAC,QAAQ,EAAE,2BAA2B,EAAC,CAAA;;MAGrC,gCAAgC,CAAA;sIAAhC,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;0HAAhC,gCAAgC,EAAA,QAAA,EAAA,4BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;gGAAhC,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAD5C,SAAS;mBAAC,EAAC,QAAQ,EAAE,4BAA4B,EAAC,CAAA;;AAEnD;AASM,MAAO,2BAA4B,SAAQ,aAAa,CAAA;AAI1D,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,EAAE,+BAA+B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;KAC1G;AAED,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAC;KACX;sIAXQ,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA3B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,IAAA,EAAA,2BAA2B,EACtB,QAAA,EAAA,sBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,wBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,+BAA+B,EAC/B,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,yBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,gCAAgC,uECtBlD,82BAkBA,EAAA,MAAA,EAAA,CAAA,4xIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;gGDEa,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;AAEI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,mBAEf,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,82BAAA,EAAA,MAAA,EAAA,CAAA,4xIAAA,CAAA,EAAA,CAAA;wDAGU,sBAAsB,EAAA,CAAA;sBAApE,YAAY;uBAAC,+BAA+B,CAAA;gBACG,uBAAuB,EAAA,CAAA;sBAAtE,YAAY;uBAAC,gCAAgC,CAAA;gBAG1C,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO,CAAA;;MAeX,wBAAwB,CAAA;sIAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,EAnBxB,YAAA,EAAA,CAAA,2BAA2B,EAZ3B,+BAA+B,EAE/B,gCAAgC,CAAA,EAAA,OAAA,EAAA,CAyB/B,YAAY,EAAE,YAAY,CAf3B,EAAA,OAAA,EAAA,CAAA,2BAA2B,EAZ3B,+BAA+B,EAE/B,gCAAgC,CAAA,EAAA,CAAA,CAAA,EAAA;uIA6BhC,wBAAwB,EAAA,OAAA,EAAA,CAJvB,YAAY,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;gGAI3B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;AACrC,oBAAA,YAAY,EAAE,CAAC,2BAA2B,EAAE,+BAA+B,EAAE,gCAAgC,CAAC;AAC9G,oBAAA,OAAO,EAAE,CAAC,2BAA2B,EAAE,+BAA+B,EAAE,gCAAgC,CAAC;AAC5G,iBAAA,CAAA;;;AEtCD;;AAEG;;;;"}

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

@@ -32,8 +32,9 @@ class EuiDashboardCardComponent {
         this.urlExternalTarget = '_blank';
         this.buttonStyleClass = 'eui-button--info';
         this.e2eAttr = 'eui-dashboard-card';
-        // TODO: fix it for v17
+        /**@deprecated it will be replaced in the next eUI version by cardClick */
         this.onClicked = new EventEmitter();
+        this.cardClick = new EventEmitter();
         this._isIconCompact = true;
         this._isClickable = false;
         this._isHorizontalLayout = false;
@@ -54,6 +55,7 @@ class EuiDashboardCardComponent {
         if (this.isClickable) {
             this.openLink();
             this.onClicked.emit(event);
+            this.cardClick.emit(event);
         }
     }
     openLink() {
@@ -64,12 +66,12 @@ class EuiDashboardCardComponent {
             window.open(this.urlExternal, this.urlExternalTarget);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDashboardCardComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiDashboardCardComponent, selector: "eui-dashboard-card", inputs: { styleClass: "styleClass", typeClass: "typeClass", iconClass: "iconClass", iconTypeClass: "iconTypeClass", imageUrl: "imageUrl", imageWidth: "imageWidth", imageHeight: "imageHeight", isIconCompact: "isIconCompact", label: "label", subLabel: "subLabel", urlExternal: "urlExternal", urlExternalTarget: "urlExternalTarget", url: "url", buttonLinkLabel: "buttonLinkLabel", buttonStyleClass: "buttonStyleClass", isClickable: "isClickable", isHorizontalLayout: "isHorizontalLayout", labelMaxLines: "labelMaxLines", subLabelMaxLines: "subLabelMaxLines", e2eAttr: "e2eAttr" }, outputs: { onClicked: "onClicked" }, ngImport: i0, template: "<div\n    class=\"eui-dashboard-card {{ styleClass }} {{ stateTypeClass }}\"\n    tabindex=\"1\"\n    [class.row]=\"isHorizontalLayout\"\n    [class.eui-dashboard-card--clickable]=\"isClickable\"\n    [class.eui-dashboard-card--icon-compact]=\"isIconCompact\"\n    [class.eui-dashboard-card--horizontal]=\"isHorizontalLayout\"\n    [class.eui-dashboard-card--horizontal--icon-compact]=\"isIconCompact && isHorizontalLayout\"\n    (click)=\"onClick($event)\"\n    (keydown)=\"onKeyDown($event.keyCode)\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div *ngIf=\"iconClass\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__icon-container\">\n        <div class=\"eui-dashboard-card__icon-wrapper eui-dashboard-card__icon-wrapper--{{ iconTypeClass }}\">\n            <span class=\"{{ iconClass }} eui-icon-fw eui-dashboard-card__icon-wrapper-icon\"></span>\n        </div>\n    </div>\n\n    <div *ngIf=\"imageUrl\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__image-container\">\n        <div class=\"eui-dashboard-card__image-wrapper\">\n            <img [style.height.px]=\"imageHeight\" [style.width.px]=\"imageWidth\" src=\"{{ imageUrl }}\" alt=\"{{ imageUrl }}\" />\n        </div>\n    </div>\n\n    <div class=\"eui-dashboard-card__content-wrapper\" [class.col-8]=\"isHorizontalLayout\">\n        <div class=\"eui-dashboard-card__content\">\n            <div class=\"eui-dashboard-card__content-label eui-dashboard-card__content-label--lines-{{ labelMaxLines }}\">\n                {{ label }}\n            </div>\n            <div class=\"eui-dashboard-card__content-sub-label eui-dashboard-card__content-sub-label--lines-{{ subLabelMaxLines }}\">\n                {{ subLabel }}\n            </div>\n            <div *ngIf=\"!isClickable\" class=\"eui-dashboard-card__content-link\">\n                <a\n                    *ngIf=\"urlExternal\"\n                    href=\"{{ urlExternal }}\"\n                    target=\"{{ urlExternalTarget }}\"\n                    class=\"eui-button {{ buttonStyleClass }}\"\n                    tabindex=\"1\"\n                    >{{ buttonLinkLabel }}</a\n                >\n                <a *ngIf=\"url\" [routerLink]=\"[url]\" class=\"eui-button {{ buttonStyleClass }}\" tabindex=\"1\">{{ buttonLinkLabel }}</a>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".eui-dashboard-card{background-color:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);margin-bottom:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-m);width:100%;box-shadow:var(--eui-base-shadow-1)}.eui-dashboard-card__image-wrapper{height:6rem;justify-content:center;margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto;padding:calc(var(--eui-base-spacing-m) /2);align-items:center;display:flex;width:100%}.eui-dashboard-card__icon-wrapper{align-items:center;background-color:var(--eui-base-color-grey-15);border:1px solid var(--eui-base-color-grey-20);border-radius:4rem;display:flex;height:8rem;justify-content:center;margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto;padding:var(--eui-base-spacing-m);width:8rem}.eui-dashboard-card__icon-wrapper--primary{background-color:var(--eui-base-color-primary-25);border-color:var(--eui-base-color-primary-50);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--info{background-color:var(--eui-base-color-info-75);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--warning{background-color:var(--eui-base-color-warning-75);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--danger{background-color:var(--eui-base-color-danger-75);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--success{background-color:var(--eui-base-color-success-75);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper-icon{font-size:4rem;width:100%}.eui-dashboard-card__content-wrapper{align-items:center;display:flex}.eui-dashboard-card__content{text-align:center;width:100%}.eui-dashboard-card__content-label{font-size:var(--eui-base-font-size-xl);margin-bottom:var(--eui-base-spacing-s)}.eui-dashboard-card__content-label--lines-1{height:var(--eui-base-font-size-xl);overflow:hidden}.eui-dashboard-card__content-label--lines-2{height:calc(var(--eui-base-font-size-xl) * 2.33);overflow:hidden}.eui-dashboard-card__content-label--lines-3{height:calc(var(--eui-base-font-size-xl) * 3.5);overflow:hidden}.eui-dashboard-card__content-label--lines-4{height:calc(var(--eui-base-font-size-xl) * 4.75);overflow:hidden}.eui-dashboard-card__content-label--lines-5{height:calc(var(--eui-base-font-size-xl) * 6);overflow:hidden}.eui-dashboard-card__content-sub-label{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-m);margin-bottom:var(--eui-base-spacing-s)}.eui-dashboard-card__content-sub-label--lines-1{height:calc(var(--eui-base-font-size-m) * 1.25);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-2{height:calc(var(--eui-base-font-size-m) * 2.5);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-3{height:calc(var(--eui-base-font-size-m) * 3.75);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-4{height:calc(var(--eui-base-font-size-m) * 4.75);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-5{height:calc(var(--eui-base-font-size-m) * 6);overflow:hidden}.eui-dashboard-card__content-link{margin-top:var(--eui-base-spacing-m)}.eui-dashboard-card--horizontal .eui-dashboard-card__content{border-left:2px solid var(--eui-base-color-grey-10);margin-left:var(--eui-base-spacing-m);padding-left:var(--eui-base-spacing-m)}.eui-dashboard-card--horizontal .eui-dashboard-card__icon-wrapper,.eui-dashboard-card--horizontal--icon-compact .eui-dashboard-card__icon-wrapper{margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto}.eui-dashboard-card--horizontal .eui-dashboard-card__image-wrapper{padding:var(--eui-base-spacing-m)}.eui-dashboard-card--icon-compact .eui-dashboard-card__icon-wrapper{height:5rem;padding:var(--eui-base-spacing-s);width:5rem}.eui-dashboard-card--icon-compact .eui-dashboard-card__icon-wrapper-icon{font-size:2.5rem}.eui-dashboard-card--clickable{cursor:pointer}.eui-dashboard-card--clickable:focus,.eui-dashboard-card--clickable:hover{outline:0;box-shadow:var(--eui-base-shadow-2)}.eui-dashboard-card--primary{border-left:var(--eui-base-spacing-s) solid var(--eui-base-color-primary-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--info{border-left:var(--eui-base-spacing-s) solid var(--eui-base-color-info-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--warning{border-left:var(--eui-base-spacing-s) solid var(--eui-base-color-warning-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--success{border-left:var(--eui-base-spacing-s) solid var(--eui-base-color-success-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--danger{border-left:var(--eui-base-spacing-s) solid var(--eui-base-color-danger-100);margin-left:var(--eui-base-spacing-xs)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiDashboardCardComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.0", type: EuiDashboardCardComponent, selector: "eui-dashboard-card", inputs: { styleClass: "styleClass", typeClass: "typeClass", iconClass: "iconClass", iconTypeClass: "iconTypeClass", imageUrl: "imageUrl", imageWidth: "imageWidth", imageHeight: "imageHeight", isIconCompact: "isIconCompact", label: "label", subLabel: "subLabel", urlExternal: "urlExternal", urlExternalTarget: "urlExternalTarget", url: "url", buttonLinkLabel: "buttonLinkLabel", buttonStyleClass: "buttonStyleClass", isClickable: "isClickable", isHorizontalLayout: "isHorizontalLayout", labelMaxLines: "labelMaxLines", subLabelMaxLines: "subLabelMaxLines", e2eAttr: "e2eAttr" }, outputs: { onClicked: "onClicked", cardClick: "cardClick" }, ngImport: i0, template: "<div\n    class=\"eui-dashboard-card {{ styleClass }} {{ stateTypeClass }}\"\n    tabindex=\"0\"\n    [class.row]=\"isHorizontalLayout\"\n    [class.eui-dashboard-card--clickable]=\"isClickable\"\n    [class.eui-dashboard-card--icon-compact]=\"isIconCompact\"\n    [class.eui-dashboard-card--horizontal]=\"isHorizontalLayout\"\n    [class.eui-dashboard-card--horizontal--icon-compact]=\"isIconCompact && isHorizontalLayout\"\n    (click)=\"onClick($event)\"\n    (keydown)=\"onKeyDown($event.keyCode)\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div *ngIf=\"iconClass\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__icon-container\">\n        <div class=\"eui-dashboard-card__icon-wrapper eui-dashboard-card__icon-wrapper--{{ iconTypeClass }}\">\n            <span class=\"{{ iconClass }} eui-icon-fw eui-dashboard-card__icon-wrapper-icon\"></span>\n        </div>\n    </div>\n\n    <div *ngIf=\"imageUrl\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__image-container\">\n        <div class=\"eui-dashboard-card__image-wrapper\">\n            <img [style.height.px]=\"imageHeight\" [style.width.px]=\"imageWidth\" src=\"{{ imageUrl }}\" alt=\"{{ imageUrl }}\" />\n        </div>\n    </div>\n\n    <div class=\"eui-dashboard-card__content-wrapper\" [class.col-8]=\"isHorizontalLayout\">\n        <div class=\"eui-dashboard-card__content\">\n            <div class=\"eui-dashboard-card__content-label eui-dashboard-card__content-label--lines-{{ labelMaxLines }}\">\n                {{ label }}\n            </div>\n            <div class=\"eui-dashboard-card__content-sub-label eui-dashboard-card__content-sub-label--lines-{{ subLabelMaxLines }}\">\n                {{ subLabel }}\n            </div>\n            <div *ngIf=\"!isClickable\" class=\"eui-dashboard-card__content-link\">\n                <a\n                    *ngIf=\"urlExternal\"\n                    href=\"{{ urlExternal }}\"\n                    target=\"{{ urlExternalTarget }}\"\n                    class=\"eui-button {{ buttonStyleClass }}\"\n                    tabindex=\"0\"\n                    >{{ buttonLinkLabel }}</a\n                >\n                <a *ngIf=\"url\" [routerLink]=\"[url]\" class=\"eui-button {{ buttonStyleClass }}\" tabindex=\"1\">{{ buttonLinkLabel }}</a>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".eui-dashboard-card{background-color:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);margin-bottom:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-m);width:100%;box-shadow:var(--eui-base-shadow-1)}.eui-dashboard-card__image-wrapper{height:6rem;justify-content:center;margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto;padding:calc(var(--eui-base-spacing-m) /2);align-items:center;display:flex;width:100%}.eui-dashboard-card__icon-wrapper{align-items:center;background-color:var(--eui-base-color-grey-15);border:1px solid var(--eui-base-color-grey-20);border-radius:4rem;display:flex;height:8rem;justify-content:center;margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto;padding:var(--eui-base-spacing-m);width:8rem}.eui-dashboard-card__icon-wrapper--primary{background-color:var(--eui-base-color-primary-25);border-color:var(--eui-base-color-primary-50);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--info{background-color:var(--eui-base-color-info-75);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--warning{background-color:var(--eui-base-color-warning-75);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--danger{background-color:var(--eui-base-color-danger-75);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--success{background-color:var(--eui-base-color-success-75);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper-icon{font-size:4rem;width:100%}.eui-dashboard-card__content-wrapper{align-items:center;display:flex}.eui-dashboard-card__content{text-align:center;width:100%}.eui-dashboard-card__content-label{font-size:var(--eui-base-font-size-xl);margin-bottom:var(--eui-base-spacing-s)}.eui-dashboard-card__content-label--lines-1{height:var(--eui-base-font-size-xl);overflow:hidden}.eui-dashboard-card__content-label--lines-2{height:calc(var(--eui-base-font-size-xl) * 2.33);overflow:hidden}.eui-dashboard-card__content-label--lines-3{height:calc(var(--eui-base-font-size-xl) * 3.5);overflow:hidden}.eui-dashboard-card__content-label--lines-4{height:calc(var(--eui-base-font-size-xl) * 4.75);overflow:hidden}.eui-dashboard-card__content-label--lines-5{height:calc(var(--eui-base-font-size-xl) * 6);overflow:hidden}.eui-dashboard-card__content-sub-label{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-m);margin-bottom:var(--eui-base-spacing-s)}.eui-dashboard-card__content-sub-label--lines-1{height:calc(var(--eui-base-font-size-m) * 1.25);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-2{height:calc(var(--eui-base-font-size-m) * 2.5);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-3{height:calc(var(--eui-base-font-size-m) * 3.75);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-4{height:calc(var(--eui-base-font-size-m) * 4.75);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-5{height:calc(var(--eui-base-font-size-m) * 6);overflow:hidden}.eui-dashboard-card__content-link{margin-top:var(--eui-base-spacing-m)}.eui-dashboard-card--horizontal .eui-dashboard-card__content{border-left:2px solid var(--eui-base-color-grey-10);margin-left:var(--eui-base-spacing-m);padding-left:var(--eui-base-spacing-m)}.eui-dashboard-card--horizontal .eui-dashboard-card__icon-wrapper,.eui-dashboard-card--horizontal--icon-compact .eui-dashboard-card__icon-wrapper{margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto}.eui-dashboard-card--horizontal .eui-dashboard-card__image-wrapper{padding:var(--eui-base-spacing-m)}.eui-dashboard-card--icon-compact .eui-dashboard-card__icon-wrapper{height:5rem;padding:var(--eui-base-spacing-s);width:5rem}.eui-dashboard-card--icon-compact .eui-dashboard-card__icon-wrapper-icon{font-size:2.5rem}.eui-dashboard-card--clickable{cursor:pointer}.eui-dashboard-card--clickable:focus,.eui-dashboard-card--clickable:hover{outline:0;box-shadow:var(--eui-base-shadow-2)}.eui-dashboard-card--primary{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-primary-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--secondary{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--info{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-info-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--warning{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-warning-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--success{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-success-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--danger{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-danger-100);margin-left:var(--eui-base-spacing-xs)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDashboardCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiDashboardCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-dashboard-card', template: "<div\n    class=\"eui-dashboard-card {{ styleClass }} {{ stateTypeClass }}\"\n    tabindex=\"1\"\n    [class.row]=\"isHorizontalLayout\"\n    [class.eui-dashboard-card--clickable]=\"isClickable\"\n    [class.eui-dashboard-card--icon-compact]=\"isIconCompact\"\n    [class.eui-dashboard-card--horizontal]=\"isHorizontalLayout\"\n    [class.eui-dashboard-card--horizontal--icon-compact]=\"isIconCompact && isHorizontalLayout\"\n    (click)=\"onClick($event)\"\n    (keydown)=\"onKeyDown($event.keyCode)\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div *ngIf=\"iconClass\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__icon-container\">\n        <div class=\"eui-dashboard-card__icon-wrapper eui-dashboard-card__icon-wrapper--{{ iconTypeClass }}\">\n            <span class=\"{{ iconClass }} eui-icon-fw eui-dashboard-card__icon-wrapper-icon\"></span>\n        </div>\n    </div>\n\n    <div *ngIf=\"imageUrl\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__image-container\">\n        <div class=\"eui-dashboard-card__image-wrapper\">\n            <img [style.height.px]=\"imageHeight\" [style.width.px]=\"imageWidth\" src=\"{{ imageUrl }}\" alt=\"{{ imageUrl }}\" />\n        </div>\n    </div>\n\n    <div class=\"eui-dashboard-card__content-wrapper\" [class.col-8]=\"isHorizontalLayout\">\n        <div class=\"eui-dashboard-card__content\">\n            <div class=\"eui-dashboard-card__content-label eui-dashboard-card__content-label--lines-{{ labelMaxLines }}\">\n                {{ label }}\n            </div>\n            <div class=\"eui-dashboard-card__content-sub-label eui-dashboard-card__content-sub-label--lines-{{ subLabelMaxLines }}\">\n                {{ subLabel }}\n            </div>\n            <div *ngIf=\"!isClickable\" class=\"eui-dashboard-card__content-link\">\n                <a\n                    *ngIf=\"urlExternal\"\n                    href=\"{{ urlExternal }}\"\n                    target=\"{{ urlExternalTarget }}\"\n                    class=\"eui-button {{ buttonStyleClass }}\"\n                    tabindex=\"1\"\n                    >{{ buttonLinkLabel }}</a\n                >\n                <a *ngIf=\"url\" [routerLink]=\"[url]\" class=\"eui-button {{ buttonStyleClass }}\" tabindex=\"1\">{{ buttonLinkLabel }}</a>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".eui-dashboard-card{background-color:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);margin-bottom:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-m);width:100%;box-shadow:var(--eui-base-shadow-1)}.eui-dashboard-card__image-wrapper{height:6rem;justify-content:center;margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto;padding:calc(var(--eui-base-spacing-m) /2);align-items:center;display:flex;width:100%}.eui-dashboard-card__icon-wrapper{align-items:center;background-color:var(--eui-base-color-grey-15);border:1px solid var(--eui-base-color-grey-20);border-radius:4rem;display:flex;height:8rem;justify-content:center;margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto;padding:var(--eui-base-spacing-m);width:8rem}.eui-dashboard-card__icon-wrapper--primary{background-color:var(--eui-base-color-primary-25);border-color:var(--eui-base-color-primary-50);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--info{background-color:var(--eui-base-color-info-75);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--warning{background-color:var(--eui-base-color-warning-75);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--danger{background-color:var(--eui-base-color-danger-75);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--success{background-color:var(--eui-base-color-success-75);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper-icon{font-size:4rem;width:100%}.eui-dashboard-card__content-wrapper{align-items:center;display:flex}.eui-dashboard-card__content{text-align:center;width:100%}.eui-dashboard-card__content-label{font-size:var(--eui-base-font-size-xl);margin-bottom:var(--eui-base-spacing-s)}.eui-dashboard-card__content-label--lines-1{height:var(--eui-base-font-size-xl);overflow:hidden}.eui-dashboard-card__content-label--lines-2{height:calc(var(--eui-base-font-size-xl) * 2.33);overflow:hidden}.eui-dashboard-card__content-label--lines-3{height:calc(var(--eui-base-font-size-xl) * 3.5);overflow:hidden}.eui-dashboard-card__content-label--lines-4{height:calc(var(--eui-base-font-size-xl) * 4.75);overflow:hidden}.eui-dashboard-card__content-label--lines-5{height:calc(var(--eui-base-font-size-xl) * 6);overflow:hidden}.eui-dashboard-card__content-sub-label{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-m);margin-bottom:var(--eui-base-spacing-s)}.eui-dashboard-card__content-sub-label--lines-1{height:calc(var(--eui-base-font-size-m) * 1.25);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-2{height:calc(var(--eui-base-font-size-m) * 2.5);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-3{height:calc(var(--eui-base-font-size-m) * 3.75);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-4{height:calc(var(--eui-base-font-size-m) * 4.75);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-5{height:calc(var(--eui-base-font-size-m) * 6);overflow:hidden}.eui-dashboard-card__content-link{margin-top:var(--eui-base-spacing-m)}.eui-dashboard-card--horizontal .eui-dashboard-card__content{border-left:2px solid var(--eui-base-color-grey-10);margin-left:var(--eui-base-spacing-m);padding-left:var(--eui-base-spacing-m)}.eui-dashboard-card--horizontal .eui-dashboard-card__icon-wrapper,.eui-dashboard-card--horizontal--icon-compact .eui-dashboard-card__icon-wrapper{margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto}.eui-dashboard-card--horizontal .eui-dashboard-card__image-wrapper{padding:var(--eui-base-spacing-m)}.eui-dashboard-card--icon-compact .eui-dashboard-card__icon-wrapper{height:5rem;padding:var(--eui-base-spacing-s);width:5rem}.eui-dashboard-card--icon-compact .eui-dashboard-card__icon-wrapper-icon{font-size:2.5rem}.eui-dashboard-card--clickable{cursor:pointer}.eui-dashboard-card--clickable:focus,.eui-dashboard-card--clickable:hover{outline:0;box-shadow:var(--eui-base-shadow-2)}.eui-dashboard-card--primary{border-left:var(--eui-base-spacing-s) solid var(--eui-base-color-primary-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--info{border-left:var(--eui-base-spacing-s) solid var(--eui-base-color-info-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--warning{border-left:var(--eui-base-spacing-s) solid var(--eui-base-color-warning-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--success{border-left:var(--eui-base-spacing-s) solid var(--eui-base-color-success-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--danger{border-left:var(--eui-base-spacing-s) solid var(--eui-base-color-danger-100);margin-left:var(--eui-base-spacing-xs)}\n"] }]
+            args: [{ selector: 'eui-dashboard-card', template: "<div\n    class=\"eui-dashboard-card {{ styleClass }} {{ stateTypeClass }}\"\n    tabindex=\"0\"\n    [class.row]=\"isHorizontalLayout\"\n    [class.eui-dashboard-card--clickable]=\"isClickable\"\n    [class.eui-dashboard-card--icon-compact]=\"isIconCompact\"\n    [class.eui-dashboard-card--horizontal]=\"isHorizontalLayout\"\n    [class.eui-dashboard-card--horizontal--icon-compact]=\"isIconCompact && isHorizontalLayout\"\n    (click)=\"onClick($event)\"\n    (keydown)=\"onKeyDown($event.keyCode)\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div *ngIf=\"iconClass\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__icon-container\">\n        <div class=\"eui-dashboard-card__icon-wrapper eui-dashboard-card__icon-wrapper--{{ iconTypeClass }}\">\n            <span class=\"{{ iconClass }} eui-icon-fw eui-dashboard-card__icon-wrapper-icon\"></span>\n        </div>\n    </div>\n\n    <div *ngIf=\"imageUrl\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__image-container\">\n        <div class=\"eui-dashboard-card__image-wrapper\">\n            <img [style.height.px]=\"imageHeight\" [style.width.px]=\"imageWidth\" src=\"{{ imageUrl }}\" alt=\"{{ imageUrl }}\" />\n        </div>\n    </div>\n\n    <div class=\"eui-dashboard-card__content-wrapper\" [class.col-8]=\"isHorizontalLayout\">\n        <div class=\"eui-dashboard-card__content\">\n            <div class=\"eui-dashboard-card__content-label eui-dashboard-card__content-label--lines-{{ labelMaxLines }}\">\n                {{ label }}\n            </div>\n            <div class=\"eui-dashboard-card__content-sub-label eui-dashboard-card__content-sub-label--lines-{{ subLabelMaxLines }}\">\n                {{ subLabel }}\n            </div>\n            <div *ngIf=\"!isClickable\" class=\"eui-dashboard-card__content-link\">\n                <a\n                    *ngIf=\"urlExternal\"\n                    href=\"{{ urlExternal }}\"\n                    target=\"{{ urlExternalTarget }}\"\n                    class=\"eui-button {{ buttonStyleClass }}\"\n                    tabindex=\"0\"\n                    >{{ buttonLinkLabel }}</a\n                >\n                <a *ngIf=\"url\" [routerLink]=\"[url]\" class=\"eui-button {{ buttonStyleClass }}\" tabindex=\"1\">{{ buttonLinkLabel }}</a>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".eui-dashboard-card{background-color:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);margin-bottom:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-m);width:100%;box-shadow:var(--eui-base-shadow-1)}.eui-dashboard-card__image-wrapper{height:6rem;justify-content:center;margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto;padding:calc(var(--eui-base-spacing-m) /2);align-items:center;display:flex;width:100%}.eui-dashboard-card__icon-wrapper{align-items:center;background-color:var(--eui-base-color-grey-15);border:1px solid var(--eui-base-color-grey-20);border-radius:4rem;display:flex;height:8rem;justify-content:center;margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto;padding:var(--eui-base-spacing-m);width:8rem}.eui-dashboard-card__icon-wrapper--primary{background-color:var(--eui-base-color-primary-25);border-color:var(--eui-base-color-primary-50);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--info{background-color:var(--eui-base-color-info-75);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--warning{background-color:var(--eui-base-color-warning-75);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--danger{background-color:var(--eui-base-color-danger-75);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper--success{background-color:var(--eui-base-color-success-75);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.eui-dashboard-card__icon-wrapper-icon{font-size:4rem;width:100%}.eui-dashboard-card__content-wrapper{align-items:center;display:flex}.eui-dashboard-card__content{text-align:center;width:100%}.eui-dashboard-card__content-label{font-size:var(--eui-base-font-size-xl);margin-bottom:var(--eui-base-spacing-s)}.eui-dashboard-card__content-label--lines-1{height:var(--eui-base-font-size-xl);overflow:hidden}.eui-dashboard-card__content-label--lines-2{height:calc(var(--eui-base-font-size-xl) * 2.33);overflow:hidden}.eui-dashboard-card__content-label--lines-3{height:calc(var(--eui-base-font-size-xl) * 3.5);overflow:hidden}.eui-dashboard-card__content-label--lines-4{height:calc(var(--eui-base-font-size-xl) * 4.75);overflow:hidden}.eui-dashboard-card__content-label--lines-5{height:calc(var(--eui-base-font-size-xl) * 6);overflow:hidden}.eui-dashboard-card__content-sub-label{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-m);margin-bottom:var(--eui-base-spacing-s)}.eui-dashboard-card__content-sub-label--lines-1{height:calc(var(--eui-base-font-size-m) * 1.25);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-2{height:calc(var(--eui-base-font-size-m) * 2.5);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-3{height:calc(var(--eui-base-font-size-m) * 3.75);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-4{height:calc(var(--eui-base-font-size-m) * 4.75);overflow:hidden}.eui-dashboard-card__content-sub-label--lines-5{height:calc(var(--eui-base-font-size-m) * 6);overflow:hidden}.eui-dashboard-card__content-link{margin-top:var(--eui-base-spacing-m)}.eui-dashboard-card--horizontal .eui-dashboard-card__content{border-left:2px solid var(--eui-base-color-grey-10);margin-left:var(--eui-base-spacing-m);padding-left:var(--eui-base-spacing-m)}.eui-dashboard-card--horizontal .eui-dashboard-card__icon-wrapper,.eui-dashboard-card--horizontal--icon-compact .eui-dashboard-card__icon-wrapper{margin:var(--eui-base-spacing-m) auto var(--eui-base-spacing-m) auto}.eui-dashboard-card--horizontal .eui-dashboard-card__image-wrapper{padding:var(--eui-base-spacing-m)}.eui-dashboard-card--icon-compact .eui-dashboard-card__icon-wrapper{height:5rem;padding:var(--eui-base-spacing-s);width:5rem}.eui-dashboard-card--icon-compact .eui-dashboard-card__icon-wrapper-icon{font-size:2.5rem}.eui-dashboard-card--clickable{cursor:pointer}.eui-dashboard-card--clickable:focus,.eui-dashboard-card--clickable:hover{outline:0;box-shadow:var(--eui-base-shadow-2)}.eui-dashboard-card--primary{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-primary-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--secondary{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--info{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-info-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--warning{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-warning-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--success{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-success-100);margin-left:var(--eui-base-spacing-xs)}.eui-dashboard-card--danger{border-left:var(--eui-base-spacing-xs) solid var(--eui-base-color-danger-100);margin-left:var(--eui-base-spacing-xs)}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { styleClass: [{
                 type: Input
             }], typeClass: [{
@@ -112,13 +114,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7",
                 type: Input
             }], onClicked: [{
                 type: Output
+            }], cardClick: [{
+                type: Output
             }] } });
 class EuiDashboardCardModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDashboardCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDashboardCardModule, declarations: [EuiDashboardCardComponent], imports: [CommonModule, RouterModule], exports: [EuiDashboardCardComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDashboardCardModule, imports: [CommonModule, RouterModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiDashboardCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiDashboardCardModule, declarations: [EuiDashboardCardComponent], imports: [CommonModule, RouterModule], exports: [EuiDashboardCardComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiDashboardCardModule, imports: [CommonModule, RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDashboardCardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiDashboardCardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule],

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

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-dashboard-card.mjs","sources":["../../eui-dashboard-card/eui-dashboard-card.component.ts","../../eui-dashboard-card/eui-dashboard-card.component.html","../../eui-dashboard-card/eui-components-eui-dashboard-card.ts"],"sourcesContent":["import { Component, EventEmitter, Output, Input, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule, Router } from '@angular/router';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'eui-dashboard-card',\n    templateUrl: './eui-dashboard-card.component.html',\n    styleUrls: ['./styles/_index.scss'],\n})\nexport class EuiDashboardCardComponent {\n    // @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-dashboard-card';\n    @Input() styleClass: string;\n    @Input() typeClass: string;\n    @Input() iconClass: string;\n    @Input() iconTypeClass: string;\n    @Input() imageUrl: string;\n    @Input() imageWidth = '64';\n    @Input() imageHeight = '64';\n    @Input()\n    get isIconCompact(): boolean {\n        return this._isIconCompact;\n    }\n    set isIconCompact(value: BooleanInput) {\n        this._isIconCompact = coerceBooleanProperty(value);\n    }\n    @Input() label: string;\n    @Input() subLabel: string;\n    @Input() urlExternal: string;\n    @Input() urlExternalTarget = '_blank';\n    @Input() url: string;\n    @Input() buttonLinkLabel: string;\n    @Input() buttonStyleClass = 'eui-button--info';\n    @Input()\n    get isClickable(): boolean {\n        return this._isClickable;\n    }\n    set isClickable(value: BooleanInput) {\n        this._isClickable = coerceBooleanProperty(value);\n    }\n    @Input()\n    get isHorizontalLayout(): boolean {\n        return this._isHorizontalLayout;\n    }\n    set isHorizontalLayout(value: BooleanInput) {\n        this._isHorizontalLayout = coerceBooleanProperty(value);\n    }\n    @Input() labelMaxLines: string;\n\n    @Input() subLabelMaxLines: string;\n    @Input() e2eAttr = 'eui-dashboard-card';\n\n    // TODO: fix it for v17\n    @Output() onClicked: EventEmitter<any> = new EventEmitter<any>();\n\n    private _isIconCompact = true;\n    private _isClickable = false;\n    private _isHorizontalLayout = false;\n\n    constructor(private router: Router) {}\n\n    get stateTypeClass(): string {\n        let classes = '';\n\n        if (this.typeClass) {\n            classes = 'eui-dashboard-card--' + this.typeClass;\n        }\n\n        return classes;\n    }\n\n    onKeyDown(keyCode: number): void {\n        if (this.isClickable && keyCode === 13) {\n            this.openLink();\n        }\n    }\n\n    onClick(event: any): void {\n        if (this.isClickable) {\n            this.openLink();\n            this.onClicked.emit(event);\n        }\n    }\n\n    openLink(): void {\n        if (this.url) {\n            this.router.navigate([this.url]);\n        }\n        if (this.urlExternal) {\n            window.open(this.urlExternal, this.urlExternalTarget);\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, RouterModule],\n    exports: [EuiDashboardCardComponent],\n    declarations: [EuiDashboardCardComponent],\n})\nexport class EuiDashboardCardModule {}\n","<div\n    class=\"eui-dashboard-card {{ styleClass }} {{ stateTypeClass }}\"\n    tabindex=\"1\"\n    [class.row]=\"isHorizontalLayout\"\n    [class.eui-dashboard-card--clickable]=\"isClickable\"\n    [class.eui-dashboard-card--icon-compact]=\"isIconCompact\"\n    [class.eui-dashboard-card--horizontal]=\"isHorizontalLayout\"\n    [class.eui-dashboard-card--horizontal--icon-compact]=\"isIconCompact && isHorizontalLayout\"\n    (click)=\"onClick($event)\"\n    (keydown)=\"onKeyDown($event.keyCode)\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div *ngIf=\"iconClass\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__icon-container\">\n        <div class=\"eui-dashboard-card__icon-wrapper eui-dashboard-card__icon-wrapper--{{ iconTypeClass }}\">\n            <span class=\"{{ iconClass }} eui-icon-fw eui-dashboard-card__icon-wrapper-icon\"></span>\n        </div>\n    </div>\n\n    <div *ngIf=\"imageUrl\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__image-container\">\n        <div class=\"eui-dashboard-card__image-wrapper\">\n            <img [style.height.px]=\"imageHeight\" [style.width.px]=\"imageWidth\" src=\"{{ imageUrl }}\" alt=\"{{ imageUrl }}\" />\n        </div>\n    </div>\n\n    <div class=\"eui-dashboard-card__content-wrapper\" [class.col-8]=\"isHorizontalLayout\">\n        <div class=\"eui-dashboard-card__content\">\n            <div class=\"eui-dashboard-card__content-label eui-dashboard-card__content-label--lines-{{ labelMaxLines }}\">\n                {{ label }}\n            </div>\n            <div class=\"eui-dashboard-card__content-sub-label eui-dashboard-card__content-sub-label--lines-{{ subLabelMaxLines }}\">\n                {{ subLabel }}\n            </div>\n            <div *ngIf=\"!isClickable\" class=\"eui-dashboard-card__content-link\">\n                <a\n                    *ngIf=\"urlExternal\"\n                    href=\"{{ urlExternal }}\"\n                    target=\"{{ urlExternalTarget }}\"\n                    class=\"eui-button {{ buttonStyleClass }}\"\n                    tabindex=\"1\"\n                    >{{ buttonLinkLabel }}</a\n                >\n                <a *ngIf=\"url\" [routerLink]=\"[url]\" class=\"eui-button {{ buttonStyleClass }}\" tabindex=\"1\">{{ buttonLinkLabel }}</a>\n            </div>\n        </div>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-dashboard-card.mjs","sources":["../../eui-dashboard-card/eui-dashboard-card.component.ts","../../eui-dashboard-card/eui-dashboard-card.component.html","../../eui-dashboard-card/eui-components-eui-dashboard-card.ts"],"sourcesContent":["import { Component, EventEmitter, Output, Input, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule, Router } from '@angular/router';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'eui-dashboard-card',\n    templateUrl: './eui-dashboard-card.component.html',\n    styleUrls: ['./styles/_index.scss'],\n})\nexport class EuiDashboardCardComponent {\n    @Input() styleClass: string;\n    @Input() typeClass: string;\n    @Input() iconClass: string;\n    @Input() iconTypeClass: string;\n    @Input() imageUrl: string;\n    @Input() imageWidth = '64';\n    @Input() imageHeight = '64';\n    @Input()\n    get isIconCompact(): boolean {\n        return this._isIconCompact;\n    }\n    set isIconCompact(value: BooleanInput) {\n        this._isIconCompact = coerceBooleanProperty(value);\n    }\n    @Input() label: string;\n    @Input() subLabel: string;\n    @Input() urlExternal: string;\n    @Input() urlExternalTarget = '_blank';\n    @Input() url: string;\n    @Input() buttonLinkLabel: string;\n    @Input() buttonStyleClass = 'eui-button--info';\n    @Input()\n    get isClickable(): boolean {\n        return this._isClickable;\n    }\n    set isClickable(value: BooleanInput) {\n        this._isClickable = coerceBooleanProperty(value);\n    }\n    @Input()\n    get isHorizontalLayout(): boolean {\n        return this._isHorizontalLayout;\n    }\n    set isHorizontalLayout(value: BooleanInput) {\n        this._isHorizontalLayout = coerceBooleanProperty(value);\n    }\n    @Input() labelMaxLines: string;\n\n    @Input() subLabelMaxLines: string;\n    @Input() e2eAttr = 'eui-dashboard-card';\n    /**@deprecated it will be replaced in the next eUI version by cardClick */\n    @Output() onClicked: EventEmitter<any> = new EventEmitter<any>();\n    @Output() cardClick= new EventEmitter<MouseEvent>();\n\n    private _isIconCompact = true;\n    private _isClickable = false;\n    private _isHorizontalLayout = false;\n\n    constructor(private router: Router) {}\n\n    get stateTypeClass(): string {\n        let classes = '';\n\n        if (this.typeClass) {\n            classes = 'eui-dashboard-card--' + this.typeClass;\n        }\n\n        return classes;\n    }\n\n    onKeyDown(keyCode: number): void {\n        if (this.isClickable && keyCode === 13) {\n            this.openLink();\n        }\n    }\n\n    onClick(event: MouseEvent): void {\n        if (this.isClickable) {\n            this.openLink();\n            this.onClicked.emit(event);\n            this.cardClick.emit(event);\n        }\n    }\n\n    openLink(): void {\n        if (this.url) {\n            this.router.navigate([this.url]);\n        }\n        if (this.urlExternal) {\n            window.open(this.urlExternal, this.urlExternalTarget);\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, RouterModule],\n    exports: [EuiDashboardCardComponent],\n    declarations: [EuiDashboardCardComponent],\n})\nexport class EuiDashboardCardModule {}\n","<div\n    class=\"eui-dashboard-card {{ styleClass }} {{ stateTypeClass }}\"\n    tabindex=\"0\"\n    [class.row]=\"isHorizontalLayout\"\n    [class.eui-dashboard-card--clickable]=\"isClickable\"\n    [class.eui-dashboard-card--icon-compact]=\"isIconCompact\"\n    [class.eui-dashboard-card--horizontal]=\"isHorizontalLayout\"\n    [class.eui-dashboard-card--horizontal--icon-compact]=\"isIconCompact && isHorizontalLayout\"\n    (click)=\"onClick($event)\"\n    (keydown)=\"onKeyDown($event.keyCode)\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div *ngIf=\"iconClass\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__icon-container\">\n        <div class=\"eui-dashboard-card__icon-wrapper eui-dashboard-card__icon-wrapper--{{ iconTypeClass }}\">\n            <span class=\"{{ iconClass }} eui-icon-fw eui-dashboard-card__icon-wrapper-icon\"></span>\n        </div>\n    </div>\n\n    <div *ngIf=\"imageUrl\" [class.col-4]=\"isHorizontalLayout\" class=\"eui-dashboard-card__image-container\">\n        <div class=\"eui-dashboard-card__image-wrapper\">\n            <img [style.height.px]=\"imageHeight\" [style.width.px]=\"imageWidth\" src=\"{{ imageUrl }}\" alt=\"{{ imageUrl }}\" />\n        </div>\n    </div>\n\n    <div class=\"eui-dashboard-card__content-wrapper\" [class.col-8]=\"isHorizontalLayout\">\n        <div class=\"eui-dashboard-card__content\">\n            <div class=\"eui-dashboard-card__content-label eui-dashboard-card__content-label--lines-{{ labelMaxLines }}\">\n                {{ label }}\n            </div>\n            <div class=\"eui-dashboard-card__content-sub-label eui-dashboard-card__content-sub-label--lines-{{ subLabelMaxLines }}\">\n                {{ subLabel }}\n            </div>\n            <div *ngIf=\"!isClickable\" class=\"eui-dashboard-card__content-link\">\n                <a\n                    *ngIf=\"urlExternal\"\n                    href=\"{{ urlExternal }}\"\n                    target=\"{{ urlExternalTarget }}\"\n                    class=\"eui-button {{ buttonStyleClass }}\"\n                    tabindex=\"0\"\n                    >{{ buttonLinkLabel }}</a\n                >\n                <a *ngIf=\"url\" [routerLink]=\"[url]\" class=\"eui-button {{ buttonStyleClass }}\" tabindex=\"1\">{{ buttonLinkLabel }}</a>\n            </div>\n        </div>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -44,7 +44,6 @@ class EuiDateRangeSelectorComponent {
     set isClearable(value) {
         this._isClearable = coerceBooleanProperty(value);
     }
-    /** @deprecated will be removed in eUI17 */
     get isReadOnly() {
         return this._isReadOnly;
     }
@@ -214,10 +213,10 @@ class EuiDateRangeSelectorComponent {
     registerOnTouched(fn) {
         this.propagateTouched = fn;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", 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 }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", 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", isClearable: "isClearable", isReadOnly: "isReadOnly", isDisabled: "isDisabled", isResponsive: "isResponsive" }, outputs: { firstSelectedDate: "firstSelectedDate", secondSelectedDate: "secondSelectedDate" }, usesOnChanges: true, ngImport: i0, template: "<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            class=\"eui-date-range-selector__start-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matStartDate\n            placeholder=\"{{ firstInputPlaceholder }}\"\n            attr.aria-label=\"{{ firstInputAriaLabel }}\"\n            [formControl]=\"startRangeFormControl\"\n            (dateInput)=\"onFirstDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n        <input\n            class=\"eui-date-range-selector__end-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matEndDate\n            placeholder=\"{{ secondInputPlaceholder }}\"\n            attr.aria-label=\"{{ secondInputAriaLabel }}\"\n            [formControl]=\"endRangeFormControl\"\n            (dateInput)=\"onSecondDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n    </mat-date-range-input>\n    <mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n    <button\n        *ngIf=\"!isReadOnly\"\n        class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n        (click)=\"picker.open()\"\n        euiButton\n        euiSecondary\n        euiIconButton\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n        <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n        </ng-container>\n        <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n    </button>\n</div>\n", 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;min-width:calc(15 * var(--eui-base-spacing-m));width:100%}.eui-date-range-selector--responsive.eui-date-range-selector--clearable{min-width:calc(18 * var(--eui-base-spacing-m))}.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;opacity:var(--eui-base-disabled-opacity);background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:1px solid var(--eui-base-color-danger-100)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;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]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i7.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i8.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i8.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i9.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", 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 }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.0", 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", isClearable: "isClearable", isReadOnly: "isReadOnly", isDisabled: "isDisabled", isResponsive: "isResponsive" }, outputs: { firstSelectedDate: "firstSelectedDate", secondSelectedDate: "secondSelectedDate" }, usesOnChanges: true, ngImport: i0, template: "<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            class=\"eui-date-range-selector__start-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matStartDate\n            placeholder=\"{{ firstInputPlaceholder }}\"\n            attr.aria-label=\"{{ firstInputAriaLabel }}\"\n            [formControl]=\"startRangeFormControl\"\n            (dateInput)=\"onFirstDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n        <input\n            class=\"eui-date-range-selector__end-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matEndDate\n            placeholder=\"{{ secondInputPlaceholder }}\"\n            attr.aria-label=\"{{ secondInputAriaLabel }}\"\n            [formControl]=\"endRangeFormControl\"\n            (dateInput)=\"onSecondDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n    </mat-date-range-input>\n    <mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n    <button\n        *ngIf=\"!isReadOnly\"\n        class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n        (click)=\"picker.open()\"\n        euiButton\n        euiSecondary\n        euiIconButton\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n        <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n        </ng-container>\n        <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n    </button>\n</div>\n", 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;min-width:calc(15 * var(--eui-base-spacing-m));width:100%}.eui-date-range-selector--responsive.eui-date-range-selector--clearable{min-width:calc(18 * var(--eui-base-spacing-m))}.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;opacity:var(--eui-base-disabled-opacity);background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:1px solid var(--eui-base-color-danger-100)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;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]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i7.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i8.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i8.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i9.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDateRangeSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiDateRangeSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-date-range-selector', encapsulation: ViewEncapsulation.None, template: "<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            class=\"eui-date-range-selector__start-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matStartDate\n            placeholder=\"{{ firstInputPlaceholder }}\"\n            attr.aria-label=\"{{ firstInputAriaLabel }}\"\n            [formControl]=\"startRangeFormControl\"\n            (dateInput)=\"onFirstDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n        <input\n            class=\"eui-date-range-selector__end-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matEndDate\n            placeholder=\"{{ secondInputPlaceholder }}\"\n            attr.aria-label=\"{{ secondInputAriaLabel }}\"\n            [formControl]=\"endRangeFormControl\"\n            (dateInput)=\"onSecondDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n    </mat-date-range-input>\n    <mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n    <button\n        *ngIf=\"!isReadOnly\"\n        class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n        (click)=\"picker.open()\"\n        euiButton\n        euiSecondary\n        euiIconButton\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n        <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n        </ng-container>\n        <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n    </button>\n</div>\n", 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;min-width:calc(15 * var(--eui-base-spacing-m));width:100%}.eui-date-range-selector--responsive.eui-date-range-selector--clearable{min-width:calc(18 * var(--eui-base-spacing-m))}.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;opacity:var(--eui-base-disabled-opacity);background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:1px solid var(--eui-base-color-danger-100)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;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"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.LocaleService, decorators: [{
@@ -275,8 +274,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7",
             }] } });
 
 class EuiDateRangeSelectorModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDateRangeSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDateRangeSelectorModule, declarations: [EuiDateRangeSelectorComponent], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiDateRangeSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiDateRangeSelectorModule, declarations: [EuiDateRangeSelectorComponent], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             TranslateModule,
@@ -285,7 +284,7 @@ class EuiDateRangeSelectorModule {
             EuiButtonModule,
             EuiIconModule,
             EuiInputTextModule], exports: [EuiDateRangeSelectorComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDateRangeSelectorModule, providers: [
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiDateRangeSelectorModule, providers: [
             { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },
             { provide: MAT_DATE_FORMATS, useValue: DEFAULT_FORMATS },
         ], imports: [CommonModule,
@@ -298,7 +297,7 @@ class EuiDateRangeSelectorModule {
             EuiIconModule,
             EuiInputTextModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDateRangeSelectorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiDateRangeSelectorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-date-range-selector.mjs","sources":["../../eui-date-range-selector/models/eui-date-range-selector-dates.model.ts","../../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","../../eui-date-range-selector/eui-components-eui-date-range-selector.ts"],"sourcesContent":["export class EuiDateRangeSelectorDates {\n    startRange: any;\n    endRange: any;\n\n    constructor(values: object = {}) {\n        Object.assign(this, values);\n    }\n}\n","/* 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} from '@angular/core';\nimport { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';\nimport { MatDatepickerInputEvent } from '@angular/material/datepicker';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\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 = new EuiDateRangeSelectorDates();\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()\n    get islongDateFormat(): boolean {\n        return this._islongDateFormat;\n    }\n    set islongDateFormat(value: BooleanInput) {\n        this._islongDateFormat = coerceBooleanProperty(value);\n    }\n    private _islongDateFormat = false;\n    @Input()\n    get isClearable(): boolean {\n        return this._isClearable && !this._isReadOnly;\n    }\n    set isClearable(value: BooleanInput) {\n        this._isClearable = coerceBooleanProperty(value);\n    }\n    private _isClearable = false;\n    /** @deprecated will be removed in eUI17 */\n    @Input()\n    get isReadOnly(): boolean {\n        return this._isReadOnly;\n    }\n    set isReadOnly(value: BooleanInput) {\n        this._isReadOnly = coerceBooleanProperty(value);\n    }\n    private _isReadOnly = false;\n    @Input()\n    get isDisabled(): boolean {\n        return this._isDisabled;\n    }\n    set isDisabled(value: BooleanInput) {\n        this._isDisabled = coerceBooleanProperty(value);\n    }\n    private _isDisabled = false;\n    @Input()\n    get isResponsive(): boolean {\n        return this._isResponsive;\n    }\n    set isResponsive(value: BooleanInput) {\n        this._isResponsive = coerceBooleanProperty(value);\n    }\n    private _isResponsive = false;\n\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\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    writeValue(values: EuiDateRangeSelectorDates): void {\n        if (values && !(values instanceof EuiDateRangeSelectorDates)) {\n            throw new Error('value must be an EuiDateRangeSelectorDates Object');\n        }\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 || new EuiDateRangeSelectorDates();\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","<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            class=\"eui-date-range-selector__start-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matStartDate\n            placeholder=\"{{ firstInputPlaceholder }}\"\n            attr.aria-label=\"{{ firstInputAriaLabel }}\"\n            [formControl]=\"startRangeFormControl\"\n            (dateInput)=\"onFirstDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n        <input\n            class=\"eui-date-range-selector__end-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matEndDate\n            placeholder=\"{{ secondInputPlaceholder }}\"\n            attr.aria-label=\"{{ secondInputAriaLabel }}\"\n            [formControl]=\"endRangeFormControl\"\n            (dateInput)=\"onSecondDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n    </mat-date-range-input>\n    <mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n    <button\n        *ngIf=\"!isReadOnly\"\n        class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n        (click)=\"picker.open()\"\n        euiButton\n        euiSecondary\n        euiIconButton\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n        <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n        </ng-container>\n        <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n    </button>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';\nimport { MatMomentDateModule, MomentDateAdapter } from '@angular/material-moment-adapter';\n\nimport { EuiDateRangeSelectorComponent } from './eui-date-range-selector.component';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\nimport { DEFAULT_FORMATS } from '@eui/components/eui-datepicker';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        TranslateModule,\n        MatDatepickerModule,\n        MatMomentDateModule,\n        EuiButtonModule,\n        EuiIconModule,\n        EuiInputTextModule,\n    ],\n    exports: [EuiDateRangeSelectorComponent],\n    declarations: [EuiDateRangeSelectorComponent],\n    providers: [\n        { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },\n        { provide: MAT_DATE_FORMATS, useValue: DEFAULT_FORMATS },\n    ],\n})\nexport class EuiDateRangeSelectorModule {}\n","import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\nimport { DateAdapter } from '@angular/material/core';\nimport moment from 'moment';\n\n/**\n * @description\n * Validator that checks that the start date isn't after the end date.\n *\n * @usageNotes\n * If the user types a value in the input field that is not aligned with the provided format the component propagates a null value that\n * can be used to validate the input field.\n *\n * @returns An error map with the\n * `euiDateRangeInvalid` if the validation check fails, otherwise `null`.\n */\n\nexport const euiStartEndDateValidator =\n    (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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-date-range-selector.mjs","sources":["../../eui-date-range-selector/models/eui-date-range-selector-dates.model.ts","../../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","../../eui-date-range-selector/eui-components-eui-date-range-selector.ts"],"sourcesContent":["export class EuiDateRangeSelectorDates {\n    startRange: any;\n    endRange: any;\n\n    constructor(values: object = {}) {\n        Object.assign(this, values);\n    }\n}\n","/* 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} from '@angular/core';\nimport { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';\nimport { MatDatepickerInputEvent } from '@angular/material/datepicker';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\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 = new EuiDateRangeSelectorDates();\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()\n    get islongDateFormat(): boolean {\n        return this._islongDateFormat;\n    }\n    set islongDateFormat(value: BooleanInput) {\n        this._islongDateFormat = coerceBooleanProperty(value);\n    }\n    private _islongDateFormat = false;\n    @Input()\n    get isClearable(): boolean {\n        return this._isClearable && !this._isReadOnly;\n    }\n    set isClearable(value: BooleanInput) {\n        this._isClearable = coerceBooleanProperty(value);\n    }\n    private _isClearable = false;\n    @Input()\n    get isReadOnly(): boolean {\n        return this._isReadOnly;\n    }\n    set isReadOnly(value: BooleanInput) {\n        this._isReadOnly = coerceBooleanProperty(value);\n    }\n    private _isReadOnly = false;\n    @Input()\n    get isDisabled(): boolean {\n        return this._isDisabled;\n    }\n    set isDisabled(value: BooleanInput) {\n        this._isDisabled = coerceBooleanProperty(value);\n    }\n    private _isDisabled = false;\n    @Input()\n    get isResponsive(): boolean {\n        return this._isResponsive;\n    }\n    set isResponsive(value: BooleanInput) {\n        this._isResponsive = coerceBooleanProperty(value);\n    }\n    private _isResponsive = false;\n\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\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    writeValue(values: EuiDateRangeSelectorDates): void {\n        if (values && !(values instanceof EuiDateRangeSelectorDates)) {\n            throw new Error('value must be an EuiDateRangeSelectorDates Object');\n        }\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 || new EuiDateRangeSelectorDates();\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","<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            class=\"eui-date-range-selector__start-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matStartDate\n            placeholder=\"{{ firstInputPlaceholder }}\"\n            attr.aria-label=\"{{ firstInputAriaLabel }}\"\n            [formControl]=\"startRangeFormControl\"\n            (dateInput)=\"onFirstDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n        <input\n            class=\"eui-date-range-selector__end-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matEndDate\n            placeholder=\"{{ secondInputPlaceholder }}\"\n            attr.aria-label=\"{{ secondInputAriaLabel }}\"\n            [formControl]=\"endRangeFormControl\"\n            (dateInput)=\"onSecondDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n    </mat-date-range-input>\n    <mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n    <button\n        *ngIf=\"!isReadOnly\"\n        class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n        (click)=\"picker.open()\"\n        euiButton\n        euiSecondary\n        euiIconButton\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n        <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n        </ng-container>\n        <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n    </button>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';\nimport { MatMomentDateModule, MomentDateAdapter } from '@angular/material-moment-adapter';\n\nimport { EuiDateRangeSelectorComponent } from './eui-date-range-selector.component';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\nimport { DEFAULT_FORMATS } from '@eui/components/eui-datepicker';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        TranslateModule,\n        MatDatepickerModule,\n        MatMomentDateModule,\n        EuiButtonModule,\n        EuiIconModule,\n        EuiInputTextModule,\n    ],\n    exports: [EuiDateRangeSelectorComponent],\n    declarations: [EuiDateRangeSelectorComponent],\n    providers: [\n        { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },\n        { provide: MAT_DATE_FORMATS, useValue: DEFAULT_FORMATS },\n    ],\n})\nexport class EuiDateRangeSelectorModule {}\n","import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\nimport { DateAdapter } from '@angular/material/core';\nimport moment from 'moment';\n\n/**\n * @description\n * Validator that checks that the start date isn't after the end date.\n *\n * @usageNotes\n * If the user types a value in the input field that is not aligned with the provided format the component propagates a null value that\n * can be used to validate the input field.\n *\n * @returns An error map with the\n * `euiDateRangeInvalid` if the validation check fails, otherwise `null`.\n */\n\nexport const euiStartEndDateValidator =\n    (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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}