@eui/components 19.2.3-snapshot-1747400598528 → 19.2.3-snapshot-1747408180222
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuiDatepickerComponent.html +173 -3
- package/docs/dependencies.html +2 -2
- package/docs/js/menu-wc.js +8 -8
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/modules/EuiCoerceBooleanPipeModule.html +16 -1
- package/docs/modules/EuiTruncatePipeModule.html +16 -1
- package/eui-datepicker/eui-datepicker.component.d.ts +25 -12
- package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs +46 -27
- package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
- package/fesm2022/eui-components-pipes.mjs +12 -0
- package/fesm2022/eui-components-pipes.mjs.map +1 -1
- package/package.json +3 -3
- package/pipes/eui-is-empty.pipe.d.ts +6 -0
- package/pipes/eui-is-empty.pipe.d.ts.map +1 -1
- package/pipes/eui-truncate.pipe.d.ts +6 -0
- package/pipes/eui-truncate.pipe.d.ts.map +1 -1
| @@ -87,7 +87,9 @@ | |
| 87 87 |  | 
| 88 88 | 
             
            <ol class="breadcrumb">
         | 
| 89 89 | 
             
                <li class="breadcrumb-item">Modules</li>
         | 
| 90 | 
            -
                <li class="breadcrumb-item"  | 
| 90 | 
            +
                <li class="breadcrumb-item" 
         | 
| 91 | 
            +
                    class="breadcrumb-item deprecated-name"
         | 
| 92 | 
            +
                >EuiCoerceBooleanPipeModule</li>
         | 
| 91 93 | 
             
            </ol>
         | 
| 92 94 |  | 
| 93 95 |  | 
| @@ -111,7 +113,20 @@ | |
| 111 113 | 
             
                    </p>
         | 
| 112 114 |  | 
| 113 115 |  | 
| 116 | 
            +
                        <p class="comment">
         | 
| 117 | 
            +
                            <h3 class="deprecated">Deprecated</h3>
         | 
| 118 | 
            +
                        </p>
         | 
| 119 | 
            +
                        <p class="comment">
         | 
| 120 | 
            +
                            [object Object],[object Object],[object Object]
         | 
| 121 | 
            +
                        </p>
         | 
| 114 122 |  | 
| 123 | 
            +
                    <p class="comment">
         | 
| 124 | 
            +
                        <h3>Description</h3>
         | 
| 125 | 
            +
                    </p>
         | 
| 126 | 
            +
                    <p class="comment">
         | 
| 127 | 
            +
                        <p>Module that provides the EuiCoerceBooleanPipe pipe.</p>
         | 
| 128 | 
            +
             | 
| 129 | 
            +
                    </p>
         | 
| 115 130 |  | 
| 116 131 |  | 
| 117 132 | 
             
                    <div class="container-fluid module">
         | 
| @@ -87,7 +87,9 @@ | |
| 87 87 |  | 
| 88 88 | 
             
            <ol class="breadcrumb">
         | 
| 89 89 | 
             
                <li class="breadcrumb-item">Modules</li>
         | 
| 90 | 
            -
                <li class="breadcrumb-item"  | 
| 90 | 
            +
                <li class="breadcrumb-item" 
         | 
| 91 | 
            +
                    class="breadcrumb-item deprecated-name"
         | 
| 92 | 
            +
                >EuiTruncatePipeModule</li>
         | 
| 91 93 | 
             
            </ol>
         | 
| 92 94 |  | 
| 93 95 |  | 
| @@ -111,7 +113,20 @@ | |
| 111 113 | 
             
                    </p>
         | 
| 112 114 |  | 
| 113 115 |  | 
| 116 | 
            +
                        <p class="comment">
         | 
| 117 | 
            +
                            <h3 class="deprecated">Deprecated</h3>
         | 
| 118 | 
            +
                        </p>
         | 
| 119 | 
            +
                        <p class="comment">
         | 
| 120 | 
            +
                            [object Object],[object Object],[object Object]
         | 
| 121 | 
            +
                        </p>
         | 
| 114 122 |  | 
| 123 | 
            +
                    <p class="comment">
         | 
| 124 | 
            +
                        <h3>Description</h3>
         | 
| 125 | 
            +
                    </p>
         | 
| 126 | 
            +
                    <p class="comment">
         | 
| 127 | 
            +
                        <p>Module that provides the EuiTruncatePipe pipe.</p>
         | 
| 128 | 
            +
             | 
| 129 | 
            +
                    </p>
         | 
| 115 130 |  | 
| 116 131 |  | 
| 117 132 | 
             
                    <div class="container-fluid module">
         | 
| @@ -1,16 +1,32 @@ | |
| 1 | 
            -
            import { EventEmitter, Injector, OnChanges, OnDestroy, DoCheck, OnInit, SimpleChanges, AfterViewInit, TemplateRef, ElementRef } from '@angular/core';
         | 
| 2 | 
            -
            import { ControlValueAccessor, FormControl } from '@angular/forms';
         | 
| 1 | 
            +
            import { ApplicationRef, ComponentFactoryResolver, EventEmitter, Injector, OnChanges, OnDestroy, DoCheck, OnInit, SimpleChanges, AfterViewInit, TemplateRef, ViewContainerRef, ElementRef } from '@angular/core';
         | 
| 2 | 
            +
            import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
         | 
| 3 | 
            +
            import { DateAdapter } from '@angular/material/core';
         | 
| 3 4 | 
             
            import { MatCalendarCellClassFunction, MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
         | 
| 4 5 | 
             
            import { BooleanInput } from '@angular/cdk/coercion';
         | 
| 6 | 
            +
            import { TranslateService } from '@ngx-translate/core';
         | 
| 5 7 | 
             
            import { Moment } from 'moment';
         | 
| 6 8 | 
             
            import 'moment/min/locales';
         | 
| 7 9 | 
             
            import { EuiTimepickerComponent } from '@eui/components/eui-timepicker';
         | 
| 10 | 
            +
            import { LocaleService, EuiAppShellService } from '@eui/core';
         | 
| 8 11 | 
             
            import { BaseStatesDirective } from '@eui/components/shared';
         | 
| 9 12 | 
             
            import * as i0 from "@angular/core";
         | 
| 10 13 | 
             
            import * as i1 from "@eui/components/shared";
         | 
| 11 14 | 
             
            export declare class EuiDatepickerComponent implements OnInit, AfterViewInit, ControlValueAccessor, OnDestroy, OnChanges, DoCheck {
         | 
| 15 | 
            +
                private adapter;
         | 
| 16 | 
            +
                private translateService;
         | 
| 17 | 
            +
                private localeService;
         | 
| 18 | 
            +
                private EuiAppShellService;
         | 
| 19 | 
            +
                /**
         | 
| 20 | 
            +
                 * @deprecated will be removed in the next major version
         | 
| 21 | 
            +
                 * @breaking-change 21.0.0
         | 
| 22 | 
            +
                 */
         | 
| 23 | 
            +
                private componentFactoryResolver;
         | 
| 24 | 
            +
                private injector;
         | 
| 25 | 
            +
                private appRef;
         | 
| 26 | 
            +
                private viewContainerRef;
         | 
| 12 27 | 
             
                baseStatesDirective: BaseStatesDirective;
         | 
| 13 28 | 
             
                euiLetterFormat: EuiLetterFormatDirective;
         | 
| 29 | 
            +
                private control;
         | 
| 14 30 | 
             
                get cssClasses(): string;
         | 
| 15 31 | 
             
                e2eAttr: string;
         | 
| 16 32 | 
             
                inputFormControl: FormControl<any>;
         | 
| @@ -185,15 +201,12 @@ export declare class EuiDatepickerComponent implements OnInit, AfterViewInit, Co | |
| 185 201 | 
             
                private portal;
         | 
| 186 202 | 
             
                private templatePortal;
         | 
| 187 203 | 
             
                private isNull;
         | 
| 188 | 
            -
                 | 
| 189 | 
            -
                 | 
| 190 | 
            -
             | 
| 191 | 
            -
             | 
| 192 | 
            -
             | 
| 193 | 
            -
                 | 
| 194 | 
            -
                private viewContainerRef;
         | 
| 195 | 
            -
                private control;
         | 
| 196 | 
            -
                constructor();
         | 
| 204 | 
            +
                constructor(adapter: DateAdapter<any>, translateService: TranslateService, localeService: LocaleService, EuiAppShellService: EuiAppShellService, 
         | 
| 205 | 
            +
                /**
         | 
| 206 | 
            +
                 * @deprecated will be removed in the next major version
         | 
| 207 | 
            +
                 * @breaking-change 21.0.0
         | 
| 208 | 
            +
                 */
         | 
| 209 | 
            +
                componentFactoryResolver: ComponentFactoryResolver, injector: Injector, appRef: ApplicationRef, viewContainerRef: ViewContainerRef, baseStatesDirective: BaseStatesDirective, euiLetterFormat: EuiLetterFormatDirective, control: NgControl);
         | 
| 197 210 | 
             
                ngOnInit(): void;
         | 
| 198 211 | 
             
                ngAfterViewInit(): void;
         | 
| 199 212 | 
             
                ngDoCheck(): void;
         | 
| @@ -316,7 +329,7 @@ export declare class EuiDatepickerComponent implements OnInit, AfterViewInit, Co | |
| 316 329 | 
             
                 * @private
         | 
| 317 330 | 
             
                 */
         | 
| 318 331 | 
             
                private updateInputAriaRequiredAttribute;
         | 
| 319 | 
            -
                static ɵfac: i0.ɵɵFactoryDeclaration<EuiDatepickerComponent,  | 
| 332 | 
            +
                static ɵfac: i0.ɵɵFactoryDeclaration<EuiDatepickerComponent, [null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; self: true; }]>;
         | 
| 320 333 | 
             
                static ɵcmp: i0.ɵɵComponentDeclaration<EuiDatepickerComponent, "eui-datepicker", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; "value": { "alias": "value"; "required": false; }; "togglerIconSvg": { "alias": "togglerIconSvg"; "required": false; }; "togglerLabel": { "alias": "togglerLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "datepickerFilter": { "alias": "datepickerFilter"; "required": false; }; "dateOutputFormat": { "alias": "dateOutputFormat"; "required": false; }; "customHeader": { "alias": "customHeader"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; }; "stepHours": { "alias": "stepHours"; "required": false; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; }; "stepSeconds": { "alias": "stepSeconds"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "isDatetimepicker": { "alias": "isDatetimepicker"; "required": false; }; "hasSeconds": { "alias": "hasSeconds"; "required": false; }; "isOneInputField": { "alias": "isOneInputField"; "required": false; }; "hasNoButton": { "alias": "hasNoButton"; "required": false; }; "isDatepickerBlock": { "alias": "isDatepickerBlock"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isInputDisabled": { "alias": "isInputDisabled"; "required": false; }; "isButtonDisabled": { "alias": "isButtonDisabled"; "required": false; }; "isPickerDisabled": { "alias": "isPickerDisabled"; "required": false; }; "isShownOnInputClick": { "alias": "isShownOnInputClick"; "required": false; }; "isClearable": { "alias": "isClearable"; "required": false; }; "restrictToRegex": { "alias": "restrictToRegex"; "required": false; }; }, { "inputChange": "inputChange"; "dateSelect": "dateSelect"; }, ["euiActionButtons"], ["eui-action-buttons"], true, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiSuccess": "euiSuccess"; "euiInfo": "euiInfo"; "euiWarning": "euiWarning"; "euiDanger": "euiDanger"; "euiVariant": "euiVariant"; }; outputs: {}; }]>;
         | 
| 321 334 | 
             
                static ngAcceptInputType_isDatetimepicker: unknown;
         | 
| 322 335 | 
             
                static ngAcceptInputType_hasSeconds: unknown;
         | 
| @@ -1 +1 @@ | |
| 1 | 
            -
            {"version":3,"file":"eui-datepicker.component.d.ts","sourceRoot":"","sources":["../../eui-datepicker/eui-datepicker.component.ts"],"names":[],"mappings":"AACA,OAAO, | 
| 1 | 
            +
            {"version":3,"file":"eui-datepicker.component.d.ts","sourceRoot":"","sources":["../../eui-datepicker/eui-datepicker.component.ts"],"names":[],"mappings":"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"}
         | 
| @@ -1,27 +1,30 @@ | |
| 1 1 | 
             
            import * as i0 from '@angular/core';
         | 
| 2 | 
            -
            import {  | 
| 3 | 
            -
            import * as  | 
| 4 | 
            -
            import { FormControl,  | 
| 5 | 
            -
            import  | 
| 6 | 
            -
            import  | 
| 2 | 
            +
            import { EventEmitter, inject, Injector, forwardRef, ElementRef, booleanAttribute, Input, Output, ContentChild, ViewChild, HostBinding, Optional, Inject, Self, ViewEncapsulation, Component, Directive, NgModule } from '@angular/core';
         | 
| 3 | 
            +
            import * as i5 from '@angular/forms';
         | 
| 4 | 
            +
            import { FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
         | 
| 5 | 
            +
            import * as i1 from '@angular/material/core';
         | 
| 6 | 
            +
            import { MAT_DATE_FORMATS } from '@angular/material/core';
         | 
| 7 | 
            +
            import * as i6 from '@angular/material/datepicker';
         | 
| 7 8 | 
             
            import { MatDatepickerModule } from '@angular/material/datepicker';
         | 
| 8 9 | 
             
            import { coerceBooleanProperty } from '@angular/cdk/coercion';
         | 
| 9 10 | 
             
            import { TemplatePortal, DomPortalOutlet, ComponentPortal } from '@angular/cdk/portal';
         | 
| 10 | 
            -
            import  | 
| 11 | 
            +
            import * as i2 from '@ngx-translate/core';
         | 
| 12 | 
            +
            import { TranslateModule } from '@ngx-translate/core';
         | 
| 11 13 | 
             
            import { Subject, takeUntil, fromEvent } from 'rxjs';
         | 
| 12 14 | 
             
            import _rollupMoment from 'moment';
         | 
| 13 15 | 
             
            import 'moment/min/locales';
         | 
| 14 | 
            -
            import { EuiTimepickerComponent } from '@eui/components/eui-timepicker';
         | 
| 15 | 
            -
            import  | 
| 16 | 
            -
            import  | 
| 16 | 
            +
            import { EuiTimepickerComponent, EUI_TIMEPICKER } from '@eui/components/eui-timepicker';
         | 
| 17 | 
            +
            import * as i3 from '@eui/core';
         | 
| 18 | 
            +
            import { uniqueId, DYNAMIC_COMPONENT_CONFIG } from '@eui/core';
         | 
| 19 | 
            +
            import * as i4 from '@eui/components/shared';
         | 
| 17 20 | 
             
            import { BaseStatesDirective } from '@eui/components/shared';
         | 
| 18 | 
            -
            import * as  | 
| 21 | 
            +
            import * as i7 from '@eui/components/eui-input-text';
         | 
| 19 22 | 
             
            import { EUI_INPUT_TEXT } from '@eui/components/eui-input-text';
         | 
| 20 | 
            -
            import * as  | 
| 23 | 
            +
            import * as i8 from '@eui/components/eui-input-group';
         | 
| 21 24 | 
             
            import { EUI_INPUT_GROUP } from '@eui/components/eui-input-group';
         | 
| 22 | 
            -
            import * as  | 
| 25 | 
            +
            import * as i9 from '@eui/components/eui-button';
         | 
| 23 26 | 
             
            import { EUI_BUTTON } from '@eui/components/eui-button';
         | 
| 24 | 
            -
            import * as  | 
| 27 | 
            +
            import * as i10 from '@eui/components/eui-icon';
         | 
| 25 28 | 
             
            import { EUI_ICON } from '@eui/components/eui-icon';
         | 
| 26 29 | 
             
            import { MatMomentDateModule, provideMomentDateAdapter } from '@angular/material-moment-adapter';
         | 
| 27 30 |  | 
| @@ -68,9 +71,23 @@ class EuiDatepickerComponent { | |
| 68 71 | 
             
                        console.error(e);
         | 
| 69 72 | 
             
                    }
         | 
| 70 73 | 
             
                }
         | 
| 71 | 
            -
                constructor( | 
| 72 | 
            -
             | 
| 73 | 
            -
             | 
| 74 | 
            +
                constructor(adapter, translateService, localeService, EuiAppShellService, 
         | 
| 75 | 
            +
                /**
         | 
| 76 | 
            +
                 * @deprecated will be removed in the next major version
         | 
| 77 | 
            +
                 * @breaking-change 21.0.0
         | 
| 78 | 
            +
                 */
         | 
| 79 | 
            +
                componentFactoryResolver, injector, appRef, viewContainerRef, baseStatesDirective, euiLetterFormat, control) {
         | 
| 80 | 
            +
                    this.adapter = adapter;
         | 
| 81 | 
            +
                    this.translateService = translateService;
         | 
| 82 | 
            +
                    this.localeService = localeService;
         | 
| 83 | 
            +
                    this.EuiAppShellService = EuiAppShellService;
         | 
| 84 | 
            +
                    this.componentFactoryResolver = componentFactoryResolver;
         | 
| 85 | 
            +
                    this.injector = injector;
         | 
| 86 | 
            +
                    this.appRef = appRef;
         | 
| 87 | 
            +
                    this.viewContainerRef = viewContainerRef;
         | 
| 88 | 
            +
                    this.baseStatesDirective = baseStatesDirective;
         | 
| 89 | 
            +
                    this.euiLetterFormat = euiLetterFormat;
         | 
| 90 | 
            +
                    this.control = control;
         | 
| 74 91 | 
             
                    this.e2eAttr = 'eui-datepicker';
         | 
| 75 92 | 
             
                    this.inputFormControl = new FormControl();
         | 
| 76 93 | 
             
                    this.breakpointsValue = {
         | 
| @@ -186,14 +203,6 @@ class EuiDatepickerComponent { | |
| 186 203 | 
             
                    this.destroy$ = new Subject();
         | 
| 187 204 | 
             
                    this.format = inject(MAT_DATE_FORMATS, { optional: true });
         | 
| 188 205 | 
             
                    this.isNull = false;
         | 
| 189 | 
            -
                    this.adapter = inject(DateAdapter);
         | 
| 190 | 
            -
                    this.translateService = inject(TranslateService);
         | 
| 191 | 
            -
                    this.localeService = inject(LocaleService);
         | 
| 192 | 
            -
                    this.EuiAppShellService = inject(EuiAppShellService);
         | 
| 193 | 
            -
                    this.injector = inject(Injector);
         | 
| 194 | 
            -
                    this.appRef = inject(ApplicationRef);
         | 
| 195 | 
            -
                    this.viewContainerRef = inject(ViewContainerRef);
         | 
| 196 | 
            -
                    this.control = inject(NgControl, { self: true, optional: true });
         | 
| 197 206 | 
             
                    this.propagateChange = (_) => { };
         | 
| 198 207 | 
             
                    this.propagateTouched = () => { };
         | 
| 199 208 | 
             
                    if (this.control) {
         | 
| @@ -743,8 +752,8 @@ class EuiDatepickerComponent { | |
| 743 752 | 
             
                updateInputAriaRequiredAttribute(control) {
         | 
| 744 753 | 
             
                    this.hasAriaRequiredAttribute = control?.control?.hasValidator(Validators.required);
         | 
| 745 754 | 
             
                }
         | 
| 746 | 
            -
                static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
         | 
| 747 | 
            -
                static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiDatepickerComponent, isStandalone: true, selector: "eui-datepicker", inputs: { e2eAttr: "e2eAttr", value: "value", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", placeholder: "placeholder", type: "type", startView: "startView", minDate: "minDate", maxDate: "maxDate", datepickerFilter: "datepickerFilter", dateOutputFormat: "dateOutputFormat", customHeader: "customHeader", dateClass: "dateClass", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSeconds: "stepSeconds", inputId: "inputId", isDatetimepicker: ["isDatetimepicker", "isDatetimepicker", booleanAttribute], hasSeconds: ["hasSeconds", "hasSeconds", booleanAttribute], isOneInputField: ["isOneInputField", "isOneInputField", booleanAttribute], hasNoButton: ["hasNoButton", "hasNoButton", booleanAttribute], isDatepickerBlock: ["isDatepickerBlock", "isDatepickerBlock", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isInputDisabled: ["isInputDisabled", "isInputDisabled", booleanAttribute], isButtonDisabled: ["isButtonDisabled", "isButtonDisabled", booleanAttribute], isPickerDisabled: ["isPickerDisabled", "isPickerDisabled", booleanAttribute], isShownOnInputClick: ["isShownOnInputClick", "isShownOnInputClick", booleanAttribute], isClearable: "isClearable", restrictToRegex: "restrictToRegex" }, outputs: { inputChange: "inputChange", dateSelect: "dateSelect" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiActionButtons", first: true, predicate: i0.forwardRef(() => EuiActionButtonsDirective), descendants: true }], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, static: true }, { propertyName: "templatePortalRef", first: true, predicate: ["templatePortalRef"], descendants: true }, { propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, read: ElementRef }], usesOnChanges: true, hostDirectives: [{ directive:  | 
| 755 | 
            +
                static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiDatepickerComponent, deps: [{ token: i1.DateAdapter }, { token: i2.TranslateService }, { token: i3.LocaleService }, { token: i3.EuiAppShellService }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }, { token: i0.ViewContainerRef }, { token: i4.BaseStatesDirective }, { token: forwardRef(() => EuiLetterFormatDirective), optional: true }, { token: i5.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
         | 
| 756 | 
            +
                static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiDatepickerComponent, isStandalone: true, selector: "eui-datepicker", inputs: { e2eAttr: "e2eAttr", value: "value", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", placeholder: "placeholder", type: "type", startView: "startView", minDate: "minDate", maxDate: "maxDate", datepickerFilter: "datepickerFilter", dateOutputFormat: "dateOutputFormat", customHeader: "customHeader", dateClass: "dateClass", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSeconds: "stepSeconds", inputId: "inputId", isDatetimepicker: ["isDatetimepicker", "isDatetimepicker", booleanAttribute], hasSeconds: ["hasSeconds", "hasSeconds", booleanAttribute], isOneInputField: ["isOneInputField", "isOneInputField", booleanAttribute], hasNoButton: ["hasNoButton", "hasNoButton", booleanAttribute], isDatepickerBlock: ["isDatepickerBlock", "isDatepickerBlock", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isInputDisabled: ["isInputDisabled", "isInputDisabled", booleanAttribute], isButtonDisabled: ["isButtonDisabled", "isButtonDisabled", booleanAttribute], isPickerDisabled: ["isPickerDisabled", "isPickerDisabled", booleanAttribute], isShownOnInputClick: ["isShownOnInputClick", "isShownOnInputClick", booleanAttribute], isClearable: "isClearable", restrictToRegex: "restrictToRegex" }, outputs: { inputChange: "inputChange", dateSelect: "dateSelect" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiActionButtons", first: true, predicate: i0.forwardRef(() => EuiActionButtonsDirective), descendants: true }], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, static: true }, { propertyName: "templatePortalRef", first: true, predicate: ["templatePortalRef"], descendants: true }, { propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, read: ElementRef }], usesOnChanges: true, hostDirectives: [{ directive: i4.BaseStatesDirective, inputs: ["euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div euiInputGroup>\n    <div euiInputGroupAddOn>\n        <input\n            #input\n            euiInputText\n            [id]=\"inputId\"\n            [readonly]=\"isReadOnly\"\n            [euiClearable]=\"isClearable\"\n            (clear)=\"onClear()\"\n            [class.eui-datepicker--no-button]=\"hasNoButton\"\n            [class.eui-datepicker--long-format]=\"!isDatepickerBlock && (isDatetimepicker || euiLetterFormat)\"\n            [class.eui-datepicker--block]=\"isDatepickerBlock\"\n            [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n            [formControl]=\"inputFormControl\"\n            [matDatepicker]=\"calendar\"\n            placeholder=\"{{ placeholder }}\"\n            (dateInput)=\"onDateInput($event)\"\n            (dateChange)=\"onDateChange($event)\"\n            [min]=\"minDate\"\n            [max]=\"maxDate\"\n            [matDatepickerFilter]=\"datepickerFilter\"\n            (click)=\"isShownOnInputClick? openCalendar(): null\"\n            autocomplete=\"off\"\n            aria-label=\"Date Input Field\"\n            (keypress)=\"onKeypress($event)\"\n            (focusout)=\"onFocusOut()\"\n            (change)=\"isDatetimepicker ? changedInput($event) : null\" />\n        <mat-datepicker\n            #calendar\n            panelClass=\"mat-calendar-{{ type }}\"\n            [startView]=\"type === 'regular' ? (startView ? startView : convTypeToStartView(type)) : convTypeToStartView(type)\"\n            (yearSelected)=\"type === 'year' ? chosenDateHandler($event, calendar) : null\"\n            (monthSelected)=\"type === 'month' ? chosenDateHandler($event, calendar) : null\"\n            [touchUi]=\"breakpointsValue.isTablet || breakpointsValue.isMobile\"\n            [panelClass]=\"isDatetimepicker ? 'eui-datepicker--container-height-large' : null\"\n            [disabled]=\"isPickerDisabled\"\n            [calendarHeaderComponent]=\"customHeader\"\n            [dateClass]=\"dateClass\"\n            (opened)=\"onOpened()\">\n        </mat-datepicker>\n        @if (!hasNoButton && showDateButton) {\n            <button\n                (click)=\"openCalendar()\"\n                euiButton\n                type=\"button\"\n                euiSecondary\n                [euiIconButton]=\"!togglerLabel\"\n                [euiDisabled]=\"isButtonDisabled\"\n                aria-haspopup=\"dialog\">\n                @if (!togglerLabel) {\n                    <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\" size=\"s\"></eui-icon-svg>\n                } @else {\n                    <span>{{ togglerLabel }}</span>\n                }\n            </button>\n        }\n    </div>\n</div>\n\n\n<ng-template #templatePortalRef>\n    <ng-content select=\"eui-action-buttons\" />\n</ng-template>\n", styles: [".eui-19 .eui-datepicker{display:flex}.eui-19 .eui-datepicker:not(.eui-datepicker--responsive) .eui-input-group-addon{width:unset!important}.eui-19 .eui-datepicker:not(.eui-datepicker--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-s-m))}.eui-19 .eui-datepicker:not(.eui-datepicker--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-s-m))}.eui-19 .eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-s-m))}.eui-19 .eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--block{width:100%}.eui-19 .eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m)}.eui-19 .eui-datepicker .eui-input-group{margin-bottom:0!important}.eui-19 .eui-datepicker--responsive{width:100%}.eui-19 .eui-datepicker--responsive .eui-input-group-addon{width:100%!important}.eui-19 .eui-datepicker--container-height-large{height:auto!important}.eui-19 .eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs)}.eui-19 .eui-datepicker__actions-cancel-button{margin-right:var(--eui-s-m)}.eui-19 .mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.eui-19 .mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.eui-19 .mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:fit-content!important}.eui-19 .mat-mdc-icon-button:disabled{color:var(--eui-c-neutral-lighter)!important}.eui-19 .eui-datepicker--primary input{background-color:var(--eui-c-s-primary-surface-light)}.eui-19 .eui-datepicker--secondary input{background-color:var(--eui-c-s-secondary)}.eui-19 .eui-datepicker--info input{background-color:var(--eui-c-s-info-surface-light)}.eui-19 .eui-datepicker--success input{background-color:var(--eui-c-s-success-surface-light)}.eui-19 .eui-datepicker--warning input{background-color:var(--eui-c-s-warning-surface-light)}.eui-19 .eui-datepicker--danger input{background-color:var(--eui-c-s-danger-surface-light)}.eui-19 .eui-datepicker--accent input{background-color:var(--eui-c-s-accent-surface-light)}\n"], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatMomentDateModule }, { kind: "component", type: i7.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i8.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr"] }, { kind: "component", type: i8.EuiInputGroupAddOnComponent, selector: "div[euiInputGroupAddOn], eui-input-group-addon", inputs: ["e2eAttr"] }, { kind: "component", type: i9.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiCTAButton", "euiBlockButton", "euiIconButton", "euiLineWrap", "isCompact", "hasNoFocusRing", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i10.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
         | 
| 748 757 | 
             
            }
         | 
| 749 758 | 
             
            i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiDatepickerComponent, decorators: [{
         | 
| 750 759 | 
             
                        type: Component,
         | 
| @@ -758,6 +767,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor | |
| 758 767 | 
             
                                    ...EUI_INPUT_GROUP,
         | 
| 759 768 | 
             
                                    ...EUI_BUTTON,
         | 
| 760 769 | 
             
                                    ...EUI_ICON,
         | 
| 770 | 
            +
                                    ...EUI_TIMEPICKER,
         | 
| 761 771 | 
             
                                ], hostDirectives: [
         | 
| 762 772 | 
             
                                    {
         | 
| 763 773 | 
             
                                        directive: BaseStatesDirective,
         | 
| @@ -770,7 +780,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor | |
| 770 780 | 
             
                                        ],
         | 
| 771 781 | 
             
                                    },
         | 
| 772 782 | 
             
                                ], template: "<div euiInputGroup>\n    <div euiInputGroupAddOn>\n        <input\n            #input\n            euiInputText\n            [id]=\"inputId\"\n            [readonly]=\"isReadOnly\"\n            [euiClearable]=\"isClearable\"\n            (clear)=\"onClear()\"\n            [class.eui-datepicker--no-button]=\"hasNoButton\"\n            [class.eui-datepicker--long-format]=\"!isDatepickerBlock && (isDatetimepicker || euiLetterFormat)\"\n            [class.eui-datepicker--block]=\"isDatepickerBlock\"\n            [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n            [formControl]=\"inputFormControl\"\n            [matDatepicker]=\"calendar\"\n            placeholder=\"{{ placeholder }}\"\n            (dateInput)=\"onDateInput($event)\"\n            (dateChange)=\"onDateChange($event)\"\n            [min]=\"minDate\"\n            [max]=\"maxDate\"\n            [matDatepickerFilter]=\"datepickerFilter\"\n            (click)=\"isShownOnInputClick? openCalendar(): null\"\n            autocomplete=\"off\"\n            aria-label=\"Date Input Field\"\n            (keypress)=\"onKeypress($event)\"\n            (focusout)=\"onFocusOut()\"\n            (change)=\"isDatetimepicker ? changedInput($event) : null\" />\n        <mat-datepicker\n            #calendar\n            panelClass=\"mat-calendar-{{ type }}\"\n            [startView]=\"type === 'regular' ? (startView ? startView : convTypeToStartView(type)) : convTypeToStartView(type)\"\n            (yearSelected)=\"type === 'year' ? chosenDateHandler($event, calendar) : null\"\n            (monthSelected)=\"type === 'month' ? chosenDateHandler($event, calendar) : null\"\n            [touchUi]=\"breakpointsValue.isTablet || breakpointsValue.isMobile\"\n            [panelClass]=\"isDatetimepicker ? 'eui-datepicker--container-height-large' : null\"\n            [disabled]=\"isPickerDisabled\"\n            [calendarHeaderComponent]=\"customHeader\"\n            [dateClass]=\"dateClass\"\n            (opened)=\"onOpened()\">\n        </mat-datepicker>\n        @if (!hasNoButton && showDateButton) {\n            <button\n                (click)=\"openCalendar()\"\n                euiButton\n                type=\"button\"\n                euiSecondary\n                [euiIconButton]=\"!togglerLabel\"\n                [euiDisabled]=\"isButtonDisabled\"\n                aria-haspopup=\"dialog\">\n                @if (!togglerLabel) {\n                    <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\" size=\"s\"></eui-icon-svg>\n                } @else {\n                    <span>{{ togglerLabel }}</span>\n                }\n            </button>\n        }\n    </div>\n</div>\n\n\n<ng-template #templatePortalRef>\n    <ng-content select=\"eui-action-buttons\" />\n</ng-template>\n", styles: [".eui-19 .eui-datepicker{display:flex}.eui-19 .eui-datepicker:not(.eui-datepicker--responsive) .eui-input-group-addon{width:unset!important}.eui-19 .eui-datepicker:not(.eui-datepicker--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-s-m))}.eui-19 .eui-datepicker:not(.eui-datepicker--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-s-m))}.eui-19 .eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-s-m))}.eui-19 .eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--block{width:100%}.eui-19 .eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m)}.eui-19 .eui-datepicker .eui-input-group{margin-bottom:0!important}.eui-19 .eui-datepicker--responsive{width:100%}.eui-19 .eui-datepicker--responsive .eui-input-group-addon{width:100%!important}.eui-19 .eui-datepicker--container-height-large{height:auto!important}.eui-19 .eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs)}.eui-19 .eui-datepicker__actions-cancel-button{margin-right:var(--eui-s-m)}.eui-19 .mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.eui-19 .mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.eui-19 .mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:fit-content!important}.eui-19 .mat-mdc-icon-button:disabled{color:var(--eui-c-neutral-lighter)!important}.eui-19 .eui-datepicker--primary input{background-color:var(--eui-c-s-primary-surface-light)}.eui-19 .eui-datepicker--secondary input{background-color:var(--eui-c-s-secondary)}.eui-19 .eui-datepicker--info input{background-color:var(--eui-c-s-info-surface-light)}.eui-19 .eui-datepicker--success input{background-color:var(--eui-c-s-success-surface-light)}.eui-19 .eui-datepicker--warning input{background-color:var(--eui-c-s-warning-surface-light)}.eui-19 .eui-datepicker--danger input{background-color:var(--eui-c-s-danger-surface-light)}.eui-19 .eui-datepicker--accent input{background-color:var(--eui-c-s-accent-surface-light)}\n"] }]
         | 
| 773 | 
            -
                    }], ctorParameters: () => [ | 
| 783 | 
            +
                    }], ctorParameters: () => [{ type: i1.DateAdapter }, { type: i2.TranslateService }, { type: i3.LocaleService }, { type: i3.EuiAppShellService }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: i0.ViewContainerRef }, { type: i4.BaseStatesDirective }, { type: EuiLetterFormatDirective, decorators: [{
         | 
| 784 | 
            +
                                type: Optional
         | 
| 785 | 
            +
                            }, {
         | 
| 786 | 
            +
                                type: Inject,
         | 
| 787 | 
            +
                                args: [forwardRef(() => EuiLetterFormatDirective)]
         | 
| 788 | 
            +
                            }] }, { type: i5.NgControl, decorators: [{
         | 
| 789 | 
            +
                                type: Self
         | 
| 790 | 
            +
                            }, {
         | 
| 791 | 
            +
                                type: Optional
         | 
| 792 | 
            +
                            }] }], propDecorators: { cssClasses: [{
         | 
| 774 793 | 
             
                            type: HostBinding,
         | 
| 775 794 | 
             
                            args: ['class']
         | 
| 776 795 | 
             
                        }], e2eAttr: [{
         |