@eui/components 17.0.2-snapshot-1702261664414 → 17.0.2-snapshot-1702478232432

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

@@ -39,6 +39,12 @@ class EuiTimepickerComponent {
     constructor(config, control) {
         this.control = control;
         this.oneInputFormControl = new FormControl();
+        this.hoursUpDisabled = false;
+        this.hoursDownDisabled = false;
+        this.minutesUpDisabled = false;
+        this.minutesDownDisabled = false;
+        this.secondsUpDisabled = false;
+        this.secondsDownDisabled = false;
         this.propagatedValues = {
             hours: null,
             mins: null,
@@ -123,16 +129,22 @@ class EuiTimepickerComponent {
         this.destroy$.unsubscribe();
     }
     changeHours(step) {
-        const val = (isNaN(this.hours) ? 0 : this.hours) + step;
-        this.updateHours(val.toString());
+        if ((!this.hoursUpDisabled && step === 1) || (!this.hoursDownDisabled && step === -1)) {
+            const val = (isNaN(this.hours) ? 0 : this.hours) + step;
+            this.updateHours(val.toString());
+        }
     }
     changeMinutes(step) {
-        const val = (isNaN(this.mins) ? 0 : this.mins) + step;
-        this.updateMinutes(val.toString());
+        if ((!this.minutesUpDisabled && step === 1) || (!this.minutesDownDisabled && step === -1)) {
+            const val = (isNaN(this.mins) ? 0 : this.mins) + step;
+            this.updateMinutes(val.toString());
+        }
     }
     changeSeconds(step) {
-        const val = (isNaN(this.secs) ? 0 : this.secs) + step;
-        this.updateSeconds(val.toString());
+        if ((!this.secondsUpDisabled && step === 1) || (!this.secondsDownDisabled && step === -1)) {
+            const val = (isNaN(this.secs) ? 0 : this.secs) + step;
+            this.updateSeconds(val.toString());
+        }
     }
     updateHours(newVal) {
         const enteredHour = this.toInteger(newVal);
@@ -142,7 +154,7 @@ class EuiTimepickerComponent {
         else {
             this.hours = NaN;
         }
-        this.callbackFn(this.hours, this.mins);
+        this.callbackFn(this.hours, this.mins, this.secs);
         this.propagatedValues = {
             ...this.propagatedValues,
             hours: this.hours,
@@ -158,7 +170,7 @@ class EuiTimepickerComponent {
         else {
             this.mins = NaN;
         }
-        this.callbackFn(this.hours, this.mins);
+        this.callbackFn(this.hours, this.mins, this.secs);
         this.propagatedValues = {
             ...this.propagatedValues,
             mins: this.mins,
@@ -229,6 +241,24 @@ class EuiTimepickerComponent {
             this.oneInputFormControl.patchValue('' + hours + ':' + mins + ':' + secs);
         }
     }
+    hoursUpDisable(state) {
+        this.hoursUpDisabled = state;
+    }
+    hoursDownDisable(state) {
+        this.hoursDownDisabled = state;
+    }
+    minutesUpDisable(state) {
+        this.minutesUpDisabled = state;
+    }
+    minutesDownDisable(state) {
+        this.minutesDownDisabled = state;
+    }
+    secondsUpDisable(state) {
+        this.secondsUpDisabled = state;
+    }
+    secondsDownDisable(state) {
+        this.secondsDownDisabled = state;
+    }
     // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     registerOnChange(fn) {
@@ -259,11 +289,11 @@ class EuiTimepickerComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiTimepickerComponent, deps: [{ token: DYNAMIC_COMPONENT_CONFIG, optional: true }, { token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiTimepickerComponent, selector: "eui-timepicker", inputs: { e2eAttr: "e2eAttr", isreadOnly: "isreadOnly", isOneInputField: "isOneInputField", hasSeconds: "hasSeconds", timeMask: "timeMask" }, viewQueries: [{ propertyName: "inputHoursElement", first: true, predicate: ["inputrefhours"], descendants: true, read: ElementRef }, { propertyName: "inputMinsElement", first: true, predicate: ["inputrefmins"], descendants: true, read: ElementRef }, { propertyName: "inputSecsElement", first: true, predicate: ["inputrefsecs"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"eui-timepicker\" [class.eui-timepicker--centered]=\"isDatetimepicker\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-container *ngIf=\"isOneInputField; else multipleInputs\">\n        <input\n            [class.eui-timepicker__input--one-field]=\"isDatetimepicker\"\n            euiInputText\n            mask=\"{{ timeMask }}\"\n            [leadZeroDateTime]=\"true\"\n            placeholder=\"{{ timeMask }}\"\n            aria-label=\"Time Input Field\"\n            [formControl]=\"oneInputFormControl\"\n            (focusout)=\"onFocusOut()\"\n            [dropSpecialCharacters]=\"false\"\n            [readonly]=\"isreadOnly\" />\n    </ng-container>\n\n    <ng-template #multipleInputs>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                <eui-icon-svg\n                    (click)=\"changeHours(1)\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Hours\"></eui-icon-svg>\n            </div>\n            <input\n                #inputrefhours\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"HH\"\n                [ngModel]=\"hours\"\n                (ngModelChange)=\"updateHours($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Hours\"\n                (keydown.ArrowUp)=\"changeHours(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeHours(-1); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                <eui-icon-svg\n                    (click)=\"changeHours(-1)\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Hours\"></eui-icon-svg>\n            </div>\n        </div>\n        <div class=\"eui-timepicker__spacer\">:</div>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(1)\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Minutes\"></eui-icon-svg>\n            </div>\n            <input\n                #inputrefmins\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"MM\"\n                [ngModel]=\"mins\"\n                (ngModelChange)=\"updateMinutes($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Minutes\"\n                (keydown.ArrowUp)=\"changeMinutes(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeMinutes(-1); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(-1)\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Minutes\"></eui-icon-svg>\n            </div>\n        </div>\n        <ng-container *ngIf=\"hasSeconds\">\n            <div class=\"eui-timepicker__spacer\">:</div>\n            <div class=\"eui-timepicker__input-container\">\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(1)\"\n                        icon=\"eui-chevron-up\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Increase seconds\"></eui-icon-svg>\n                </div>\n                <input\n                    #inputrefsecs\n                    euiInputNumber\n                    [leadingZero]=\"2\"\n                    [digits]=\"2\"\n                    [fractionDigits]=\"0\"\n                    class=\"eui-timepicker__input\"\n                    placeholder=\"SS\"\n                    [ngModel]=\"secs\"\n                    (ngModelChange)=\"updateSeconds($event)\"\n                    [readonly]=\"isreadOnly\"\n                    aria-label=\"Seconds\"\n                    (keydown.ArrowUp)=\"changeSeconds(1); $event.preventDefault()\"\n                    (keydown.ArrowDown)=\"changeSeconds(-1); $event.preventDefault()\" />\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(-1)\"\n                        icon=\"eui-chevron-down\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Decrease seconds\"></eui-icon-svg>\n                </div>\n            </div>\n        </ng-container>\n    </ng-template>\n</div>\n", styles: [".eui-timepicker{align-items:center;display:flex}.eui-timepicker--centered{justify-content:center}.eui-timepicker__input-container{width:calc(4 * var(--eui-base-spacing-m))}.eui-timepicker__input{text-align:center;width:100%}.eui-timepicker__input--one-field{width:calc(6 * var(--eui-base-spacing-m));margin-bottom:var(--eui-base-spacing-2xs)}.eui-timepicker__spacer{text-align:center;width:var(--eui-base-spacing-m)}.eui-timepicker__chevron{display:flex;justify-content:center;padding:var(--eui-base-spacing-xs)}.eui-timepicker__chevron .eui-icon-svg>svg:hover{cursor:pointer;color:var(--eui-base-color-primary-100)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.EuiInputNumberComponent, selector: "input[euiInputNumber]", inputs: ["min", "max", "leadingZero", "isInvalid", "fractionDigits", "digits", "fillFraction", "roundUp", "noFormat", "value"] }, { kind: "directive", type: i3.EuiInputNumberDirective, selector: "input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]" }, { kind: "component", type: i4.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: i5.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: "directive", type: i6.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiTimepickerComponent, selector: "eui-timepicker", inputs: { e2eAttr: "e2eAttr", isreadOnly: "isreadOnly", isOneInputField: "isOneInputField", hasSeconds: "hasSeconds", timeMask: "timeMask" }, viewQueries: [{ propertyName: "inputHoursElement", first: true, predicate: ["inputrefhours"], descendants: true, read: ElementRef }, { propertyName: "inputMinsElement", first: true, predicate: ["inputrefmins"], descendants: true, read: ElementRef }, { propertyName: "inputSecsElement", first: true, predicate: ["inputrefsecs"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"eui-timepicker\" [class.eui-timepicker--centered]=\"isDatetimepicker\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-container *ngIf=\"isOneInputField; else multipleInputs\">\n        <input\n            [class.eui-timepicker__input--one-field]=\"isDatetimepicker\"\n            euiInputText\n            mask=\"{{ timeMask }}\"\n            [leadZeroDateTime]=\"true\"\n            placeholder=\"{{ timeMask }}\"\n            aria-label=\"Time Input Field\"\n            [formControl]=\"oneInputFormControl\"\n            (focusout)=\"onFocusOut()\"\n            [dropSpecialCharacters]=\"false\"\n            [readonly]=\"isreadOnly\" />\n    </ng-container>\n\n    <ng-template #multipleInputs>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__hours-up\">\n                <eui-icon-svg\n                    (click)=\"changeHours(1)\"\n                    [class.time-control--disabled]=\"hoursUpDisabled\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Hours\">\n                </eui-icon-svg>\n            </div>\n            <input\n                #inputrefhours\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"HH\"\n                [ngModel]=\"hours\"\n                (ngModelChange)=\"updateHours($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Hours\"\n                (keydown.ArrowUp)=\"changeHours(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeHours(-1); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__hours-down\">\n                <eui-icon-svg\n                    (click)=\"changeHours(-1)\"\n                    [class.time-control--disabled]=\"hoursDownDisabled\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Hours\">\n                </eui-icon-svg>\n            </div>\n        </div>\n        <div class=\"eui-timepicker__spacer\">:</div>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__minutes-up\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(1)\"\n                    [class.time-control--disabled]=\"minutesUpDisabled\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Minutes\">\n                </eui-icon-svg>\n            </div>\n            <input\n                #inputrefmins\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"MM\"\n                [ngModel]=\"mins\"\n                (ngModelChange)=\"updateMinutes($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Minutes\"\n                (keydown.ArrowUp)=\"changeMinutes(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeMinutes(-1); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__minutes-down\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(-1)\"\n                    [class.time-control--disabled]=\"minutesDownDisabled\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Minutes\">\n                </eui-icon-svg>\n            </div>\n        </div>\n        <ng-container *ngIf=\"hasSeconds\">\n            <div class=\"eui-timepicker__spacer\">:</div>\n            <div class=\"eui-timepicker__input-container\">\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__seconds-up\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(1)\"\n                        [class.time-control--disabled]=\"secondsUpDisabled\"\n                        icon=\"eui-chevron-up\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Increase seconds\">\n                    </eui-icon-svg>\n                </div>\n                <input\n                    #inputrefsecs\n                    euiInputNumber\n                    [leadingZero]=\"2\"\n                    [digits]=\"2\"\n                    [fractionDigits]=\"0\"\n                    class=\"eui-timepicker__input\"\n                    placeholder=\"SS\"\n                    [ngModel]=\"secs\"\n                    (ngModelChange)=\"updateSeconds($event)\"\n                    [readonly]=\"isreadOnly\"\n                    aria-label=\"Seconds\"\n                    (keydown.ArrowUp)=\"changeSeconds(1); $event.preventDefault()\"\n                    (keydown.ArrowDown)=\"changeSeconds(-1); $event.preventDefault()\" />\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__seconds-down\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(-1)\"\n                        [class.time-control--disabled]=\"secondsDownDisabled\"\n                        icon=\"eui-chevron-down\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Decrease seconds\">\n                    </eui-icon-svg>\n                </div>\n            </div>\n        </ng-container>\n    </ng-template>\n</div>\n", styles: [".eui-timepicker{align-items:center;display:flex}.eui-timepicker--centered{justify-content:center}.eui-timepicker__input-container{width:calc(4 * var(--eui-base-spacing-m))}.eui-timepicker__input{text-align:center;width:100%}.eui-timepicker__input--one-field{width:calc(6 * var(--eui-base-spacing-m));margin-bottom:var(--eui-base-spacing-2xs)}.eui-timepicker__spacer{text-align:center;width:var(--eui-base-spacing-m)}.eui-timepicker__chevron{display:flex;justify-content:center;padding:var(--eui-base-spacing-xs)}.eui-timepicker__chevron .eui-icon-svg:not(.time-control--disabled):hover{cursor:pointer;color:var(--eui-base-color-primary-100)}.eui-timepicker__chevron .eui-icon-svg.time-control--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.EuiInputNumberComponent, selector: "input[euiInputNumber]", inputs: ["min", "max", "leadingZero", "isInvalid", "fractionDigits", "digits", "fillFraction", "roundUp", "noFormat", "value"] }, { kind: "directive", type: i3.EuiInputNumberDirective, selector: "input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]" }, { kind: "component", type: i4.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: i5.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: "directive", type: i6.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiTimepickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-timepicker', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-timepicker\" [class.eui-timepicker--centered]=\"isDatetimepicker\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-container *ngIf=\"isOneInputField; else multipleInputs\">\n        <input\n            [class.eui-timepicker__input--one-field]=\"isDatetimepicker\"\n            euiInputText\n            mask=\"{{ timeMask }}\"\n            [leadZeroDateTime]=\"true\"\n            placeholder=\"{{ timeMask }}\"\n            aria-label=\"Time Input Field\"\n            [formControl]=\"oneInputFormControl\"\n            (focusout)=\"onFocusOut()\"\n            [dropSpecialCharacters]=\"false\"\n            [readonly]=\"isreadOnly\" />\n    </ng-container>\n\n    <ng-template #multipleInputs>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                <eui-icon-svg\n                    (click)=\"changeHours(1)\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Hours\"></eui-icon-svg>\n            </div>\n            <input\n                #inputrefhours\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"HH\"\n                [ngModel]=\"hours\"\n                (ngModelChange)=\"updateHours($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Hours\"\n                (keydown.ArrowUp)=\"changeHours(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeHours(-1); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                <eui-icon-svg\n                    (click)=\"changeHours(-1)\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Hours\"></eui-icon-svg>\n            </div>\n        </div>\n        <div class=\"eui-timepicker__spacer\">:</div>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(1)\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Minutes\"></eui-icon-svg>\n            </div>\n            <input\n                #inputrefmins\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"MM\"\n                [ngModel]=\"mins\"\n                (ngModelChange)=\"updateMinutes($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Minutes\"\n                (keydown.ArrowUp)=\"changeMinutes(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeMinutes(-1); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(-1)\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Minutes\"></eui-icon-svg>\n            </div>\n        </div>\n        <ng-container *ngIf=\"hasSeconds\">\n            <div class=\"eui-timepicker__spacer\">:</div>\n            <div class=\"eui-timepicker__input-container\">\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(1)\"\n                        icon=\"eui-chevron-up\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Increase seconds\"></eui-icon-svg>\n                </div>\n                <input\n                    #inputrefsecs\n                    euiInputNumber\n                    [leadingZero]=\"2\"\n                    [digits]=\"2\"\n                    [fractionDigits]=\"0\"\n                    class=\"eui-timepicker__input\"\n                    placeholder=\"SS\"\n                    [ngModel]=\"secs\"\n                    (ngModelChange)=\"updateSeconds($event)\"\n                    [readonly]=\"isreadOnly\"\n                    aria-label=\"Seconds\"\n                    (keydown.ArrowUp)=\"changeSeconds(1); $event.preventDefault()\"\n                    (keydown.ArrowDown)=\"changeSeconds(-1); $event.preventDefault()\" />\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(-1)\"\n                        icon=\"eui-chevron-down\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Decrease seconds\"></eui-icon-svg>\n                </div>\n            </div>\n        </ng-container>\n    </ng-template>\n</div>\n", styles: [".eui-timepicker{align-items:center;display:flex}.eui-timepicker--centered{justify-content:center}.eui-timepicker__input-container{width:calc(4 * var(--eui-base-spacing-m))}.eui-timepicker__input{text-align:center;width:100%}.eui-timepicker__input--one-field{width:calc(6 * var(--eui-base-spacing-m));margin-bottom:var(--eui-base-spacing-2xs)}.eui-timepicker__spacer{text-align:center;width:var(--eui-base-spacing-m)}.eui-timepicker__chevron{display:flex;justify-content:center;padding:var(--eui-base-spacing-xs)}.eui-timepicker__chevron .eui-icon-svg>svg:hover{cursor:pointer;color:var(--eui-base-color-primary-100)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"] }]
+            args: [{ selector: 'eui-timepicker', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-timepicker\" [class.eui-timepicker--centered]=\"isDatetimepicker\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-container *ngIf=\"isOneInputField; else multipleInputs\">\n        <input\n            [class.eui-timepicker__input--one-field]=\"isDatetimepicker\"\n            euiInputText\n            mask=\"{{ timeMask }}\"\n            [leadZeroDateTime]=\"true\"\n            placeholder=\"{{ timeMask }}\"\n            aria-label=\"Time Input Field\"\n            [formControl]=\"oneInputFormControl\"\n            (focusout)=\"onFocusOut()\"\n            [dropSpecialCharacters]=\"false\"\n            [readonly]=\"isreadOnly\" />\n    </ng-container>\n\n    <ng-template #multipleInputs>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__hours-up\">\n                <eui-icon-svg\n                    (click)=\"changeHours(1)\"\n                    [class.time-control--disabled]=\"hoursUpDisabled\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Hours\">\n                </eui-icon-svg>\n            </div>\n            <input\n                #inputrefhours\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"HH\"\n                [ngModel]=\"hours\"\n                (ngModelChange)=\"updateHours($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Hours\"\n                (keydown.ArrowUp)=\"changeHours(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeHours(-1); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__hours-down\">\n                <eui-icon-svg\n                    (click)=\"changeHours(-1)\"\n                    [class.time-control--disabled]=\"hoursDownDisabled\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Hours\">\n                </eui-icon-svg>\n            </div>\n        </div>\n        <div class=\"eui-timepicker__spacer\">:</div>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__minutes-up\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(1)\"\n                    [class.time-control--disabled]=\"minutesUpDisabled\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Minutes\">\n                </eui-icon-svg>\n            </div>\n            <input\n                #inputrefmins\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"MM\"\n                [ngModel]=\"mins\"\n                (ngModelChange)=\"updateMinutes($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Minutes\"\n                (keydown.ArrowUp)=\"changeMinutes(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeMinutes(-1); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__minutes-down\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(-1)\"\n                    [class.time-control--disabled]=\"minutesDownDisabled\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Minutes\">\n                </eui-icon-svg>\n            </div>\n        </div>\n        <ng-container *ngIf=\"hasSeconds\">\n            <div class=\"eui-timepicker__spacer\">:</div>\n            <div class=\"eui-timepicker__input-container\">\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__seconds-up\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(1)\"\n                        [class.time-control--disabled]=\"secondsUpDisabled\"\n                        icon=\"eui-chevron-up\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Increase seconds\">\n                    </eui-icon-svg>\n                </div>\n                <input\n                    #inputrefsecs\n                    euiInputNumber\n                    [leadingZero]=\"2\"\n                    [digits]=\"2\"\n                    [fractionDigits]=\"0\"\n                    class=\"eui-timepicker__input\"\n                    placeholder=\"SS\"\n                    [ngModel]=\"secs\"\n                    (ngModelChange)=\"updateSeconds($event)\"\n                    [readonly]=\"isreadOnly\"\n                    aria-label=\"Seconds\"\n                    (keydown.ArrowUp)=\"changeSeconds(1); $event.preventDefault()\"\n                    (keydown.ArrowDown)=\"changeSeconds(-1); $event.preventDefault()\" />\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__seconds-down\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(-1)\"\n                        [class.time-control--disabled]=\"secondsDownDisabled\"\n                        icon=\"eui-chevron-down\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Decrease seconds\">\n                    </eui-icon-svg>\n                </div>\n            </div>\n        </ng-container>\n    </ng-template>\n</div>\n", styles: [".eui-timepicker{align-items:center;display:flex}.eui-timepicker--centered{justify-content:center}.eui-timepicker__input-container{width:calc(4 * var(--eui-base-spacing-m))}.eui-timepicker__input{text-align:center;width:100%}.eui-timepicker__input--one-field{width:calc(6 * var(--eui-base-spacing-m));margin-bottom:var(--eui-base-spacing-2xs)}.eui-timepicker__spacer{text-align:center;width:var(--eui-base-spacing-m)}.eui-timepicker__chevron{display:flex;justify-content:center;padding:var(--eui-base-spacing-xs)}.eui-timepicker__chevron .eui-icon-svg:not(.time-control--disabled):hover{cursor:pointer;color:var(--eui-base-color-primary-100)}.eui-timepicker__chevron .eui-icon-svg.time-control--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {

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

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-timepicker.mjs","sources":["../../eui-timepicker/eui-timepicker.component.ts","../../eui-timepicker/eui-timepicker.component.html","../../eui-timepicker/eui-timepicker.module.ts","../../eui-timepicker/eui-components-eui-timepicker.ts"],"sourcesContent":["import { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport {\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    OnInit,\n    Optional,\n    ViewChild,\n    ViewEncapsulation,\n    Self,\n    DoCheck,\n    OnDestroy,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { DYNAMIC_COMPONENT_CONFIG } from '@eui/core';\nimport { EuiDateTimePickerConfig } from './models/eui-date-time-picker.config.model';\nimport { EuiTimePicker } from './models/eui-timepicker.model';\n\n@Component({\n    selector: 'eui-timepicker',\n    templateUrl: './eui-timepicker.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiTimepickerComponent implements ControlValueAccessor, OnInit, DoCheck, OnDestroy {\n    hours: number;\n    mins: number;\n    secs: number;\n    isDatetimepicker: boolean;\n    oneInputFormControl = new FormControl();\n    oneInputHours: string;\n    oneInputMins: string;\n    oneInputSecs: string;\n\n    private propagatedValues: EuiTimePicker = {\n        hours: null,\n        mins: null,\n        secs: this.hasSeconds ? null : undefined,\n    };\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    // eslint-disable-next-line\n    @Input() e2eAttr = 'eui-timepicker';\n\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\n    @Input()\n    get isOneInputField(): boolean {\n        return this._isOneInputField;\n    }\n    set isOneInputField(value: BooleanInput) {\n        this._isOneInputField = coerceBooleanProperty(value);\n    }\n    private _isOneInputField = false;\n\n    @Input()\n    get hasSeconds(): boolean {\n        return this._hasSeconds;\n    }\n    set hasSeconds(value: BooleanInput) {\n        this._hasSeconds = coerceBooleanProperty(value);\n    }\n    private _hasSeconds = false;\n\n    // eslint-disable-next-line @typescript-eslint/member-ordering\n    @Input() timeMask = 'Hh:m0';\n\n    @ViewChild('inputrefhours', { read: ElementRef }) protected inputHoursElement: ElementRef<HTMLInputElement>;\n    @ViewChild('inputrefmins', { read: ElementRef }) protected inputMinsElement: ElementRef<HTMLInputElement>;\n    @ViewChild('inputrefsecs', { read: ElementRef }) protected inputSecsElement: ElementRef<HTMLInputElement>;\n\n    constructor(\n        @Optional() @Inject(DYNAMIC_COMPONENT_CONFIG) config: EuiDateTimePickerConfig,\n        @Self() @Optional() private control: NgControl,\n    ) {\n        this.hours = config?.hours || 0;\n        this.mins = config?.mins || 0;\n        this.secs = config?.secs || 0;\n        this.isDatetimepicker = config?.isDatetimepicker;\n        this.hasSeconds = config?.hasSeconds;\n        this.isOneInputField = config?.isOneInputField;\n        const hours = this.hours === 0 || null ? '00' : this.hours;\n        const mins = this.mins === 0 || null ? '00' : this.mins;\n        const secs = this.secs === 0 || null ? '00' : this.secs;\n        this.oneInputFormControl.setValue('' + hours + ':' + mins + ':' + secs);\n        this.callbackFn = config?.callbackFn || this.callbackFn;\n\n        if (this.control) {\n            this.control.valueAccessor = this;\n        }\n    }\n\n    ngOnInit(): void {\n        if (this.hasSeconds) {\n            this.timeMask = 'Hh:m0:s0';\n        }\n\n        this.oneInputFormControl.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n            // splits the entered time into 3 parts based on the : and propagates back the corresponding parts\n            const timeArray = value.split(':');\n            this.oneInputHours = timeArray[0];\n            this.oneInputMins = timeArray[1];\n            this.oneInputSecs = timeArray[2];\n            const splittedhours = value !== '' ? Number(this.oneInputHours) : null;\n            const splittedmins = value !== '' ? Number(this.oneInputMins) : null;\n            const splittedsecs = value !== '' ? Number(this.oneInputSecs) : null;\n            if (this.hasSeconds) {\n                this.propagatedValues = {\n                    ...this.propagatedValues,\n                    hours: splittedhours,\n                    mins: splittedmins,\n                    secs: splittedsecs,\n                };\n                this.callbackFn(splittedhours, splittedmins, splittedsecs);\n            } else {\n                this.propagatedValues = {\n                    ...this.propagatedValues,\n                    hours: splittedhours,\n                    mins: splittedmins,\n                };\n                this.callbackFn(splittedhours, splittedmins);\n            }\n            if (splittedhours === null && splittedmins === null && splittedsecs === null) {\n                this.propagateChange(null);\n            } else {\n                this.propagateChange(this.propagatedValues);\n            }\n        });\n    }\n\n    ngDoCheck(): void {\n        if (this.control) {\n            // marks the input control as touched/invalid if the form control is touched/invalid\n            this.control?.touched ? this.oneInputFormControl.markAsTouched() : this.oneInputFormControl.markAsUntouched();\n            this.control?.invalid ? this.oneInputFormControl.setErrors(this.control.errors) : this.oneInputFormControl.setErrors(null);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    changeHours(step: number): void {\n        const val = (isNaN(this.hours) ? 0 : this.hours) + step;\n        this.updateHours(val.toString());\n    }\n\n    changeMinutes(step: number): void {\n        const val = (isNaN(this.mins) ? 0 : this.mins) + step;\n        this.updateMinutes(val.toString());\n    }\n\n    changeSeconds(step: number): void {\n        const val = (isNaN(this.secs) ? 0 : this.secs) + step;\n        this.updateSeconds(val.toString());\n    }\n\n    updateHours(newVal: string): void {\n        const enteredHour = this.toInteger(newVal);\n\n        if (!isNaN(enteredHour)) {\n            this.hours = (enteredHour < 0 ? 24 + enteredHour : enteredHour) % 24;\n        } else {\n            this.hours = NaN;\n        }\n\n        this.callbackFn(this.hours, this.mins);\n\n        this.propagatedValues = {\n            ...this.propagatedValues,\n            hours: this.hours,\n        };\n        this.propagateChange(this.propagatedValues);\n    }\n\n    updateMinutes(newVal: string): void {\n        const enteredMin = this.toInteger(newVal);\n\n        if (!isNaN(enteredMin)) {\n            this.mins = enteredMin % 60 < 0 ? 60 + (enteredMin % 60) : enteredMin % 60;\n            this.changeHours(Math.floor(enteredMin / 60));\n        } else {\n            this.mins = NaN;\n        }\n\n        this.callbackFn(this.hours, this.mins);\n\n        this.propagatedValues = {\n            ...this.propagatedValues,\n            mins: this.mins,\n        };\n        this.propagateChange(this.propagatedValues);\n    }\n\n    updateSeconds(newVal: string): void {\n        const enteredSec = this.toInteger(newVal);\n\n        if (!isNaN(enteredSec)) {\n            this.secs = enteredSec % 60 < 0 ? 60 + (enteredSec % 60) : enteredSec % 60;\n            this.changeMinutes(Math.floor(enteredSec / 60));\n        } else {\n            this.secs = NaN;\n        }\n\n        this.callbackFn(this.hours, this.mins, this.secs);\n\n        this.propagatedValues = {\n            ...this.propagatedValues,\n            secs: this.secs,\n        };\n\n        this.propagateChange(this.propagatedValues);\n    }\n    /**\n     * Autofills mins and secs with 00s if the user tabs after entering hours and marks the input as touched\n     */\n    onFocusOut(): void {\n        if (this.oneInputHours && !this.oneInputMins && !this.oneInputSecs) {\n            switch (this.oneInputHours) {\n                case '0':\n                    this.oneInputHours = '00';\n                    break;\n                case '1':\n                    this.oneInputHours = '01';\n                    break;\n                case '2':\n                    this.oneInputHours = '02';\n                    break;\n            }\n            this.oneInputFormControl.patchValue(`${this.oneInputHours} : 00 : 00`);\n        }\n\n        this.propagateTouched();\n    }\n\n    writeValue(values: EuiTimePicker): void {\n        if (!values) {\n            return;\n        }\n        if (typeof values !== 'object' || Array.isArray(values)) {\n            throw new Error('value must be an EuiTimePicker Object');\n        }\n        if (values.hours === undefined || values.hours < 0 || values.hours > 23 || typeof values.hours !== 'number') {\n            throw new Error('hours must be defined and be a number with range 0-23');\n        }\n        if (values.mins === undefined || values.mins < 0 || values.mins > 59 || typeof values.mins !== 'number') {\n            throw new Error('mins must be defined and be a number with range 0-59');\n        }\n        if (this.hasSeconds && (values.secs === undefined || values.secs < 0 || values.secs > 59 || typeof values.secs !== 'number')) {\n            throw new Error('secs must be defined and be a number with range 0-59');\n        }\n\n        this.updateHours(values.hours.toString());\n        this.updateMinutes(values.mins.toString());\n        if (values.secs) {\n            this.updateSeconds(values.secs.toString());\n        }\n        if (this.isOneInputField) {\n            const hours = this.padNumber(values.hours);\n            const mins = this.padNumber(values.mins);\n            const secs = this.padNumber(values.secs);\n\n            this.oneInputFormControl.patchValue('' + hours + ':' + mins + ':' + secs);\n        }\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: any): void {\n        this.propagateChange = fn;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: any): void {\n        this.propagateTouched = fn;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    private callbackFn: (hours: number, mins: number, secs?: number) => void = () => {};\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private toInteger(value: any): number {\n        return parseInt(`${value}`, 10);\n    }\n\n    /**\n     * Pads leading zero to the provided number when isOneInputField\n     *\n     * @param value The value to add leading zero to\n     * @private\n     */\n    private padNumber(value: number): string {\n        if (!isNaN(this.toInteger(value))) {\n            return `0${value}`.slice(-2);\n        } else {\n            return '';\n        }\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private propagateChange = (_: any): void => {/* empty */};\n\n    private propagateTouched = (): void => {/* empty */};\n}\n","<div class=\"eui-timepicker\" [class.eui-timepicker--centered]=\"isDatetimepicker\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-container *ngIf=\"isOneInputField; else multipleInputs\">\n        <input\n            [class.eui-timepicker__input--one-field]=\"isDatetimepicker\"\n            euiInputText\n            mask=\"{{ timeMask }}\"\n            [leadZeroDateTime]=\"true\"\n            placeholder=\"{{ timeMask }}\"\n            aria-label=\"Time Input Field\"\n            [formControl]=\"oneInputFormControl\"\n            (focusout)=\"onFocusOut()\"\n            [dropSpecialCharacters]=\"false\"\n            [readonly]=\"isreadOnly\" />\n    </ng-container>\n\n    <ng-template #multipleInputs>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                <eui-icon-svg\n                    (click)=\"changeHours(1)\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Hours\"></eui-icon-svg>\n            </div>\n            <input\n                #inputrefhours\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"HH\"\n                [ngModel]=\"hours\"\n                (ngModelChange)=\"updateHours($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Hours\"\n                (keydown.ArrowUp)=\"changeHours(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeHours(-1); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                <eui-icon-svg\n                    (click)=\"changeHours(-1)\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Hours\"></eui-icon-svg>\n            </div>\n        </div>\n        <div class=\"eui-timepicker__spacer\">:</div>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(1)\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Minutes\"></eui-icon-svg>\n            </div>\n            <input\n                #inputrefmins\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"MM\"\n                [ngModel]=\"mins\"\n                (ngModelChange)=\"updateMinutes($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Minutes\"\n                (keydown.ArrowUp)=\"changeMinutes(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeMinutes(-1); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(-1)\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Minutes\"></eui-icon-svg>\n            </div>\n        </div>\n        <ng-container *ngIf=\"hasSeconds\">\n            <div class=\"eui-timepicker__spacer\">:</div>\n            <div class=\"eui-timepicker__input-container\">\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(1)\"\n                        icon=\"eui-chevron-up\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Increase seconds\"></eui-icon-svg>\n                </div>\n                <input\n                    #inputrefsecs\n                    euiInputNumber\n                    [leadingZero]=\"2\"\n                    [digits]=\"2\"\n                    [fractionDigits]=\"0\"\n                    class=\"eui-timepicker__input\"\n                    placeholder=\"SS\"\n                    [ngModel]=\"secs\"\n                    (ngModelChange)=\"updateSeconds($event)\"\n                    [readonly]=\"isreadOnly\"\n                    aria-label=\"Seconds\"\n                    (keydown.ArrowUp)=\"changeSeconds(1); $event.preventDefault()\"\n                    (keydown.ArrowDown)=\"changeSeconds(-1); $event.preventDefault()\" />\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(-1)\"\n                        icon=\"eui-chevron-down\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Decrease seconds\"></eui-icon-svg>\n                </div>\n            </div>\n        </ng-container>\n    </ng-template>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { NgxMaskDirective, provideNgxMask, provideEnvironmentNgxMask } from 'ngx-mask';\n\nimport { EuiTimepickerComponent } from './eui-timepicker.component';\nimport { EuiInputNumberDirectiveModule } from '@eui/components/eui-input-number';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        EuiInputNumberDirectiveModule,\n        EuiInputTextModule,\n        EuiIconModule,\n        NgxMaskDirective,\n    ],\n    providers: [provideNgxMask(), provideEnvironmentNgxMask()],\n    exports: [EuiTimepickerComponent],\n    declarations: [EuiTimepickerComponent],\n})\nexport class EuiTimepickerModule {}\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-timepicker.mjs","sources":["../../eui-timepicker/eui-timepicker.component.ts","../../eui-timepicker/eui-timepicker.component.html","../../eui-timepicker/eui-timepicker.module.ts","../../eui-timepicker/eui-components-eui-timepicker.ts"],"sourcesContent":["import { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport {\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    OnInit,\n    Optional,\n    ViewChild,\n    ViewEncapsulation,\n    Self,\n    DoCheck,\n    OnDestroy,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { DYNAMIC_COMPONENT_CONFIG } from '@eui/core';\nimport { EuiDateTimePickerConfig } from './models/eui-date-time-picker.config.model';\nimport { EuiTimePicker } from './models/eui-timepicker.model';\n\n@Component({\n    selector: 'eui-timepicker',\n    templateUrl: './eui-timepicker.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiTimepickerComponent implements ControlValueAccessor, OnInit, DoCheck, OnDestroy {\n    hours: number;\n    mins: number;\n    secs: number;\n    isDatetimepicker: boolean;\n    oneInputFormControl = new FormControl();\n    oneInputHours: string;\n    oneInputMins: string;\n    oneInputSecs: string;\n\n    public hoursUpDisabled = false;\n    public hoursDownDisabled = false;\n    public minutesUpDisabled = false;\n    public minutesDownDisabled = false;\n    public secondsUpDisabled = false;\n    public secondsDownDisabled = false;\n\n    private propagatedValues: EuiTimePicker = {\n        hours: null,\n        mins: null,\n        secs: this.hasSeconds ? null : undefined,\n    };\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    // eslint-disable-next-line\n    @Input() e2eAttr = 'eui-timepicker';\n\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\n    @Input()\n    get isOneInputField(): boolean {\n        return this._isOneInputField;\n    }\n    set isOneInputField(value: BooleanInput) {\n        this._isOneInputField = coerceBooleanProperty(value);\n    }\n    private _isOneInputField = false;\n\n    @Input()\n    get hasSeconds(): boolean {\n        return this._hasSeconds;\n    }\n    set hasSeconds(value: BooleanInput) {\n        this._hasSeconds = coerceBooleanProperty(value);\n    }\n    private _hasSeconds = false;\n\n    // eslint-disable-next-line @typescript-eslint/member-ordering\n    @Input() timeMask = 'Hh:m0';\n\n    @ViewChild('inputrefhours', { read: ElementRef }) protected inputHoursElement: ElementRef<HTMLInputElement>;\n    @ViewChild('inputrefmins', { read: ElementRef }) protected inputMinsElement: ElementRef<HTMLInputElement>;\n    @ViewChild('inputrefsecs', { read: ElementRef }) protected inputSecsElement: ElementRef<HTMLInputElement>;\n\n    constructor(\n        @Optional() @Inject(DYNAMIC_COMPONENT_CONFIG) config: EuiDateTimePickerConfig,\n        @Self() @Optional() private control: NgControl,\n    ) {\n        this.hours = config?.hours || 0;\n        this.mins = config?.mins || 0;\n        this.secs = config?.secs || 0;\n        this.isDatetimepicker = config?.isDatetimepicker;\n        this.hasSeconds = config?.hasSeconds;\n        this.isOneInputField = config?.isOneInputField;\n        const hours = this.hours === 0 || null ? '00' : this.hours;\n        const mins = this.mins === 0 || null ? '00' : this.mins;\n        const secs = this.secs === 0 || null ? '00' : this.secs;\n        this.oneInputFormControl.setValue('' + hours + ':' + mins + ':' + secs);\n        this.callbackFn = config?.callbackFn || this.callbackFn;\n\n        if (this.control) {\n            this.control.valueAccessor = this;\n        }\n    }\n\n    ngOnInit(): void {\n        if (this.hasSeconds) {\n            this.timeMask = 'Hh:m0:s0';\n        }\n\n        this.oneInputFormControl.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n            // splits the entered time into 3 parts based on the : and propagates back the corresponding parts\n            const timeArray = value.split(':');\n            this.oneInputHours = timeArray[0];\n            this.oneInputMins = timeArray[1];\n            this.oneInputSecs = timeArray[2];\n            const splittedhours = value !== '' ? Number(this.oneInputHours) : null;\n            const splittedmins = value !== '' ? Number(this.oneInputMins) : null;\n            const splittedsecs = value !== '' ? Number(this.oneInputSecs) : null;\n            if (this.hasSeconds) {\n                this.propagatedValues = {\n                    ...this.propagatedValues,\n                    hours: splittedhours,\n                    mins: splittedmins,\n                    secs: splittedsecs,\n                };\n                this.callbackFn(splittedhours, splittedmins, splittedsecs);\n            } else {\n                this.propagatedValues = {\n                    ...this.propagatedValues,\n                    hours: splittedhours,\n                    mins: splittedmins,\n                };\n                this.callbackFn(splittedhours, splittedmins);\n            }\n            if (splittedhours === null && splittedmins === null && splittedsecs === null) {\n                this.propagateChange(null);\n            } else {\n                this.propagateChange(this.propagatedValues);\n            }\n        });\n    }\n\n    ngDoCheck(): void {\n        if (this.control) {\n            // marks the input control as touched/invalid if the form control is touched/invalid\n            this.control?.touched ? this.oneInputFormControl.markAsTouched() : this.oneInputFormControl.markAsUntouched();\n            this.control?.invalid ? this.oneInputFormControl.setErrors(this.control.errors) : this.oneInputFormControl.setErrors(null);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    changeHours(step: number): void {\n        if ((!this.hoursUpDisabled && step === 1) || (!this.hoursDownDisabled && step === -1)) {\n            const val = (isNaN(this.hours) ? 0 : this.hours) + step;\n            this.updateHours(val.toString());\n        }\n    }\n\n    changeMinutes(step: number): void {\n        if ((!this.minutesUpDisabled && step === 1) || (!this.minutesDownDisabled && step === -1)) {\n            const val = (isNaN(this.mins) ? 0 : this.mins) + step;\n            this.updateMinutes(val.toString());\n        }\n    }\n\n    changeSeconds(step: number): void {\n        if ((!this.secondsUpDisabled && step === 1) || (!this.secondsDownDisabled && step === -1)) {\n            const val = (isNaN(this.secs) ? 0 : this.secs) + step;\n            this.updateSeconds(val.toString());\n        }\n    }\n\n    updateHours(newVal: string): void {\n        const enteredHour = this.toInteger(newVal);\n\n        if (!isNaN(enteredHour)) {\n            this.hours = (enteredHour < 0 ? 24 + enteredHour : enteredHour) % 24;\n        } else {\n            this.hours = NaN;\n        }\n\n        this.callbackFn(this.hours, this.mins, this.secs);\n\n        this.propagatedValues = {\n            ...this.propagatedValues,\n            hours: this.hours,\n        };\n        this.propagateChange(this.propagatedValues);\n    }\n\n    updateMinutes(newVal: string): void {\n        const enteredMin = this.toInteger(newVal);\n\n        if (!isNaN(enteredMin)) {\n            this.mins = enteredMin % 60 < 0 ? 60 + (enteredMin % 60) : enteredMin % 60;\n            this.changeHours(Math.floor(enteredMin / 60));\n        } else {\n            this.mins = NaN;\n        }\n\n        this.callbackFn(this.hours, this.mins, this.secs);\n\n        this.propagatedValues = {\n            ...this.propagatedValues,\n            mins: this.mins,\n        };\n        this.propagateChange(this.propagatedValues);\n    }\n\n    updateSeconds(newVal: string): void {\n        const enteredSec = this.toInteger(newVal);\n\n        if (!isNaN(enteredSec)) {\n            this.secs = enteredSec % 60 < 0 ? 60 + (enteredSec % 60) : enteredSec % 60;\n            this.changeMinutes(Math.floor(enteredSec / 60));\n        } else {\n            this.secs = NaN;\n        }\n\n        this.callbackFn(this.hours, this.mins, this.secs);\n\n        this.propagatedValues = {\n            ...this.propagatedValues,\n            secs: this.secs,\n        };\n\n        this.propagateChange(this.propagatedValues);\n    }\n    /**\n     * Autofills mins and secs with 00s if the user tabs after entering hours and marks the input as touched\n     */\n    onFocusOut(): void {\n        if (this.oneInputHours && !this.oneInputMins && !this.oneInputSecs) {\n            switch (this.oneInputHours) {\n                case '0':\n                    this.oneInputHours = '00';\n                    break;\n                case '1':\n                    this.oneInputHours = '01';\n                    break;\n                case '2':\n                    this.oneInputHours = '02';\n                    break;\n            }\n            this.oneInputFormControl.patchValue(`${this.oneInputHours} : 00 : 00`);\n        }\n\n        this.propagateTouched();\n    }\n\n    writeValue(values: EuiTimePicker): void {\n        if (!values) {\n            return;\n        }\n        if (typeof values !== 'object' || Array.isArray(values)) {\n            throw new Error('value must be an EuiTimePicker Object');\n        }\n        if (values.hours === undefined || values.hours < 0 || values.hours > 23 || typeof values.hours !== 'number') {\n            throw new Error('hours must be defined and be a number with range 0-23');\n        }\n        if (values.mins === undefined || values.mins < 0 || values.mins > 59 || typeof values.mins !== 'number') {\n            throw new Error('mins must be defined and be a number with range 0-59');\n        }\n        if (this.hasSeconds && (values.secs === undefined || values.secs < 0 || values.secs > 59 || typeof values.secs !== 'number')) {\n            throw new Error('secs must be defined and be a number with range 0-59');\n        }\n\n        this.updateHours(values.hours.toString());\n        this.updateMinutes(values.mins.toString());\n        if (values.secs) {\n            this.updateSeconds(values.secs.toString());\n        }\n        if (this.isOneInputField) {\n            const hours = this.padNumber(values.hours);\n            const mins = this.padNumber(values.mins);\n            const secs = this.padNumber(values.secs);\n\n            this.oneInputFormControl.patchValue('' + hours + ':' + mins + ':' + secs);\n        }\n    }\n\n    public hoursUpDisable(state: boolean): void {\n        this.hoursUpDisabled = state;\n    }\n\n    public hoursDownDisable(state: boolean): void {\n        this.hoursDownDisabled = state;\n    }\n\n    public minutesUpDisable(state: boolean): void {\n        this.minutesUpDisabled = state;\n    }\n\n    public minutesDownDisable(state: boolean): void {\n        this.minutesDownDisabled = state;\n    }\n\n    public secondsUpDisable(state: boolean): void {\n        this.secondsUpDisabled = state;\n    }\n\n    public secondsDownDisable(state: boolean): void {\n        this.secondsDownDisabled = state;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: any): void {\n        this.propagateChange = fn;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: any): void {\n        this.propagateTouched = fn;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    private callbackFn: (hours: number, mins: number, secs?: number) => void = () => {};\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private toInteger(value: any): number {\n        return parseInt(`${value}`, 10);\n    }\n\n    /**\n     * Pads leading zero to the provided number when isOneInputField\n     *\n     * @param value The value to add leading zero to\n     * @private\n     */\n    private padNumber(value: number): string {\n        if (!isNaN(this.toInteger(value))) {\n            return `0${value}`.slice(-2);\n        } else {\n            return '';\n        }\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private propagateChange = (_: any): void => {/* empty */};\n\n    private propagateTouched = (): void => {/* empty */};\n}\n","<div class=\"eui-timepicker\" [class.eui-timepicker--centered]=\"isDatetimepicker\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-container *ngIf=\"isOneInputField; else multipleInputs\">\n        <input\n            [class.eui-timepicker__input--one-field]=\"isDatetimepicker\"\n            euiInputText\n            mask=\"{{ timeMask }}\"\n            [leadZeroDateTime]=\"true\"\n            placeholder=\"{{ timeMask }}\"\n            aria-label=\"Time Input Field\"\n            [formControl]=\"oneInputFormControl\"\n            (focusout)=\"onFocusOut()\"\n            [dropSpecialCharacters]=\"false\"\n            [readonly]=\"isreadOnly\" />\n    </ng-container>\n\n    <ng-template #multipleInputs>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__hours-up\">\n                <eui-icon-svg\n                    (click)=\"changeHours(1)\"\n                    [class.time-control--disabled]=\"hoursUpDisabled\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Hours\">\n                </eui-icon-svg>\n            </div>\n            <input\n                #inputrefhours\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"HH\"\n                [ngModel]=\"hours\"\n                (ngModelChange)=\"updateHours($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Hours\"\n                (keydown.ArrowUp)=\"changeHours(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeHours(-1); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__hours-down\">\n                <eui-icon-svg\n                    (click)=\"changeHours(-1)\"\n                    [class.time-control--disabled]=\"hoursDownDisabled\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Hours\">\n                </eui-icon-svg>\n            </div>\n        </div>\n        <div class=\"eui-timepicker__spacer\">:</div>\n        <div class=\"eui-timepicker__input-container\">\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__minutes-up\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(1)\"\n                    [class.time-control--disabled]=\"minutesUpDisabled\"\n                    icon=\"eui-chevron-up\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Increase Minutes\">\n                </eui-icon-svg>\n            </div>\n            <input\n                #inputrefmins\n                euiInputNumber\n                [leadingZero]=\"2\"\n                [digits]=\"2\"\n                [fractionDigits]=\"0\"\n                class=\"eui-timepicker__input\"\n                placeholder=\"MM\"\n                [ngModel]=\"mins\"\n                (ngModelChange)=\"updateMinutes($event)\"\n                [readonly]=\"isreadOnly\"\n                aria-label=\"Minutes\"\n                (keydown.ArrowUp)=\"changeMinutes(1); $event.preventDefault()\"\n                (keydown.ArrowDown)=\"changeMinutes(-1); $event.preventDefault()\" />\n            <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__minutes-down\">\n                <eui-icon-svg\n                    (click)=\"changeMinutes(-1)\"\n                    [class.time-control--disabled]=\"minutesDownDisabled\"\n                    icon=\"eui-chevron-down\"\n                    fillColor=\"grey-75\"\n                    size=\"l\"\n                    role=\"button\"\n                    aria-label=\"Decrease Minutes\">\n                </eui-icon-svg>\n            </div>\n        </div>\n        <ng-container *ngIf=\"hasSeconds\">\n            <div class=\"eui-timepicker__spacer\">:</div>\n            <div class=\"eui-timepicker__input-container\">\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__seconds-up\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(1)\"\n                        [class.time-control--disabled]=\"secondsUpDisabled\"\n                        icon=\"eui-chevron-up\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Increase seconds\">\n                    </eui-icon-svg>\n                </div>\n                <input\n                    #inputrefsecs\n                    euiInputNumber\n                    [leadingZero]=\"2\"\n                    [digits]=\"2\"\n                    [fractionDigits]=\"0\"\n                    class=\"eui-timepicker__input\"\n                    placeholder=\"SS\"\n                    [ngModel]=\"secs\"\n                    (ngModelChange)=\"updateSeconds($event)\"\n                    [readonly]=\"isreadOnly\"\n                    aria-label=\"Seconds\"\n                    (keydown.ArrowUp)=\"changeSeconds(1); $event.preventDefault()\"\n                    (keydown.ArrowDown)=\"changeSeconds(-1); $event.preventDefault()\" />\n                <div *ngIf=\"!isreadOnly\" class=\"eui-timepicker__chevron eui-timepicker__seconds-down\">\n                    <eui-icon-svg\n                        (click)=\"changeSeconds(-1)\"\n                        [class.time-control--disabled]=\"secondsDownDisabled\"\n                        icon=\"eui-chevron-down\"\n                        fillColor=\"grey-75\"\n                        size=\"l\"\n                        role=\"button\"\n                        aria-label=\"Decrease seconds\">\n                    </eui-icon-svg>\n                </div>\n            </div>\n        </ng-container>\n    </ng-template>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { NgxMaskDirective, provideNgxMask, provideEnvironmentNgxMask } from 'ngx-mask';\n\nimport { EuiTimepickerComponent } from './eui-timepicker.component';\nimport { EuiInputNumberDirectiveModule } from '@eui/components/eui-input-number';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        EuiInputNumberDirectiveModule,\n        EuiInputTextModule,\n        EuiIconModule,\n        NgxMaskDirective,\n    ],\n    providers: [provideNgxMask(), provideEnvironmentNgxMask()],\n    exports: [EuiTimepickerComponent],\n    declarations: [EuiTimepickerComponent],\n})\nexport class EuiTimepickerModule {}\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-tree-list.mjs

@@ -80,7 +80,6 @@ class EuiTreeListItemComponent {
         this.elementRef = elementRef;
         this.baseStatesDirective = baseStatesDirective;
         this.tabIndex = '0';
-        this.ariaRole = 'treeitem';
         this.e2eAttr = 'eui-tree-list-item';
         this.subLinks = [];
         this.toggled = new EventEmitter();
@@ -89,6 +88,7 @@ class EuiTreeListItemComponent {
         this.hasSub = false;
         // custom content
         this.hasCustomContent = false;
+        this.ariaRole = 'treeitem';
         this._active = false;
         this._expanded = false;
         this._alwaysExpanded = false;
@@ -224,7 +224,7 @@ class EuiTreeListItemComponent {
             .trim();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiTreeListItemComponent, deps: [{ token: forwardRef(() => EuiTreeListComponent), host: true, optional: true }, { token: i1.Router }, { token: i0.ElementRef }, { token: i2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiTreeListItemComponent, selector: "eui-tree-list-item", inputs: { e2eAttr: "e2eAttr", id: "id", label: "label", linkUrl: "linkUrl", subLabel: "subLabel", active: "active", expanded: "expanded", alwaysExpanded: "alwaysExpanded", url: "url", isDisplaySubLinksOnHover: "isDisplaySubLinksOnHover", subLinks: "subLinks", isNavigateOnlyOnLabelClick: "isNavigateOnlyOnLabelClick", isVisible: "isVisible", ariaLabel: "ariaLabel" }, outputs: { toggled: "toggled" }, host: { properties: { "class": "this.cssClasses", "attr.tabindex": "this.tabIndex", "attr.role": "this.ariaRole", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id", "attr.aria-label": "this.ariaLabel" } }, queries: [{ propertyName: "customLabel", first: true, predicate: i0.forwardRef(() => EuiTreeListItemLabelTagDirective), descendants: true }, { propertyName: "customDetailContent", first: true, predicate: i0.forwardRef(() => EuiTreeListItemDetailsContentTagDirective), descendants: true }, { propertyName: "customSubContainerContent", first: true, predicate: i0.forwardRef(() => EuiTreeListItemSubContainerContentTagDirective), descendants: true }, { propertyName: "subTreeList", predicate: i0.forwardRef(() => EuiTreeListComponent), descendants: true }, { propertyName: "customContent", predicate: i0.forwardRef(() => EuiTreeListItemContentComponent) }], viewQueries: [{ propertyName: "focusable", first: true, predicate: ["focusable"], descendants: true }], hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div class=\"eui-tree-list-item-header\">\n    <div\n        #focusable\n        class=\"eui-tree-list-item-header__content\"\n        (keydown)=\"onKeyDown($event)\"\n        attr.aria-label=\"{{ label }} {{ subLabel }}\">\n\n        <ng-container *ngIf=\"hasCustomContent; else noCustomContent\">\n            <ng-content select=\"eui-tree-list-item-content\"></ng-content>\n            <ng-container *ngTemplateOutlet=\"rightContent\"></ng-container>\n        </ng-container>\n\n        <ng-template #noCustomContent>\n            <div class=\"eui-u-flex\">\n                <eui-label *ngIf=\"!customLabel\">\n                    {{label}}\n                    <eui-label *ngIf=\"subLabel\" euiSublabel>{{subLabel}}</eui-label>\n                </eui-label>\n\n                <eui-label *ngIf=\"customLabel\">\n                    <div class=\"eui-u-flex\">\n                        <ng-content select=\"eui-tree-list-item-label\"></ng-content>\n                    </div>\n                </eui-label>\n            </div>\n            <ng-container *ngTemplateOutlet=\"rightContent\"></ng-container>\n        </ng-template>\n    </div>\n\n    <ng-container *ngIf=\"customDetailContent\">\n        <div class=\"eui-tree-list-item-header__details-content\">\n            <ng-content select=\"eui-tree-list-item-details\"></ng-content>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"customSubContainerContent\">\n        <ng-content select=\"eui-tree-list-item-sub-container\"></ng-content>\n    </ng-container>\n</div>\n\n<ng-template [ngIf]=\"expanded || alwaysExpanded\">\n    <ng-content></ng-content>\n</ng-template>\n\n<ng-template #rightContent>\n    <div class=\"eui-tree-list-item-header__content-right-content\">\n        <div class=\"eui-tree-list-item-header__content-expand-toggle-wrapper\">\n            <button *ngIf=\"hasSub && !alwaysExpanded\" euiButton euiIconButton euiBasicButton euiRounded euiPrimary euiSizeS\n                aria-label=\"Expand - collapse button icon\" (click)=\"toggle($event)\" [attr.aria-expanded]=\"expanded ? true : undefined\">\n                <ng-container *ngIf=\"expanded\">\n                    <eui-icon-svg icon=\"eui-chevron-up\" fillColor=\"grey-100\"></eui-icon-svg>\n                </ng-container>\n                <ng-container *ngIf=\"!expanded\">\n                    <eui-icon-svg icon=\"eui-chevron-forward\" fillColor=\"grey-100\"></eui-icon-svg>\n                </ng-container>\n            </button>\n        </div>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.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: i5.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiTreeListItemComponent, selector: "eui-tree-list-item", inputs: { e2eAttr: "e2eAttr", id: "id", label: "label", linkUrl: "linkUrl", subLabel: "subLabel", active: "active", expanded: "expanded", alwaysExpanded: "alwaysExpanded", url: "url", isDisplaySubLinksOnHover: "isDisplaySubLinksOnHover", subLinks: "subLinks", isNavigateOnlyOnLabelClick: "isNavigateOnlyOnLabelClick", isVisible: "isVisible", ariaLabel: "ariaLabel" }, outputs: { toggled: "toggled" }, host: { properties: { "class": "this.cssClasses", "attr.tabindex": "this.tabIndex", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id", "attr.aria-label": "this.ariaLabel", "attr.role": "this.ariaRole" } }, queries: [{ propertyName: "customLabel", first: true, predicate: i0.forwardRef(() => EuiTreeListItemLabelTagDirective), descendants: true }, { propertyName: "customDetailContent", first: true, predicate: i0.forwardRef(() => EuiTreeListItemDetailsContentTagDirective), descendants: true }, { propertyName: "customSubContainerContent", first: true, predicate: i0.forwardRef(() => EuiTreeListItemSubContainerContentTagDirective), descendants: true }, { propertyName: "subTreeList", predicate: i0.forwardRef(() => EuiTreeListComponent), descendants: true }, { propertyName: "customContent", predicate: i0.forwardRef(() => EuiTreeListItemContentComponent) }], viewQueries: [{ propertyName: "focusable", first: true, predicate: ["focusable"], descendants: true }], hostDirectives: [{ directive: i2.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div class=\"eui-tree-list-item-header\">\n    <div\n        #focusable\n        class=\"eui-tree-list-item-header__content\"\n        (keydown)=\"onKeyDown($event)\"\n        attr.aria-label=\"{{ label }} {{ subLabel }}\">\n\n        <ng-container *ngIf=\"hasCustomContent; else noCustomContent\">\n            <ng-content select=\"eui-tree-list-item-content\"></ng-content>\n            <ng-container *ngTemplateOutlet=\"rightContent\"></ng-container>\n        </ng-container>\n\n        <ng-template #noCustomContent>\n            <div class=\"eui-u-flex\">\n                <eui-label *ngIf=\"!customLabel\">\n                    {{label}}\n                    <eui-label *ngIf=\"subLabel\" euiSublabel>{{subLabel}}</eui-label>\n                </eui-label>\n\n                <eui-label *ngIf=\"customLabel\">\n                    <div class=\"eui-u-flex\">\n                        <ng-content select=\"eui-tree-list-item-label\"></ng-content>\n                    </div>\n                </eui-label>\n            </div>\n            <ng-container *ngTemplateOutlet=\"rightContent\"></ng-container>\n        </ng-template>\n    </div>\n\n    <ng-container *ngIf=\"customDetailContent\">\n        <div class=\"eui-tree-list-item-header__details-content\">\n            <ng-content select=\"eui-tree-list-item-details\"></ng-content>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"customSubContainerContent\">\n        <ng-content select=\"eui-tree-list-item-sub-container\"></ng-content>\n    </ng-container>\n</div>\n\n<ng-template [ngIf]=\"expanded || alwaysExpanded\">\n    <ng-content></ng-content>\n</ng-template>\n\n<ng-template #rightContent>\n    <div class=\"eui-tree-list-item-header__content-right-content\">\n        <div class=\"eui-tree-list-item-header__content-expand-toggle-wrapper\">\n            <button *ngIf=\"hasSub && !alwaysExpanded\" euiButton euiIconButton euiBasicButton euiRounded euiPrimary euiSizeS\n                aria-label=\"Expand - collapse button icon\" (click)=\"toggle($event)\" [attr.aria-expanded]=\"expanded ? true : undefined\">\n                <ng-container *ngIf=\"expanded\">\n                    <eui-icon-svg icon=\"eui-chevron-up\" fillColor=\"grey-100\"></eui-icon-svg>\n                </ng-container>\n                <ng-container *ngIf=\"!expanded\">\n                    <eui-icon-svg icon=\"eui-chevron-forward\" fillColor=\"grey-100\"></eui-icon-svg>\n                </ng-container>\n            </button>\n        </div>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.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: i5.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiTreeListItemComponent, decorators: [{
             type: Component,
@@ -247,9 +247,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             }], tabIndex: [{
                 type: HostBinding,
                 args: ['attr.tabindex']
-            }], ariaRole: [{
-                type: HostBinding,
-                args: ['attr.role']
             }], e2eAttr: [{
                 type: HostBinding,
                 args: ['attr.data-e2e']
@@ -307,6 +304,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             }], customContent: [{
                 type: ContentChildren,
                 args: [forwardRef(() => EuiTreeListItemContentComponent), { descendants: false }]
+            }], ariaRole: [{
+                type: HostBinding,
+                args: ['attr.role']
             }] } });
 /* eslint-disable */
 class EuiTreeListItemLabelTagDirective {
@@ -492,10 +492,10 @@ class EuiTreeListComponent {
         this.filter = new EventEmitter();
         this.expandAll = new EventEmitter();
         this.collapseAll = new EventEmitter();
-        this.ariaRoleTree = 'tree';
         this.ariaOwns = '';
         this.originalTabindex = '0';
         this.classes = '';
+        this.ariaRoleTree = 'tree';
         this._isShowToolbar = false;
         this._isShowToolbarToggle = true;
         this._isExpanded = false;
@@ -531,10 +531,8 @@ class EuiTreeListComponent {
     }
     onFilter(filterValue) {
         // TODO find a recursive way of doing the filtering throughout the tree structure
-        console.log(filterValue);
         if (filterValue !== '' && filterValue !== undefined) {
             this.setVisibleState(false);
-            console.log(filterValue);
             this.items.toArray().forEach((item1) => {
                 item1.isVisible = this.filterMatched(0, item1, filterValue);
                 if (item1.subTreeList.length !== 0) {