@hug/ngx-time-picker 21.0.2 → 22.0.0-alpha.1

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 22.0.0-alpha.1 (2026-03-13)
+
+### 🌱 Dependencies
+
+- **@hug/ngx-numeric-stepper**: upgraded to `v22.0.0-alpha.1`
+
 ## 21.0.2 (2026-02-13)
 
 ### 🌱 Dependencies

package/fesm2022/{hug-ngx-time-picker-testing.mjs → hug-ngx-time-picker-m2-testing.mjs}

@@ -66,4 +66,4 @@ class NgxTimePickerHarness extends MatFormFieldControlHarness {
  */
 
 export { NgxTimePickerHarness };
-//# sourceMappingURL=hug-ngx-time-picker-testing.mjs.map
+//# sourceMappingURL=hug-ngx-time-picker-m2-testing.mjs.map

package/fesm2022/hug-ngx-time-picker-m2-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hug-ngx-time-picker-m2-testing.mjs","sources":["../../../projects/time-picker/m2/testing/time-picker-harness.ts","../../../projects/time-picker/m2/testing/hug-ngx-time-picker-m2-testing.ts"],"sourcesContent":["import { HarnessPredicate, TestKey } from '@angular/cdk/testing';\nimport { MatFormFieldControlHarness } from '@angular/material/form-field/testing/control';\nimport { MatInputHarness } from '@angular/material/input/testing';\n\nimport { NgxTimePickerHarnessFilters } from './time-picker-harness-filters';\n\n/** Harness for interacting with a ngx time picker in tests. */\nexport class NgxTimePickerHarness extends MatFormFieldControlHarness {\n\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    public static hostSelector = 'ngx-time-picker';\n\n    static with(options: NgxTimePickerHarnessFilters = {}): HarnessPredicate<NgxTimePickerHarness> {\n        return new HarnessPredicate(NgxTimePickerHarness, options).addOption('value', options.value, (harness, value) => HarnessPredicate.stringMatches(harness.getValue(), value));\n    }\n\n    public async getHoursInput(): Promise<MatInputHarness> {\n        return (await this.locatorFactory.harnessLoaderFor('.hours')).getHarness(MatInputHarness.with({ selector: '[matInput]' }));\n    }\n\n    public async getMinutesInput(): Promise<MatInputHarness> {\n        return (await this.locatorFactory.harnessLoaderFor('.minutes')).getHarness(MatInputHarness.with({ selector: '[matInput]' }));\n    }\n\n    public async setValue(value: string): Promise<void> {\n        const hoursMinutes = value.split(':');\n\n        if (hoursMinutes[0].length) {\n            await this.getHoursInput().then(async hoursInput => {\n                await hoursInput.host().then(async hoursElement => {\n                    await hoursElement.clear();\n                    await hoursInput.setValue(hoursMinutes[0]);\n                    await hoursInput.blur();\n                });\n            });\n        }\n\n        if (hoursMinutes[1].length) {\n            await this.getMinutesInput().then(async minutesInput => {\n                await minutesInput.host().then(async minutesElement => {\n                    await minutesElement.clear();\n                    await minutesInput.setValue(hoursMinutes[1]);\n                    await minutesElement.blur();\n                });\n            });\n        }\n    }\n\n    public async getValue(): Promise<string> {\n        return this.getHoursValue().then(hoursValue => this.getMinutesValue().then(minutesValue => `${hoursValue}:${minutesValue}`));\n    }\n\n    public async getHoursValue(): Promise<string> {\n        return this.getHoursInput().then(hoursInput => hoursInput.getValue());\n    }\n\n    public async getMinutesValue(): Promise<string> {\n        return this.getMinutesInput().then(minutesInput => minutesInput.getValue());\n    }\n\n    public async sendKeysToHoursInput(...keys: readonly TestKey[]): Promise<void> {\n        return this.getHoursInput().then(async hoursInput => {\n            await hoursInput.host().then(async hoursElement => {\n                await hoursElement.sendKeys(...keys);\n            });\n        });\n    }\n\n    public async sendKeysToMinutesInput(...keys: readonly TestKey[]): Promise<void> {\n        return this.getMinutesInput().then(async minutesInput => {\n            await minutesInput.host().then(async minutesElement => {\n                await minutesElement.sendKeys(...keys);\n            });\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAMA;AACM,MAAO,oBAAqB,SAAQ,0BAA0B,CAAA;;AAGzD,IAAA,OAAO,YAAY,GAAG,iBAAiB;AAE9C,IAAA,OAAO,IAAI,CAAC,OAAA,GAAuC,EAAE,EAAA;AACjD,QAAA,OAAO,IAAI,gBAAgB,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,KAAK,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,CAAC;IAC/K;AAEO,IAAA,MAAM,aAAa,GAAA;QACtB,OAAO,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,CAAC;IAC9H;AAEO,IAAA,MAAM,eAAe,GAAA;QACxB,OAAO,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,CAAC;IAChI;IAEO,MAAM,QAAQ,CAAC,KAAa,EAAA;QAC/B,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AAErC,QAAA,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE;YACxB,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,OAAM,UAAU,KAAG;gBAC/C,MAAM,UAAU,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,OAAM,YAAY,KAAG;AAC9C,oBAAA,MAAM,YAAY,CAAC,KAAK,EAAE;oBAC1B,MAAM,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;AAC1C,oBAAA,MAAM,UAAU,CAAC,IAAI,EAAE;AAC3B,gBAAA,CAAC,CAAC;AACN,YAAA,CAAC,CAAC;QACN;AAEA,QAAA,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE;YACxB,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,OAAM,YAAY,KAAG;gBACnD,MAAM,YAAY,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,OAAM,cAAc,KAAG;AAClD,oBAAA,MAAM,cAAc,CAAC,KAAK,EAAE;oBAC5B,MAAM,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;AAC5C,oBAAA,MAAM,cAAc,CAAC,IAAI,EAAE;AAC/B,gBAAA,CAAC,CAAC;AACN,YAAA,CAAC,CAAC;QACN;IACJ;AAEO,IAAA,MAAM,QAAQ,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,YAAY,IAAI,CAAA,EAAG,UAAU,CAAA,CAAA,EAAI,YAAY,CAAA,CAAE,CAAC,CAAC;IAChI;AAEO,IAAA,MAAM,aAAa,GAAA;AACtB,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;IACzE;AAEO,IAAA,MAAM,eAAe,GAAA;AACxB,QAAA,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,YAAY,IAAI,YAAY,CAAC,QAAQ,EAAE,CAAC;IAC/E;AAEO,IAAA,MAAM,oBAAoB,CAAC,GAAG,IAAwB,EAAA;QACzD,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,OAAM,UAAU,KAAG;YAChD,MAAM,UAAU,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,OAAM,YAAY,KAAG;AAC9C,gBAAA,MAAM,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;AACxC,YAAA,CAAC,CAAC;AACN,QAAA,CAAC,CAAC;IACN;AAEO,IAAA,MAAM,sBAAsB,CAAC,GAAG,IAAwB,EAAA;QAC3D,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,OAAM,YAAY,KAAG;YACpD,MAAM,YAAY,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,OAAM,cAAc,KAAG;AAClD,gBAAA,MAAM,cAAc,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;AAC1C,YAAA,CAAC,CAAC;AACN,QAAA,CAAC,CAAC;IACN;;;AC1EJ;;AAEG;;;;"}

package/fesm2022/hug-ngx-time-picker-m2.mjs

@@ -0,0 +1,228 @@
+import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
+import { DecimalPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, inject, ChangeDetectorRef, Input, Output, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { NgControl, FormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i3 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import { NgxNumericStepperComponent } from '@hug/ngx-numeric-stepper/m2';
+import { set } from 'date-fns';
+import { Subject, distinctUntilChanged, map, tap, debounceTime, switchMap, EMPTY, timer, mergeWith } from 'rxjs';
+
+class NgxTimePickerComponent {
+    hours;
+    minutes;
+    timeChange = new EventEmitter();
+    /** Display mode for the time-picker */
+    mode = 'fullTime';
+    /**
+     * Force the hour or minute to be null (only if the other field is disabled)
+     *
+     * For instance, if set to true and the hours are disabled, the minutes input value will be null
+     * This is useful to force the user to provide a value
+     */
+    forceNullValue = false;
+    appearance = 'outline';
+    set autoFocus(value) {
+        this._autoFocus = coerceBooleanProperty(value);
+    }
+    defaultPlaceholderHours = '_ _';
+    defaultPlaceholderMinutes = '_ _';
+    set time(value) {
+        this.writeValue(value);
+    }
+    get time() {
+        return this.value;
+    }
+    /** Step of the arrows */
+    set step(value) {
+        this._step = coerceNumberProperty(value);
+        this.changeDetectorRef.markForCheck();
+    }
+    /** To get the step of the minutes arrows */
+    get step() {
+        return this._step;
+    }
+    /** Disabled property setter. Can be string or empty so you can use it like : <time-picker disabled></time-picker> */
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+        this.changeDetectorRef.markForCheck();
+    }
+    /** To get disabled attribute. */
+    get disabled() {
+        return this._disabled;
+    }
+    hoursChange$ = new Subject();
+    minutesChange$ = new Subject();
+    hoursKeyDown$ = new Subject();
+    changeDetectorRef = inject(ChangeDetectorRef);
+    control = inject(NgControl, { optional: true, self: true });
+    _step = 1;
+    _disabled = false;
+    _value;
+    _autoFocus = true;
+    constructor() {
+        if (this.control) {
+            this.control.valueAccessor = this;
+        }
+        const hoursChange$ = this.hoursChange$.pipe(distinctUntilChanged(), map(hours => {
+            if (typeof hours === 'object') {
+                const value = hours.target.value;
+                return [value !== undefined ? parseInt(value, 10) : undefined, true];
+            }
+            return [!isNaN(hours) ? hours : 0, false];
+        }), tap(([hours, _isEvent]) => {
+            const newValue = this.value ? new Date(this.value.getTime()) : new Date();
+            if (hours !== undefined) {
+                newValue.setHours(hours);
+            }
+            if (this.mode === 'fullTime' || this.mode === 'fullTimeWithMinutesDisabled' || this.mode === 'hoursOnly') {
+                this.value = newValue;
+            }
+            this.changeDetectorRef.markForCheck();
+        }));
+        const minutesChange$ = this.minutesChange$.pipe(distinctUntilChanged(), map(event => {
+            let minutes;
+            if (typeof event === 'object') {
+                const value = event.target.value;
+                minutes = value !== undefined ? parseInt(value, 10) : undefined;
+            }
+            else {
+                minutes = event;
+            }
+            return minutes && !isNaN(minutes) && minutes || 0;
+        }), tap(minutes => {
+            const newValue = this.value ? new Date(this.value.getTime()) : new Date();
+            if (minutes < 0) {
+                minutes += 60;
+            }
+            else if (minutes >= 60) {
+                minutes -= 60;
+            }
+            newValue.setMinutes(minutes);
+            if (this.mode === 'fullTime' || this.mode === 'fullTimeWithHoursDisabled' || this.mode === 'minutesOnly') {
+                this.value = newValue;
+            }
+            this.changeDetectorRef.markForCheck();
+        }));
+        const setFocusToNextInput$ = this.hoursKeyDown$.pipe(debounceTime(200), switchMap(event => {
+            const inputElement = this.hours?.nativeElement;
+            if (!inputElement) {
+                return EMPTY;
+            }
+            if (event.key && !event.ctrlKey && !event.shiftKey && !event.altKey && !['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Backspace', 'Delete', 'Tab', 'Enter', 'Control', 'Shift'].includes(event.key)) {
+                const regex = /^(\d|[01]\d|2[0-3])$/;
+                const [selectionStart, selectionEnd] = [inputElement.selectionStart || 0, inputElement.selectionEnd || 0].sort((a, b) => a - b);
+                const inputValue = inputElement.value || '';
+                if (regex.test(inputValue) && this._autoFocus && inputValue.length === 2 && this.minutes?.nativeElement && inputElement === document.activeElement && selectionStart === 2 && selectionEnd === 2) {
+                    this.minutes.nativeElement.focus();
+                    return timer(0).pipe(tap(() => {
+                        this.minutes?.nativeElement.select();
+                    }));
+                }
+            }
+            return EMPTY;
+        }));
+        hoursChange$.pipe(mergeWith(minutesChange$, setFocusToNextInput$), takeUntilDestroyed()).subscribe();
+    }
+    // ************* ControlValueAccessor Implementation **************
+    /** set accessor including call the onchange callback */
+    set value(v) {
+        if (v !== this._value) {
+            this.writeValue(v);
+            this.onChangeCallback(v);
+            this.timeChange.emit(v);
+        }
+    }
+    /** get accessor */
+    get value() {
+        return this._value;
+    }
+    /** From ControlValueAccessor interface */
+    writeValue(value) {
+        if ((value ?? null) !== (this._value ?? null)) {
+            if (value instanceof Date) {
+                this._value = value ? new Date(value.getTime()) : set(new Date(), { hours: 0, minutes: 0, seconds: 0 });
+            }
+            else {
+                this._value = value;
+            }
+            this.changeDetectorRef.markForCheck();
+        }
+    }
+    /** From ControlValueAccessor interface */
+    registerOnChange(fn) {
+        this.onChangeCallback = fn;
+    }
+    /** From ControlValueAccessor interface */
+    registerOnTouched(fn) {
+        this.onTouchedCallback = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    // ************* End of ControlValueAccessor Implementation **************
+    get hoursValue() {
+        if (!this.value || (this.forceNullValue && this.mode === 'fullTimeWithMinutesDisabled' && !!this.control?.pristine)) {
+            return undefined;
+        }
+        return this.value.getHours();
+    }
+    get minutesValue() {
+        if (!this.value || (this.forceNullValue && this.mode === 'fullTimeWithHoursDisabled' && !!this.control?.pristine)) {
+            return undefined;
+        }
+        return this.value.getMinutes();
+    }
+    onChangeCallback = (_a) => undefined;
+    onTouchedCallback = () => undefined;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: NgxTimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: NgxTimePickerComponent, isStandalone: true, selector: "ngx-time-picker", inputs: { mode: "mode", forceNullValue: "forceNullValue", appearance: "appearance", autoFocus: "autoFocus", defaultPlaceholderHours: "defaultPlaceholderHours", defaultPlaceholderMinutes: "defaultPlaceholderMinutes", time: "time", step: "step", disabled: "disabled" }, outputs: { timeChange: "timeChange" }, viewQueries: [{ propertyName: "hours", first: true, predicate: ["hours"], descendants: true }, { propertyName: "minutes", first: true, predicate: ["minutes"], descendants: true }], ngImport: i0, template: "<!-- Hours -->\n<mat-form-field\n    [appearance]=\"appearance\"\n    class=\"hours\"\n    [class.disabled]=\"disabled || mode === 'fullTimeWithHoursDisabled'\"\n    [style.display]=\"mode === 'minutesOnly' ? 'none' : 'block'\">\n    <input\n        aria-label=\"hours\"\n        #hours\n        matInput\n        [attr.hours]=\"hoursValue\"\n        type=\"text\"\n        [ngModel]=\"hoursValue | number: '2.'\"\n        (ngModelChange)=\"hoursChange$.next($event)\"\n        [ngModelOptions]=\"{ updateOn: 'blur' }\"\n        (keydown)=\"hoursKeyDown$.next($event)\"\n        [disabled]=\"disabled || mode === 'fullTimeWithHoursDisabled'\"\n        [maxLength]=\"2\"\n        autocomplete=\"off\"\n        [placeholder]=\"defaultPlaceholderHours\"\n        (click)=\"hours.select()\" />\n    <ngx-numeric-stepper\n        (increment)=\"hoursChange$.next((hoursValue || 0) + 1)\"\n        (decrement)=\"hoursChange$.next((hoursValue || 0) - 1)\"></ngx-numeric-stepper>\n</mat-form-field>\n\n<!-- Separator -->\n<span class=\"time-separator\" [style.display]=\"mode === 'minutesOnly' || mode === 'hoursOnly' ? 'none' : 'block'\">\n    :\n</span>\n\n<!-- Minutes -->\n<mat-form-field\n    [appearance]=\"appearance\"\n    class=\"minutes\"\n    [class.disabled]=\"disabled || mode === 'fullTimeWithMinutesDisabled'\"\n    [style.display]=\"mode === 'hoursOnly' ? 'none' : 'block'\">\n    <input\n        aria-label=\"minutes\"\n        #minutes\n        matInput\n        [attr.minutes]=\"minutesValue\"\n        type=\"text\"\n        [ngModel]=\"minutesValue | number: '2.'\"\n        (ngModelChange)=\"minutesChange$.next($event)\"\n        [ngModelOptions]=\"{ updateOn: 'blur' }\"\n        [disabled]=\"disabled || mode === 'fullTimeWithMinutesDisabled'\"\n        [maxLength]=\"2\"\n        autocomplete=\"off\"\n        [placeholder]=\"defaultPlaceholderMinutes\"\n        (click)=\"minutes.select()\" />\n    <ngx-numeric-stepper\n        (increment)=\"minutesChange$.next((minutesValue || 0) + _step)\"\n        (decrement)=\"minutesChange$.next((minutesValue || 0) - _step)\"></ngx-numeric-stepper>\n</mat-form-field>\n", styles: ["ngx-time-picker{display:flex;flex-direction:row;align-items:baseline;justify-content:center}ngx-time-picker:not([inform]) .mat-form-field-appearance-outline .mat-mdc-form-field-wrapper{padding-bottom:0}ngx-time-picker:not([inform]) .mat-form-field-appearance-outline .mat-mdc-form-field-wrapper .mat-mdc-form-field-infix{border-bottom:.7em solid transparent}ngx-time-picker mat-form-field[ngx-numeric-stepper-form-field]{width:52px}ngx-time-picker .time-separator{width:4px;font-size:14.5px;line-height:17px;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: NgxNumericStepperComponent, selector: "ngx-numeric-stepper", inputs: ["layout", "input", "arrowIcons", "showOnInit"], outputs: ["increment", "decrement"] }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: NgxTimePickerComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ngx-time-picker', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                        DecimalPipe,
+                        FormsModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        NgxNumericStepperComponent
+                    ], template: "<!-- Hours -->\n<mat-form-field\n    [appearance]=\"appearance\"\n    class=\"hours\"\n    [class.disabled]=\"disabled || mode === 'fullTimeWithHoursDisabled'\"\n    [style.display]=\"mode === 'minutesOnly' ? 'none' : 'block'\">\n    <input\n        aria-label=\"hours\"\n        #hours\n        matInput\n        [attr.hours]=\"hoursValue\"\n        type=\"text\"\n        [ngModel]=\"hoursValue | number: '2.'\"\n        (ngModelChange)=\"hoursChange$.next($event)\"\n        [ngModelOptions]=\"{ updateOn: 'blur' }\"\n        (keydown)=\"hoursKeyDown$.next($event)\"\n        [disabled]=\"disabled || mode === 'fullTimeWithHoursDisabled'\"\n        [maxLength]=\"2\"\n        autocomplete=\"off\"\n        [placeholder]=\"defaultPlaceholderHours\"\n        (click)=\"hours.select()\" />\n    <ngx-numeric-stepper\n        (increment)=\"hoursChange$.next((hoursValue || 0) + 1)\"\n        (decrement)=\"hoursChange$.next((hoursValue || 0) - 1)\"></ngx-numeric-stepper>\n</mat-form-field>\n\n<!-- Separator -->\n<span class=\"time-separator\" [style.display]=\"mode === 'minutesOnly' || mode === 'hoursOnly' ? 'none' : 'block'\">\n    :\n</span>\n\n<!-- Minutes -->\n<mat-form-field\n    [appearance]=\"appearance\"\n    class=\"minutes\"\n    [class.disabled]=\"disabled || mode === 'fullTimeWithMinutesDisabled'\"\n    [style.display]=\"mode === 'hoursOnly' ? 'none' : 'block'\">\n    <input\n        aria-label=\"minutes\"\n        #minutes\n        matInput\n        [attr.minutes]=\"minutesValue\"\n        type=\"text\"\n        [ngModel]=\"minutesValue | number: '2.'\"\n        (ngModelChange)=\"minutesChange$.next($event)\"\n        [ngModelOptions]=\"{ updateOn: 'blur' }\"\n        [disabled]=\"disabled || mode === 'fullTimeWithMinutesDisabled'\"\n        [maxLength]=\"2\"\n        autocomplete=\"off\"\n        [placeholder]=\"defaultPlaceholderMinutes\"\n        (click)=\"minutes.select()\" />\n    <ngx-numeric-stepper\n        (increment)=\"minutesChange$.next((minutesValue || 0) + _step)\"\n        (decrement)=\"minutesChange$.next((minutesValue || 0) - _step)\"></ngx-numeric-stepper>\n</mat-form-field>\n", styles: ["ngx-time-picker{display:flex;flex-direction:row;align-items:baseline;justify-content:center}ngx-time-picker:not([inform]) .mat-form-field-appearance-outline .mat-mdc-form-field-wrapper{padding-bottom:0}ngx-time-picker:not([inform]) .mat-form-field-appearance-outline .mat-mdc-form-field-wrapper .mat-mdc-form-field-infix{border-bottom:.7em solid transparent}ngx-time-picker mat-form-field[ngx-numeric-stepper-form-field]{width:52px}ngx-time-picker .time-separator{width:4px;font-size:14.5px;line-height:17px;margin:0 8px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { hours: [{
+                type: ViewChild,
+                args: ['hours']
+            }], minutes: [{
+                type: ViewChild,
+                args: ['minutes']
+            }], timeChange: [{
+                type: Output
+            }], mode: [{
+                type: Input
+            }], forceNullValue: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], autoFocus: [{
+                type: Input
+            }], defaultPlaceholderHours: [{
+                type: Input
+            }], defaultPlaceholderMinutes: [{
+                type: Input
+            }], time: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxTimePickerComponent };
+//# sourceMappingURL=hug-ngx-time-picker-m2.mjs.map

package/fesm2022/hug-ngx-time-picker-m2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hug-ngx-time-picker-m2.mjs","sources":["../../../projects/time-picker/m2/time-picker.component.ts","../../../projects/time-picker/m2/time-picker.component.html","../../../projects/time-picker/m2/hug-ngx-time-picker-m2.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty, coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport { DecimalPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, inject, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, FormsModule, NgControl } from '@angular/forms';\nimport { MatFormFieldAppearance, MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { NgxNumericStepperComponent } from '@hug/ngx-numeric-stepper/m2';\nimport { set } from 'date-fns';\nimport { debounceTime, distinctUntilChanged, EMPTY, map, mergeWith, Subject, switchMap, tap, timer } from 'rxjs';\n\nexport type NgxTimePickerDisplayMode = 'fullTime' | 'fullTimeWithHoursDisabled' | 'fullTimeWithMinutesDisabled' | 'hoursOnly' | 'minutesOnly';\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ngx-time-picker',\n    styleUrls: ['./time-picker.component.scss'],\n    templateUrl: './time-picker.component.html',\n    encapsulation: ViewEncapsulation.None,\n    standalone: true,\n    imports: [\n        DecimalPipe,\n        FormsModule,\n        MatFormFieldModule,\n        MatInputModule,\n        NgxNumericStepperComponent\n    ]\n})\nexport class NgxTimePickerComponent implements ControlValueAccessor {\n    @ViewChild('hours') public hours?: ElementRef<HTMLInputElement>;\n    @ViewChild('minutes') public minutes?: ElementRef<HTMLInputElement>;\n\n    @Output() public readonly timeChange = new EventEmitter<Date>();\n\n    /** Display mode for the time-picker */\n    @Input() public mode: NgxTimePickerDisplayMode = 'fullTime';\n\n    /**\n     * Force the hour or minute to be null (only if the other field is disabled)\n     *\n     * For instance, if set to true and the hours are disabled, the minutes input value will be null\n     * This is useful to force the user to provide a value\n     */\n    @Input() public forceNullValue = false;\n\n    @Input() public appearance: MatFormFieldAppearance = 'outline';\n\n    @Input()\n    public set autoFocus(value: BooleanInput) {\n        this._autoFocus = coerceBooleanProperty(value);\n    }\n\n    @Input() public defaultPlaceholderHours = '_ _';\n    @Input() public defaultPlaceholderMinutes = '_ _';\n\n    @Input()\n    public set time(value: Date | undefined) {\n        this.writeValue(value);\n    }\n\n    public get time(): Date | undefined {\n        return this.value;\n    }\n\n    /** Step of the arrows */\n    @Input()\n    public set step(value: NumberInput) {\n        this._step = coerceNumberProperty(value);\n        this.changeDetectorRef.markForCheck();\n    }\n\n    /** To get the step of the minutes arrows */\n    public get step(): NumberInput {\n        return this._step;\n    }\n\n    /** Disabled property setter. Can be string or empty so you can use it like : <time-picker disabled></time-picker> */\n    @Input()\n    public set disabled(value: BooleanInput) {\n        this._disabled = coerceBooleanProperty(value);\n        this.changeDetectorRef.markForCheck();\n    }\n\n    /** To get disabled attribute. */\n    public get disabled(): BooleanInput {\n        return this._disabled;\n    }\n\n    public readonly hoursChange$ = new Subject<Event | number>();\n    public readonly minutesChange$ = new Subject<Event | number>();\n    public readonly hoursKeyDown$ = new Subject<KeyboardEvent>();\n\n    protected changeDetectorRef = inject(ChangeDetectorRef);\n    protected control = inject(NgControl, { optional: true, self: true });\n    protected _step = 1;\n\n    private _disabled = false;\n    private _value?: Date;\n    private _autoFocus = true;\n\n    public constructor() {\n        if (this.control) {\n            this.control.valueAccessor = this;\n        }\n\n        const hoursChange$ = this.hoursChange$.pipe(\n            distinctUntilChanged(),\n            map(hours => {\n                if (typeof hours === 'object') {\n                    const value = (hours.target as HTMLInputElement).value;\n                    return [value !== undefined ? parseInt(value, 10) : undefined, true] as const;\n                }\n                return [!isNaN(hours) ? hours : 0, false] as const;\n            }),\n            tap(([hours, _isEvent]) => {\n                const newValue = this.value ? new Date(this.value.getTime()) : new Date();\n\n                if (hours !== undefined) {\n                    newValue.setHours(hours);\n                }\n\n                if (this.mode === 'fullTime' || this.mode === 'fullTimeWithMinutesDisabled' || this.mode === 'hoursOnly') {\n                    this.value = newValue;\n                }\n\n                this.changeDetectorRef.markForCheck();\n            })\n        );\n\n        const minutesChange$ = this.minutesChange$.pipe(\n            distinctUntilChanged(),\n            map(event => {\n                let minutes: number | undefined;\n                if (typeof event === 'object') {\n                    const value = (event.target as HTMLInputElement).value;\n                    minutes = value !== undefined ? parseInt(value, 10) : undefined;\n                } else {\n                    minutes = event;\n                }\n\n                return minutes && !isNaN(minutes) && minutes || 0;\n            }),\n            tap(minutes => {\n                const newValue = this.value ? new Date(this.value.getTime()) : new Date();\n\n                if (minutes < 0) {\n                    minutes += 60;\n                } else if (minutes >= 60) {\n                    minutes -= 60;\n                }\n                newValue.setMinutes(minutes);\n\n                if (this.mode === 'fullTime' || this.mode === 'fullTimeWithHoursDisabled' || this.mode === 'minutesOnly') {\n                    this.value = newValue;\n                }\n\n                this.changeDetectorRef.markForCheck();\n            })\n        );\n\n        const setFocusToNextInput$ = this.hoursKeyDown$.pipe(\n            debounceTime(200),\n            switchMap(event => {\n                const inputElement = this.hours?.nativeElement;\n                if (!inputElement) {\n                    return EMPTY;\n                }\n\n                if (event.key && !event.ctrlKey && !event.shiftKey && !event.altKey && !['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Backspace', 'Delete', 'Tab', 'Enter', 'Control', 'Shift'].includes(event.key)) {\n                    const regex = /^(\\d|[01]\\d|2[0-3])$/;\n                    const [selectionStart, selectionEnd] = [inputElement.selectionStart || 0, inputElement.selectionEnd || 0].sort((a, b) => a - b);\n                    const inputValue = inputElement.value || '';\n                    if (regex.test(inputValue) && this._autoFocus && inputValue.length === 2 && this.minutes?.nativeElement && inputElement === document.activeElement && selectionStart === 2 && selectionEnd === 2) {\n                        this.minutes.nativeElement.focus();\n                        return timer(0).pipe(\n                            tap(() => {\n                                this.minutes?.nativeElement.select();\n                            })\n                        );\n                    }\n                }\n\n                return EMPTY;\n            })\n        );\n\n        hoursChange$.pipe(\n            mergeWith(minutesChange$, setFocusToNextInput$),\n            takeUntilDestroyed()\n        ).subscribe();\n    }\n\n    // ************* ControlValueAccessor Implementation **************\n    /** set accessor including call the onchange callback */\n    public set value(v: Date | undefined) {\n        if (v !== this._value) {\n            this.writeValue(v);\n            this.onChangeCallback(v);\n            this.timeChange.emit(v);\n        }\n    }\n\n    /** get accessor */\n    public get value(): Date | undefined {\n        return this._value;\n    }\n\n    /** From ControlValueAccessor interface */\n    public writeValue(value: Date | undefined): void {\n        if ((value ?? null) !== (this._value ?? null)) {\n            if (value instanceof Date) {\n                this._value = value ? new Date(value.getTime()) : set(new Date(), { hours: 0, minutes: 0, seconds: 0 });\n            } else {\n                this._value = value;\n            }\n\n            this.changeDetectorRef.markForCheck();\n        }\n    }\n\n    /** From ControlValueAccessor interface */\n    public registerOnChange(fn: (_a: unknown) => void): void {\n        this.onChangeCallback = fn;\n    }\n\n    /** From ControlValueAccessor interface */\n    public registerOnTouched(fn: () => void): void {\n        this.onTouchedCallback = fn;\n    }\n\n    public setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n    // ************* End of ControlValueAccessor Implementation **************\n\n    protected get hoursValue(): number | undefined {\n        if (!this.value || (this.forceNullValue && this.mode === 'fullTimeWithMinutesDisabled' && !!this.control?.pristine)) {\n            return undefined;\n        }\n        return this.value.getHours();\n    }\n\n    protected get minutesValue(): number | undefined {\n        if (!this.value || (this.forceNullValue && this.mode === 'fullTimeWithHoursDisabled' && !!this.control?.pristine)) {\n            return undefined;\n        }\n        return this.value.getMinutes();\n    }\n\n    protected onChangeCallback = (_a: unknown): void => undefined;\n    protected onTouchedCallback = (): void => undefined;\n}\n","<!-- Hours -->\n<mat-form-field\n    [appearance]=\"appearance\"\n    class=\"hours\"\n    [class.disabled]=\"disabled || mode === 'fullTimeWithHoursDisabled'\"\n    [style.display]=\"mode === 'minutesOnly' ? 'none' : 'block'\">\n    <input\n        aria-label=\"hours\"\n        #hours\n        matInput\n        [attr.hours]=\"hoursValue\"\n        type=\"text\"\n        [ngModel]=\"hoursValue | number: '2.'\"\n        (ngModelChange)=\"hoursChange$.next($event)\"\n        [ngModelOptions]=\"{ updateOn: 'blur' }\"\n        (keydown)=\"hoursKeyDown$.next($event)\"\n        [disabled]=\"disabled || mode === 'fullTimeWithHoursDisabled'\"\n        [maxLength]=\"2\"\n        autocomplete=\"off\"\n        [placeholder]=\"defaultPlaceholderHours\"\n        (click)=\"hours.select()\" />\n    <ngx-numeric-stepper\n        (increment)=\"hoursChange$.next((hoursValue || 0) + 1)\"\n        (decrement)=\"hoursChange$.next((hoursValue || 0) - 1)\"></ngx-numeric-stepper>\n</mat-form-field>\n\n<!-- Separator -->\n<span class=\"time-separator\" [style.display]=\"mode === 'minutesOnly' || mode === 'hoursOnly' ? 'none' : 'block'\">\n    :\n</span>\n\n<!-- Minutes -->\n<mat-form-field\n    [appearance]=\"appearance\"\n    class=\"minutes\"\n    [class.disabled]=\"disabled || mode === 'fullTimeWithMinutesDisabled'\"\n    [style.display]=\"mode === 'hoursOnly' ? 'none' : 'block'\">\n    <input\n        aria-label=\"minutes\"\n        #minutes\n        matInput\n        [attr.minutes]=\"minutesValue\"\n        type=\"text\"\n        [ngModel]=\"minutesValue | number: '2.'\"\n        (ngModelChange)=\"minutesChange$.next($event)\"\n        [ngModelOptions]=\"{ updateOn: 'blur' }\"\n        [disabled]=\"disabled || mode === 'fullTimeWithMinutesDisabled'\"\n        [maxLength]=\"2\"\n        autocomplete=\"off\"\n        [placeholder]=\"defaultPlaceholderMinutes\"\n        (click)=\"minutes.select()\" />\n    <ngx-numeric-stepper\n        (increment)=\"minutesChange$.next((minutesValue || 0) + _step)\"\n        (decrement)=\"minutesChange$.next((minutesValue || 0) - _step)\"></ngx-numeric-stepper>\n</mat-form-field>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/hug-ngx-time-picker.mjs

@@ -1,228 +1,8 @@
-import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
-import { DecimalPipe } from '@angular/common';
-import * as i0 from '@angular/core';
-import { EventEmitter, inject, ChangeDetectorRef, Input, Output, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i1 from '@angular/forms';
-import { NgControl, FormsModule } from '@angular/forms';
-import * as i2 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i3 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import { NgxNumericStepperComponent } from '@hug/ngx-numeric-stepper';
-import { set } from 'date-fns';
-import { Subject, distinctUntilChanged, map, tap, debounceTime, switchMap, EMPTY, timer, mergeWith } from 'rxjs';
-
-class NgxTimePickerComponent {
-    hours;
-    minutes;
-    timeChange = new EventEmitter();
-    /** Display mode for the time-picker */
-    mode = 'fullTime';
-    /**
-     * Force the hour or minute to be null (only if the other field is disabled)
-     *
-     * For instance, if set to true and the hours are disabled, the minutes input value will be null
-     * This is useful to force the user to provide a value
-     */
-    forceNullValue = false;
-    appearance = 'outline';
-    set autoFocus(value) {
-        this._autoFocus = coerceBooleanProperty(value);
-    }
-    defaultPlaceholderHours = '_ _';
-    defaultPlaceholderMinutes = '_ _';
-    set time(value) {
-        this.writeValue(value);
-    }
-    get time() {
-        return this.value;
-    }
-    /** Step of the arrows */
-    set step(value) {
-        this._step = coerceNumberProperty(value);
-        this.changeDetectorRef.markForCheck();
-    }
-    /** To get the step of the minutes arrows */
-    get step() {
-        return this._step;
-    }
-    /** Disabled property setter. Can be string or empty so you can use it like : <time-picker disabled></time-picker> */
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-        this.changeDetectorRef.markForCheck();
-    }
-    /** To get disabled attribute. */
-    get disabled() {
-        return this._disabled;
-    }
-    hoursChange$ = new Subject();
-    minutesChange$ = new Subject();
-    hoursKeyDown$ = new Subject();
-    changeDetectorRef = inject(ChangeDetectorRef);
-    control = inject(NgControl, { optional: true, self: true });
-    _step = 1;
-    _disabled = false;
-    _value;
-    _autoFocus = true;
-    constructor() {
-        if (this.control) {
-            this.control.valueAccessor = this;
-        }
-        const hoursChange$ = this.hoursChange$.pipe(distinctUntilChanged(), map(hours => {
-            if (typeof hours === 'object') {
-                const value = hours.target.value;
-                return [value !== undefined ? parseInt(value, 10) : undefined, true];
-            }
-            return [!isNaN(hours) ? hours : 0, false];
-        }), tap(([hours, _isEvent]) => {
-            const newValue = this.value ? new Date(this.value.getTime()) : new Date();
-            if (hours !== undefined) {
-                newValue.setHours(hours);
-            }
-            if (this.mode === 'fullTime' || this.mode === 'fullTimeWithMinutesDisabled' || this.mode === 'hoursOnly') {
-                this.value = newValue;
-            }
-            this.changeDetectorRef.markForCheck();
-        }));
-        const minutesChange$ = this.minutesChange$.pipe(distinctUntilChanged(), map(event => {
-            let minutes;
-            if (typeof event === 'object') {
-                const value = event.target.value;
-                minutes = value !== undefined ? parseInt(value, 10) : undefined;
-            }
-            else {
-                minutes = event;
-            }
-            return minutes && !isNaN(minutes) && minutes || 0;
-        }), tap(minutes => {
-            const newValue = this.value ? new Date(this.value.getTime()) : new Date();
-            if (minutes < 0) {
-                minutes += 60;
-            }
-            else if (minutes >= 60) {
-                minutes -= 60;
-            }
-            newValue.setMinutes(minutes);
-            if (this.mode === 'fullTime' || this.mode === 'fullTimeWithHoursDisabled' || this.mode === 'minutesOnly') {
-                this.value = newValue;
-            }
-            this.changeDetectorRef.markForCheck();
-        }));
-        const setFocusToNextInput$ = this.hoursKeyDown$.pipe(debounceTime(200), switchMap(event => {
-            const inputElement = this.hours?.nativeElement;
-            if (!inputElement) {
-                return EMPTY;
-            }
-            if (event.key && !event.ctrlKey && !event.shiftKey && !event.altKey && !['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Backspace', 'Delete', 'Tab', 'Enter', 'Control', 'Shift'].includes(event.key)) {
-                const regex = /^(\d|[01]\d|2[0-3])$/;
-                const [selectionStart, selectionEnd] = [inputElement.selectionStart || 0, inputElement.selectionEnd || 0].sort((a, b) => a - b);
-                const inputValue = inputElement.value || '';
-                if (regex.test(inputValue) && this._autoFocus && inputValue.length === 2 && this.minutes?.nativeElement && inputElement === document.activeElement && selectionStart === 2 && selectionEnd === 2) {
-                    this.minutes.nativeElement.focus();
-                    return timer(0).pipe(tap(() => {
-                        this.minutes?.nativeElement.select();
-                    }));
-                }
-            }
-            return EMPTY;
-        }));
-        hoursChange$.pipe(mergeWith(minutesChange$, setFocusToNextInput$), takeUntilDestroyed()).subscribe();
-    }
-    // ************* ControlValueAccessor Implementation **************
-    /** set accessor including call the onchange callback */
-    set value(v) {
-        if (v !== this._value) {
-            this.writeValue(v);
-            this.onChangeCallback(v);
-            this.timeChange.emit(v);
-        }
-    }
-    /** get accessor */
-    get value() {
-        return this._value;
-    }
-    /** From ControlValueAccessor interface */
-    writeValue(value) {
-        if ((value ?? null) !== (this._value ?? null)) {
-            if (value instanceof Date) {
-                this._value = value ? new Date(value.getTime()) : set(new Date(), { hours: 0, minutes: 0, seconds: 0 });
-            }
-            else {
-                this._value = value;
-            }
-            this.changeDetectorRef.markForCheck();
-        }
-    }
-    /** From ControlValueAccessor interface */
-    registerOnChange(fn) {
-        this.onChangeCallback = fn;
-    }
-    /** From ControlValueAccessor interface */
-    registerOnTouched(fn) {
-        this.onTouchedCallback = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    // ************* End of ControlValueAccessor Implementation **************
-    get hoursValue() {
-        if (!this.value || (this.forceNullValue && this.mode === 'fullTimeWithMinutesDisabled' && !!this.control?.pristine)) {
-            return undefined;
-        }
-        return this.value.getHours();
-    }
-    get minutesValue() {
-        if (!this.value || (this.forceNullValue && this.mode === 'fullTimeWithHoursDisabled' && !!this.control?.pristine)) {
-            return undefined;
-        }
-        return this.value.getMinutes();
-    }
-    onChangeCallback = (_a) => undefined;
-    onTouchedCallback = () => undefined;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: NgxTimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: NgxTimePickerComponent, isStandalone: true, selector: "ngx-time-picker", inputs: { mode: "mode", forceNullValue: "forceNullValue", appearance: "appearance", autoFocus: "autoFocus", defaultPlaceholderHours: "defaultPlaceholderHours", defaultPlaceholderMinutes: "defaultPlaceholderMinutes", time: "time", step: "step", disabled: "disabled" }, outputs: { timeChange: "timeChange" }, viewQueries: [{ propertyName: "hours", first: true, predicate: ["hours"], descendants: true }, { propertyName: "minutes", first: true, predicate: ["minutes"], descendants: true }], ngImport: i0, template: "<!-- Hours -->\n<mat-form-field\n    [appearance]=\"appearance\"\n    class=\"hours\"\n    [class.disabled]=\"disabled || mode === 'fullTimeWithHoursDisabled'\"\n    [style.display]=\"mode === 'minutesOnly' ? 'none' : 'block'\">\n    <input\n        aria-label=\"hours\"\n        #hours\n        matInput\n        [attr.hours]=\"hoursValue\"\n        type=\"text\"\n        [ngModel]=\"hoursValue | number: '2.'\"\n        (ngModelChange)=\"hoursChange$.next($event)\"\n        [ngModelOptions]=\"{ updateOn: 'blur' }\"\n        (keydown)=\"hoursKeyDown$.next($event)\"\n        [disabled]=\"disabled || mode === 'fullTimeWithHoursDisabled'\"\n        [maxLength]=\"2\"\n        autocomplete=\"off\"\n        [placeholder]=\"defaultPlaceholderHours\"\n        (click)=\"hours.select()\" />\n    <ngx-numeric-stepper\n        (increment)=\"hoursChange$.next((hoursValue || 0) + 1)\"\n        (decrement)=\"hoursChange$.next((hoursValue || 0) - 1)\"></ngx-numeric-stepper>\n</mat-form-field>\n\n<!-- Separator -->\n<span class=\"time-separator\" [style.display]=\"mode === 'minutesOnly' || mode === 'hoursOnly' ? 'none' : 'block'\">\n    :\n</span>\n\n<!-- Minutes -->\n<mat-form-field\n    [appearance]=\"appearance\"\n    class=\"minutes\"\n    [class.disabled]=\"disabled || mode === 'fullTimeWithMinutesDisabled'\"\n    [style.display]=\"mode === 'hoursOnly' ? 'none' : 'block'\">\n    <input\n        aria-label=\"minutes\"\n        #minutes\n        matInput\n        [attr.minutes]=\"minutesValue\"\n        type=\"text\"\n        [ngModel]=\"minutesValue | number: '2.'\"\n        (ngModelChange)=\"minutesChange$.next($event)\"\n        [ngModelOptions]=\"{ updateOn: 'blur' }\"\n        [disabled]=\"disabled || mode === 'fullTimeWithMinutesDisabled'\"\n        [maxLength]=\"2\"\n        autocomplete=\"off\"\n        [placeholder]=\"defaultPlaceholderMinutes\"\n        (click)=\"minutes.select()\" />\n    <ngx-numeric-stepper\n        (increment)=\"minutesChange$.next((minutesValue || 0) + _step)\"\n        (decrement)=\"minutesChange$.next((minutesValue || 0) - _step)\"></ngx-numeric-stepper>\n</mat-form-field>\n", styles: ["ngx-time-picker{display:flex;flex-direction:row;align-items:baseline;justify-content:center}ngx-time-picker:not([inform]) .mat-form-field-appearance-outline .mat-mdc-form-field-wrapper{padding-bottom:0}ngx-time-picker:not([inform]) .mat-form-field-appearance-outline .mat-mdc-form-field-wrapper .mat-mdc-form-field-infix{border-bottom:.7em solid transparent}ngx-time-picker mat-form-field[ngx-numeric-stepper-form-field]{width:52px}ngx-time-picker .time-separator{width:4px;font-size:14.5px;line-height:17px;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: NgxNumericStepperComponent, selector: "ngx-numeric-stepper", inputs: ["layout", "input", "arrowIcons", "showOnInit"], outputs: ["increment", "decrement"] }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: NgxTimePickerComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ngx-time-picker', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
-                        DecimalPipe,
-                        FormsModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        NgxNumericStepperComponent
-                    ], template: "<!-- Hours -->\n<mat-form-field\n    [appearance]=\"appearance\"\n    class=\"hours\"\n    [class.disabled]=\"disabled || mode === 'fullTimeWithHoursDisabled'\"\n    [style.display]=\"mode === 'minutesOnly' ? 'none' : 'block'\">\n    <input\n        aria-label=\"hours\"\n        #hours\n        matInput\n        [attr.hours]=\"hoursValue\"\n        type=\"text\"\n        [ngModel]=\"hoursValue | number: '2.'\"\n        (ngModelChange)=\"hoursChange$.next($event)\"\n        [ngModelOptions]=\"{ updateOn: 'blur' }\"\n        (keydown)=\"hoursKeyDown$.next($event)\"\n        [disabled]=\"disabled || mode === 'fullTimeWithHoursDisabled'\"\n        [maxLength]=\"2\"\n        autocomplete=\"off\"\n        [placeholder]=\"defaultPlaceholderHours\"\n        (click)=\"hours.select()\" />\n    <ngx-numeric-stepper\n        (increment)=\"hoursChange$.next((hoursValue || 0) + 1)\"\n        (decrement)=\"hoursChange$.next((hoursValue || 0) - 1)\"></ngx-numeric-stepper>\n</mat-form-field>\n\n<!-- Separator -->\n<span class=\"time-separator\" [style.display]=\"mode === 'minutesOnly' || mode === 'hoursOnly' ? 'none' : 'block'\">\n    :\n</span>\n\n<!-- Minutes -->\n<mat-form-field\n    [appearance]=\"appearance\"\n    class=\"minutes\"\n    [class.disabled]=\"disabled || mode === 'fullTimeWithMinutesDisabled'\"\n    [style.display]=\"mode === 'hoursOnly' ? 'none' : 'block'\">\n    <input\n        aria-label=\"minutes\"\n        #minutes\n        matInput\n        [attr.minutes]=\"minutesValue\"\n        type=\"text\"\n        [ngModel]=\"minutesValue | number: '2.'\"\n        (ngModelChange)=\"minutesChange$.next($event)\"\n        [ngModelOptions]=\"{ updateOn: 'blur' }\"\n        [disabled]=\"disabled || mode === 'fullTimeWithMinutesDisabled'\"\n        [maxLength]=\"2\"\n        autocomplete=\"off\"\n        [placeholder]=\"defaultPlaceholderMinutes\"\n        (click)=\"minutes.select()\" />\n    <ngx-numeric-stepper\n        (increment)=\"minutesChange$.next((minutesValue || 0) + _step)\"\n        (decrement)=\"minutesChange$.next((minutesValue || 0) - _step)\"></ngx-numeric-stepper>\n</mat-form-field>\n", styles: ["ngx-time-picker{display:flex;flex-direction:row;align-items:baseline;justify-content:center}ngx-time-picker:not([inform]) .mat-form-field-appearance-outline .mat-mdc-form-field-wrapper{padding-bottom:0}ngx-time-picker:not([inform]) .mat-form-field-appearance-outline .mat-mdc-form-field-wrapper .mat-mdc-form-field-infix{border-bottom:.7em solid transparent}ngx-time-picker mat-form-field[ngx-numeric-stepper-form-field]{width:52px}ngx-time-picker .time-separator{width:4px;font-size:14.5px;line-height:17px;margin:0 8px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { hours: [{
-                type: ViewChild,
-                args: ['hours']
-            }], minutes: [{
-                type: ViewChild,
-                args: ['minutes']
-            }], timeChange: [{
-                type: Output
-            }], mode: [{
-                type: Input
-            }], forceNullValue: [{
-                type: Input
-            }], appearance: [{
-                type: Input
-            }], autoFocus: [{
-                type: Input
-            }], defaultPlaceholderHours: [{
-                type: Input
-            }], defaultPlaceholderMinutes: [{
-                type: Input
-            }], time: [{
-                type: Input
-            }], step: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }] } });
+const m3 = 'M3';
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NgxTimePickerComponent };
+export { m3 };
 //# sourceMappingURL=hug-ngx-time-picker.mjs.map

package/fesm2022/hug-ngx-time-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hug-ngx-time-picker.mjs","sources":["../../../projects/time-picker/src/time-picker.component.ts","../../../projects/time-picker/src/time-picker.component.html","../../../projects/time-picker/src/hug-ngx-time-picker.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty, coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport { DecimalPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, inject, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, FormsModule, NgControl } from '@angular/forms';\nimport { MatFormFieldAppearance, MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { NgxNumericStepperComponent } from '@hug/ngx-numeric-stepper';\nimport { set } from 'date-fns';\nimport { debounceTime, distinctUntilChanged, EMPTY, map, mergeWith, Subject, switchMap, tap, timer } from 'rxjs';\n\nexport type NgxTimePickerDisplayMode = 'fullTime' | 'fullTimeWithHoursDisabled' | 'fullTimeWithMinutesDisabled' | 'hoursOnly' | 'minutesOnly';\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ngx-time-picker',\n    styleUrls: ['./time-picker.component.scss'],\n    templateUrl: './time-picker.component.html',\n    encapsulation: ViewEncapsulation.None,\n    standalone: true,\n    imports: [\n        DecimalPipe,\n        FormsModule,\n        MatFormFieldModule,\n        MatInputModule,\n        NgxNumericStepperComponent\n    ]\n})\nexport class NgxTimePickerComponent implements ControlValueAccessor {\n    @ViewChild('hours') public hours?: ElementRef<HTMLInputElement>;\n    @ViewChild('minutes') public minutes?: ElementRef<HTMLInputElement>;\n\n    @Output() public readonly timeChange = new EventEmitter<Date>();\n\n    /** Display mode for the time-picker */\n    @Input() public mode: NgxTimePickerDisplayMode = 'fullTime';\n\n    /**\n     * Force the hour or minute to be null (only if the other field is disabled)\n     *\n     * For instance, if set to true and the hours are disabled, the minutes input value will be null\n     * This is useful to force the user to provide a value\n     */\n    @Input() public forceNullValue = false;\n\n    @Input() public appearance: MatFormFieldAppearance = 'outline';\n\n    @Input()\n    public set autoFocus(value: BooleanInput) {\n        this._autoFocus = coerceBooleanProperty(value);\n    }\n\n    @Input() public defaultPlaceholderHours = '_ _';\n    @Input() public defaultPlaceholderMinutes = '_ _';\n\n    @Input()\n    public set time(value: Date | undefined) {\n        this.writeValue(value);\n    }\n\n    public get time(): Date | undefined {\n        return this.value;\n    }\n\n    /** Step of the arrows */\n    @Input()\n    public set step(value: NumberInput) {\n        this._step = coerceNumberProperty(value);\n        this.changeDetectorRef.markForCheck();\n    }\n\n    /** To get the step of the minutes arrows */\n    public get step(): NumberInput {\n        return this._step;\n    }\n\n    /** Disabled property setter. Can be string or empty so you can use it like : <time-picker disabled></time-picker> */\n    @Input()\n    public set disabled(value: BooleanInput) {\n        this._disabled = coerceBooleanProperty(value);\n        this.changeDetectorRef.markForCheck();\n    }\n\n    /** To get disabled attribute. */\n    public get disabled(): BooleanInput {\n        return this._disabled;\n    }\n\n    public readonly hoursChange$ = new Subject<Event | number>();\n    public readonly minutesChange$ = new Subject<Event | number>();\n    public readonly hoursKeyDown$ = new Subject<KeyboardEvent>();\n\n    protected changeDetectorRef = inject(ChangeDetectorRef);\n    protected control = inject(NgControl, { optional: true, self: true });\n    protected _step = 1;\n\n    private _disabled = false;\n    private _value?: Date;\n    private _autoFocus = true;\n\n    public constructor() {\n        if (this.control) {\n            this.control.valueAccessor = this;\n        }\n\n        const hoursChange$ = this.hoursChange$.pipe(\n            distinctUntilChanged(),\n            map(hours => {\n                if (typeof hours === 'object') {\n                    const value = (hours.target as HTMLInputElement).value;\n                    return [value !== undefined ? parseInt(value, 10) : undefined, true] as const;\n                }\n                return [!isNaN(hours) ? hours : 0, false] as const;\n            }),\n            tap(([hours, _isEvent]) => {\n                const newValue = this.value ? new Date(this.value.getTime()) : new Date();\n\n                if (hours !== undefined) {\n                    newValue.setHours(hours);\n                }\n\n                if (this.mode === 'fullTime' || this.mode === 'fullTimeWithMinutesDisabled' || this.mode === 'hoursOnly') {\n                    this.value = newValue;\n                }\n\n                this.changeDetectorRef.markForCheck();\n            })\n        );\n\n        const minutesChange$ = this.minutesChange$.pipe(\n            distinctUntilChanged(),\n            map(event => {\n                let minutes: number | undefined;\n                if (typeof event === 'object') {\n                    const value = (event.target as HTMLInputElement).value;\n                    minutes = value !== undefined ? parseInt(value, 10) : undefined;\n                } else {\n                    minutes = event;\n                }\n\n                return minutes && !isNaN(minutes) && minutes || 0;\n            }),\n            tap(minutes => {\n                const newValue = this.value ? new Date(this.value.getTime()) : new Date();\n\n                if (minutes < 0) {\n                    minutes += 60;\n                } else if (minutes >= 60) {\n                    minutes -= 60;\n                }\n                newValue.setMinutes(minutes);\n\n                if (this.mode === 'fullTime' || this.mode === 'fullTimeWithHoursDisabled' || this.mode === 'minutesOnly') {\n                    this.value = newValue;\n                }\n\n                this.changeDetectorRef.markForCheck();\n            })\n        );\n\n        const setFocusToNextInput$ = this.hoursKeyDown$.pipe(\n            debounceTime(200),\n            switchMap(event => {\n                const inputElement = this.hours?.nativeElement;\n                if (!inputElement) {\n                    return EMPTY;\n                }\n\n                if (event.key && !event.ctrlKey && !event.shiftKey && !event.altKey && !['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Backspace', 'Delete', 'Tab', 'Enter', 'Control', 'Shift'].includes(event.key)) {\n                    const regex = /^(\\d|[01]\\d|2[0-3])$/;\n                    const [selectionStart, selectionEnd] = [inputElement.selectionStart || 0, inputElement.selectionEnd || 0].sort((a, b) => a - b);\n                    const inputValue = inputElement.value || '';\n                    if (regex.test(inputValue) && this._autoFocus && inputValue.length === 2 && this.minutes?.nativeElement && inputElement === document.activeElement && selectionStart === 2 && selectionEnd === 2) {\n                        this.minutes.nativeElement.focus();\n                        return timer(0).pipe(\n                            tap(() => {\n                                this.minutes?.nativeElement.select();\n                            })\n                        );\n                    }\n                }\n\n                return EMPTY;\n            })\n        );\n\n        hoursChange$.pipe(\n            mergeWith(minutesChange$, setFocusToNextInput$),\n            takeUntilDestroyed()\n        ).subscribe();\n    }\n\n    // ************* ControlValueAccessor Implementation **************\n    /** set accessor including call the onchange callback */\n    public set value(v: Date | undefined) {\n        if (v !== this._value) {\n            this.writeValue(v);\n            this.onChangeCallback(v);\n            this.timeChange.emit(v);\n        }\n    }\n\n    /** get accessor */\n    public get value(): Date | undefined {\n        return this._value;\n    }\n\n    /** From ControlValueAccessor interface */\n    public writeValue(value: Date | undefined): void {\n        if ((value ?? null) !== (this._value ?? null)) {\n            if (value instanceof Date) {\n                this._value = value ? new Date(value.getTime()) : set(new Date(), { hours: 0, minutes: 0, seconds: 0 });\n            } else {\n                this._value = value;\n            }\n\n            this.changeDetectorRef.markForCheck();\n        }\n    }\n\n    /** From ControlValueAccessor interface */\n    public registerOnChange(fn: (_a: unknown) => void): void {\n        this.onChangeCallback = fn;\n    }\n\n    /** From ControlValueAccessor interface */\n    public registerOnTouched(fn: () => void): void {\n        this.onTouchedCallback = fn;\n    }\n\n    public setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n    // ************* End of ControlValueAccessor Implementation **************\n\n    protected get hoursValue(): number | undefined {\n        if (!this.value || (this.forceNullValue && this.mode === 'fullTimeWithMinutesDisabled' && !!this.control?.pristine)) {\n            return undefined;\n        }\n        return this.value.getHours();\n    }\n\n    protected get minutesValue(): number | undefined {\n        if (!this.value || (this.forceNullValue && this.mode === 'fullTimeWithHoursDisabled' && !!this.control?.pristine)) {\n            return undefined;\n        }\n        return this.value.getMinutes();\n    }\n\n    protected onChangeCallback = (_a: unknown): void => undefined;\n    protected onTouchedCallback = (): void => undefined;\n}\n","<!-- Hours -->\n<mat-form-field\n    [appearance]=\"appearance\"\n    class=\"hours\"\n    [class.disabled]=\"disabled || mode === 'fullTimeWithHoursDisabled'\"\n    [style.display]=\"mode === 'minutesOnly' ? 'none' : 'block'\">\n    <input\n        aria-label=\"hours\"\n        #hours\n        matInput\n        [attr.hours]=\"hoursValue\"\n        type=\"text\"\n        [ngModel]=\"hoursValue | number: '2.'\"\n        (ngModelChange)=\"hoursChange$.next($event)\"\n        [ngModelOptions]=\"{ updateOn: 'blur' }\"\n        (keydown)=\"hoursKeyDown$.next($event)\"\n        [disabled]=\"disabled || mode === 'fullTimeWithHoursDisabled'\"\n        [maxLength]=\"2\"\n        autocomplete=\"off\"\n        [placeholder]=\"defaultPlaceholderHours\"\n        (click)=\"hours.select()\" />\n    <ngx-numeric-stepper\n        (increment)=\"hoursChange$.next((hoursValue || 0) + 1)\"\n        (decrement)=\"hoursChange$.next((hoursValue || 0) - 1)\"></ngx-numeric-stepper>\n</mat-form-field>\n\n<!-- Separator -->\n<span class=\"time-separator\" [style.display]=\"mode === 'minutesOnly' || mode === 'hoursOnly' ? 'none' : 'block'\">\n    :\n</span>\n\n<!-- Minutes -->\n<mat-form-field\n    [appearance]=\"appearance\"\n    class=\"minutes\"\n    [class.disabled]=\"disabled || mode === 'fullTimeWithMinutesDisabled'\"\n    [style.display]=\"mode === 'hoursOnly' ? 'none' : 'block'\">\n    <input\n        aria-label=\"minutes\"\n        #minutes\n        matInput\n        [attr.minutes]=\"minutesValue\"\n        type=\"text\"\n        [ngModel]=\"minutesValue | number: '2.'\"\n        (ngModelChange)=\"minutesChange$.next($event)\"\n        [ngModelOptions]=\"{ updateOn: 'blur' }\"\n        [disabled]=\"disabled || mode === 'fullTimeWithMinutesDisabled'\"\n        [maxLength]=\"2\"\n        autocomplete=\"off\"\n        [placeholder]=\"defaultPlaceholderMinutes\"\n        (click)=\"minutes.select()\" />\n    <ngx-numeric-stepper\n        (increment)=\"minutesChange$.next((minutesValue || 0) + _step)\"\n        (decrement)=\"minutesChange$.next((minutesValue || 0) - _step)\"></ngx-numeric-stepper>\n</mat-form-field>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MA4Ba,sBAAsB,CAAA;AACJ,IAAA,KAAK;AACH,IAAA,OAAO;AAEV,IAAA,UAAU,GAAG,IAAI,YAAY,EAAQ;;IAG/C,IAAI,GAA6B,UAAU;AAE3D;;;;;AAKG;IACa,cAAc,GAAG,KAAK;IAEtB,UAAU,GAA2B,SAAS;IAE9D,IACW,SAAS,CAAC,KAAmB,EAAA;AACpC,QAAA,IAAI,CAAC,UAAU,GAAG,qBAAqB,CAAC,KAAK,CAAC;IAClD;IAEgB,uBAAuB,GAAG,KAAK;IAC/B,yBAAyB,GAAG,KAAK;IAEjD,IACW,IAAI,CAAC,KAAuB,EAAA;AACnC,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC1B;AAEA,IAAA,IAAW,IAAI,GAAA;QACX,OAAO,IAAI,CAAC,KAAK;IACrB;;IAGA,IACW,IAAI,CAAC,KAAkB,EAAA;AAC9B,QAAA,IAAI,CAAC,KAAK,GAAG,oBAAoB,CAAC,KAAK,CAAC;AACxC,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;IACzC;;AAGA,IAAA,IAAW,IAAI,GAAA;QACX,OAAO,IAAI,CAAC,KAAK;IACrB;;IAGA,IACW,QAAQ,CAAC,KAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC;AAC7C,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;IACzC;;AAGA,IAAA,IAAW,QAAQ,GAAA;QACf,OAAO,IAAI,CAAC,SAAS;IACzB;AAEgB,IAAA,YAAY,GAAG,IAAI,OAAO,EAAkB;AAC5C,IAAA,cAAc,GAAG,IAAI,OAAO,EAAkB;AAC9C,IAAA,aAAa,GAAG,IAAI,OAAO,EAAiB;AAElD,IAAA,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC7C,IAAA,OAAO,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC3D,KAAK,GAAG,CAAC;IAEX,SAAS,GAAG,KAAK;AACjB,IAAA,MAAM;IACN,UAAU,GAAG,IAAI;AAEzB,IAAA,WAAA,GAAA;AACI,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,OAAO,CAAC,aAAa,GAAG,IAAI;QACrC;AAEA,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CACvC,oBAAoB,EAAE,EACtB,GAAG,CAAC,KAAK,IAAG;AACR,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC3B,gBAAA,MAAM,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK;gBACtD,OAAO,CAAC,KAAK,KAAK,SAAS,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,SAAS,EAAE,IAAI,CAAU;YACjF;AACA,YAAA,OAAO,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,KAAK,CAAU;QACtD,CAAC,CAAC,EACF,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAI;YACtB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,IAAI,EAAE;AAEzE,YAAA,IAAI,KAAK,KAAK,SAAS,EAAE;AACrB,gBAAA,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC5B;AAEA,YAAA,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,IAAI,KAAK,6BAA6B,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;AACtG,gBAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;YACzB;AAEA,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;QACzC,CAAC,CAAC,CACL;AAED,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAC3C,oBAAoB,EAAE,EACtB,GAAG,CAAC,KAAK,IAAG;AACR,YAAA,IAAI,OAA2B;AAC/B,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC3B,gBAAA,MAAM,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK;AACtD,gBAAA,OAAO,GAAG,KAAK,KAAK,SAAS,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,SAAS;YACnE;iBAAO;gBACH,OAAO,GAAG,KAAK;YACnB;YAEA,OAAO,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,OAAO,IAAI,CAAC;AACrD,QAAA,CAAC,CAAC,EACF,GAAG,CAAC,OAAO,IAAG;YACV,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,IAAI,EAAE;AAEzE,YAAA,IAAI,OAAO,GAAG,CAAC,EAAE;gBACb,OAAO,IAAI,EAAE;YACjB;AAAO,iBAAA,IAAI,OAAO,IAAI,EAAE,EAAE;gBACtB,OAAO,IAAI,EAAE;YACjB;AACA,YAAA,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;AAE5B,YAAA,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,IAAI,KAAK,2BAA2B,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,EAAE;AACtG,gBAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;YACzB;AAEA,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;QACzC,CAAC,CAAC,CACL;AAED,QAAA,MAAM,oBAAoB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAChD,YAAY,CAAC,GAAG,CAAC,EACjB,SAAS,CAAC,KAAK,IAAG;AACd,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,aAAa;YAC9C,IAAI,CAAC,YAAY,EAAE;AACf,gBAAA,OAAO,KAAK;YAChB;YAEA,IAAI,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;gBACxM,MAAM,KAAK,GAAG,sBAAsB;AACpC,gBAAA,MAAM,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,cAAc,IAAI,CAAC,EAAE,YAAY,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAC/H,gBAAA,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,IAAI,EAAE;AAC3C,gBAAA,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,aAAa,IAAI,YAAY,KAAK,QAAQ,CAAC,aAAa,IAAI,cAAc,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,EAAE;AAC9L,oBAAA,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE;oBAClC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAChB,GAAG,CAAC,MAAK;AACL,wBAAA,IAAI,CAAC,OAAO,EAAE,aAAa,CAAC,MAAM,EAAE;oBACxC,CAAC,CAAC,CACL;gBACL;YACJ;AAEA,YAAA,OAAO,KAAK;QAChB,CAAC,CAAC,CACL;AAED,QAAA,YAAY,CAAC,IAAI,CACb,SAAS,CAAC,cAAc,EAAE,oBAAoB,CAAC,EAC/C,kBAAkB,EAAE,CACvB,CAAC,SAAS,EAAE;IACjB;;;IAIA,IAAW,KAAK,CAAC,CAAmB,EAAA;AAChC,QAAA,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,EAAE;AACnB,YAAA,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;AAClB,YAAA,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;AACxB,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QAC3B;IACJ;;AAGA,IAAA,IAAW,KAAK,GAAA;QACZ,OAAO,IAAI,CAAC,MAAM;IACtB;;AAGO,IAAA,UAAU,CAAC,KAAuB,EAAA;AACrC,QAAA,IAAI,CAAC,KAAK,IAAI,IAAI,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,EAAE;AAC3C,YAAA,IAAI,KAAK,YAAY,IAAI,EAAE;AACvB,gBAAA,IAAI,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YAC3G;iBAAO;AACH,gBAAA,IAAI,CAAC,MAAM,GAAG,KAAK;YACvB;AAEA,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;QACzC;IACJ;;AAGO,IAAA,gBAAgB,CAAC,EAAyB,EAAA;AAC7C,QAAA,IAAI,CAAC,gBAAgB,GAAG,EAAE;IAC9B;;AAGO,IAAA,iBAAiB,CAAC,EAAc,EAAA;AACnC,QAAA,IAAI,CAAC,iBAAiB,GAAG,EAAE;IAC/B;AAEO,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AACvC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;IAC9B;;AAGA,IAAA,IAAc,UAAU,GAAA;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,IAAI,KAAK,6BAA6B,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE;AACjH,YAAA,OAAO,SAAS;QACpB;AACA,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;IAChC;AAEA,IAAA,IAAc,YAAY,GAAA;QACtB,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,IAAI,KAAK,2BAA2B,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE;AAC/G,YAAA,OAAO,SAAS;QACpB;AACA,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;IAClC;AAEU,IAAA,gBAAgB,GAAG,CAAC,EAAW,KAAW,SAAS;AACnD,IAAA,iBAAiB,GAAG,MAAY,SAAS;uGA9N1C,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,yBAAA,EAAA,yBAAA,EAAA,2BAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,SAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5BnC,mlEAuDA,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDjCQ,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAClB,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,0BAA0B,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAJ1B,WAAW,EAAA,IAAA,EAAA,QAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAON,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAflC,SAAS;sCACW,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,iBAAiB,EAAA,aAAA,EAGZ,iBAAiB,CAAC,IAAI,EAAA,UAAA,EACzB,IAAI,EAAA,OAAA,EACP;wBACL,WAAW;wBACX,WAAW;wBACX,kBAAkB;wBAClB,cAAc;wBACd;AACH,qBAAA,EAAA,QAAA,EAAA,mlEAAA,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA;;sBAGA,SAAS;uBAAC,OAAO;;sBACjB,SAAS;uBAAC,SAAS;;sBAEnB;;sBAGA;;sBAQA;;sBAEA;;sBAEA;;sBAKA;;sBACA;;sBAEA;;sBAUA;;sBAYA;;;AE7EL;;AAEG;;;;"}
+{"version":3,"file":"hug-ngx-time-picker.mjs","sources":["../../../projects/time-picker/src/index.ts","../../../projects/time-picker/src/hug-ngx-time-picker.ts"],"sourcesContent":["export const m3 = 'M3';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAO,MAAM,EAAE,GAAG;;ACAlB;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hug/ngx-time-picker",
-    "version": "21.0.2",
+    "version": "22.0.0-alpha.1",
     "description": "HUG Angular - time picker component",
     "homepage": "https://github.com/dsi-hug/ngx-components",
     "license": "GPL-3.0-only",
@@ -26,7 +26,7 @@
         "@angular/core": ">=21 <22",
         "@angular/forms": ">=21 <22",
         "@angular/material": ">=21 <22",
-        "@hug/ngx-numeric-stepper": "^21.0.2",
+        "@hug/ngx-numeric-stepper": "^22.0.0-alpha.1",
         "date-fns": "^2.30.0",
         "rxjs": "^7.8.2",
         "zone.js": "^0.16.0"
@@ -35,7 +35,8 @@
         "tslib": "^2.8.1"
     },
     "publishConfig": {
-        "access": "public"
+        "access": "public",
+        "tag": "alpha"
     },
     "module": "fesm2022/hug-ngx-time-picker.mjs",
     "typings": "types/hug-ngx-time-picker.d.ts",
@@ -47,9 +48,13 @@
             "types": "./types/hug-ngx-time-picker.d.ts",
             "default": "./fesm2022/hug-ngx-time-picker.mjs"
         },
-        "./testing": {
-            "types": "./types/hug-ngx-time-picker-testing.d.ts",
-            "default": "./fesm2022/hug-ngx-time-picker-testing.mjs"
+        "./m2": {
+            "types": "./types/hug-ngx-time-picker-m2.d.ts",
+            "default": "./fesm2022/hug-ngx-time-picker-m2.mjs"
+        },
+        "./m2/testing": {
+            "types": "./types/hug-ngx-time-picker-m2-testing.d.ts",
+            "default": "./fesm2022/hug-ngx-time-picker-m2-testing.mjs"
         }
     }
 }

package/types/hug-ngx-time-picker-m2.d.ts

@@ -0,0 +1,66 @@
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { ElementRef, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { Subject } from 'rxjs';
+
+type NgxTimePickerDisplayMode = 'fullTime' | 'fullTimeWithHoursDisabled' | 'fullTimeWithMinutesDisabled' | 'hoursOnly' | 'minutesOnly';
+declare class NgxTimePickerComponent implements ControlValueAccessor {
+    hours?: ElementRef<HTMLInputElement>;
+    minutes?: ElementRef<HTMLInputElement>;
+    readonly timeChange: EventEmitter<Date>;
+    /** Display mode for the time-picker */
+    mode: NgxTimePickerDisplayMode;
+    /**
+     * Force the hour or minute to be null (only if the other field is disabled)
+     *
+     * For instance, if set to true and the hours are disabled, the minutes input value will be null
+     * This is useful to force the user to provide a value
+     */
+    forceNullValue: boolean;
+    appearance: MatFormFieldAppearance;
+    set autoFocus(value: BooleanInput);
+    defaultPlaceholderHours: string;
+    defaultPlaceholderMinutes: string;
+    set time(value: Date | undefined);
+    get time(): Date | undefined;
+    /** Step of the arrows */
+    set step(value: NumberInput);
+    /** To get the step of the minutes arrows */
+    get step(): NumberInput;
+    /** Disabled property setter. Can be string or empty so you can use it like : <time-picker disabled></time-picker> */
+    set disabled(value: BooleanInput);
+    /** To get disabled attribute. */
+    get disabled(): BooleanInput;
+    readonly hoursChange$: Subject<number | Event>;
+    readonly minutesChange$: Subject<number | Event>;
+    readonly hoursKeyDown$: Subject<KeyboardEvent>;
+    protected changeDetectorRef: ChangeDetectorRef;
+    protected control: NgControl | null;
+    protected _step: number;
+    private _disabled;
+    private _value?;
+    private _autoFocus;
+    constructor();
+    /** set accessor including call the onchange callback */
+    set value(v: Date | undefined);
+    /** get accessor */
+    get value(): Date | undefined;
+    /** From ControlValueAccessor interface */
+    writeValue(value: Date | undefined): void;
+    /** From ControlValueAccessor interface */
+    registerOnChange(fn: (_a: unknown) => void): void;
+    /** From ControlValueAccessor interface */
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected get hoursValue(): number | undefined;
+    protected get minutesValue(): number | undefined;
+    protected onChangeCallback: (_a: unknown) => void;
+    protected onTouchedCallback: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxTimePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxTimePickerComponent, "ngx-time-picker", never, { "mode": { "alias": "mode"; "required": false; }; "forceNullValue": { "alias": "forceNullValue"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "defaultPlaceholderHours": { "alias": "defaultPlaceholderHours"; "required": false; }; "defaultPlaceholderMinutes": { "alias": "defaultPlaceholderMinutes"; "required": false; }; "time": { "alias": "time"; "required": false; }; "step": { "alias": "step"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "timeChange": "timeChange"; }, never, never, true, never>;
+}
+
+export { NgxTimePickerComponent };
+export type { NgxTimePickerDisplayMode };

package/types/hug-ngx-time-picker.d.ts

@@ -1,66 +1,3 @@
-import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
-import * as i0 from '@angular/core';
-import { ElementRef, EventEmitter, ChangeDetectorRef } from '@angular/core';
-import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
-import { Subject } from 'rxjs';
+declare const m3 = "M3";
 
-type NgxTimePickerDisplayMode = 'fullTime' | 'fullTimeWithHoursDisabled' | 'fullTimeWithMinutesDisabled' | 'hoursOnly' | 'minutesOnly';
-declare class NgxTimePickerComponent implements ControlValueAccessor {
-    hours?: ElementRef<HTMLInputElement>;
-    minutes?: ElementRef<HTMLInputElement>;
-    readonly timeChange: EventEmitter<Date>;
-    /** Display mode for the time-picker */
-    mode: NgxTimePickerDisplayMode;
-    /**
-     * Force the hour or minute to be null (only if the other field is disabled)
-     *
-     * For instance, if set to true and the hours are disabled, the minutes input value will be null
-     * This is useful to force the user to provide a value
-     */
-    forceNullValue: boolean;
-    appearance: MatFormFieldAppearance;
-    set autoFocus(value: BooleanInput);
-    defaultPlaceholderHours: string;
-    defaultPlaceholderMinutes: string;
-    set time(value: Date | undefined);
-    get time(): Date | undefined;
-    /** Step of the arrows */
-    set step(value: NumberInput);
-    /** To get the step of the minutes arrows */
-    get step(): NumberInput;
-    /** Disabled property setter. Can be string or empty so you can use it like : <time-picker disabled></time-picker> */
-    set disabled(value: BooleanInput);
-    /** To get disabled attribute. */
-    get disabled(): BooleanInput;
-    readonly hoursChange$: Subject<number | Event>;
-    readonly minutesChange$: Subject<number | Event>;
-    readonly hoursKeyDown$: Subject<KeyboardEvent>;
-    protected changeDetectorRef: ChangeDetectorRef;
-    protected control: NgControl | null;
-    protected _step: number;
-    private _disabled;
-    private _value?;
-    private _autoFocus;
-    constructor();
-    /** set accessor including call the onchange callback */
-    set value(v: Date | undefined);
-    /** get accessor */
-    get value(): Date | undefined;
-    /** From ControlValueAccessor interface */
-    writeValue(value: Date | undefined): void;
-    /** From ControlValueAccessor interface */
-    registerOnChange(fn: (_a: unknown) => void): void;
-    /** From ControlValueAccessor interface */
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    protected get hoursValue(): number | undefined;
-    protected get minutesValue(): number | undefined;
-    protected onChangeCallback: (_a: unknown) => void;
-    protected onTouchedCallback: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgxTimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxTimePickerComponent, "ngx-time-picker", never, { "mode": { "alias": "mode"; "required": false; }; "forceNullValue": { "alias": "forceNullValue"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "defaultPlaceholderHours": { "alias": "defaultPlaceholderHours"; "required": false; }; "defaultPlaceholderMinutes": { "alias": "defaultPlaceholderMinutes"; "required": false; }; "time": { "alias": "time"; "required": false; }; "step": { "alias": "step"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "timeChange": "timeChange"; }, never, never, true, never>;
-}
-
-export { NgxTimePickerComponent };
-export type { NgxTimePickerDisplayMode };
+export { m3 };

package/fesm2022/hug-ngx-time-picker-testing.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"hug-ngx-time-picker-testing.mjs","sources":["../../../projects/time-picker/testing/time-picker-harness.ts","../../../projects/time-picker/testing/hug-ngx-time-picker-testing.ts"],"sourcesContent":["import { HarnessPredicate, TestKey } from '@angular/cdk/testing';\nimport { MatFormFieldControlHarness } from '@angular/material/form-field/testing/control';\nimport { MatInputHarness } from '@angular/material/input/testing';\n\nimport { NgxTimePickerHarnessFilters } from './time-picker-harness-filters';\n\n/** Harness for interacting with a ngx time picker in tests. */\nexport class NgxTimePickerHarness extends MatFormFieldControlHarness {\n\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    public static hostSelector = 'ngx-time-picker';\n\n    static with(options: NgxTimePickerHarnessFilters = {}): HarnessPredicate<NgxTimePickerHarness> {\n        return new HarnessPredicate(NgxTimePickerHarness, options).addOption('value', options.value, (harness, value) => HarnessPredicate.stringMatches(harness.getValue(), value));\n    }\n\n    public async getHoursInput(): Promise<MatInputHarness> {\n        return (await this.locatorFactory.harnessLoaderFor('.hours')).getHarness(MatInputHarness.with({ selector: '[matInput]' }));\n    }\n\n    public async getMinutesInput(): Promise<MatInputHarness> {\n        return (await this.locatorFactory.harnessLoaderFor('.minutes')).getHarness(MatInputHarness.with({ selector: '[matInput]' }));\n    }\n\n    public async setValue(value: string): Promise<void> {\n        const hoursMinutes = value.split(':');\n\n        if (hoursMinutes[0].length) {\n            await this.getHoursInput().then(async hoursInput => {\n                await hoursInput.host().then(async hoursElement => {\n                    await hoursElement.clear();\n                    await hoursInput.setValue(hoursMinutes[0]);\n                    await hoursInput.blur();\n                });\n            });\n        }\n\n        if (hoursMinutes[1].length) {\n            await this.getMinutesInput().then(async minutesInput => {\n                await minutesInput.host().then(async minutesElement => {\n                    await minutesElement.clear();\n                    await minutesInput.setValue(hoursMinutes[1]);\n                    await minutesElement.blur();\n                });\n            });\n        }\n    }\n\n    public async getValue(): Promise<string> {\n        return this.getHoursValue().then(hoursValue => this.getMinutesValue().then(minutesValue => `${hoursValue}:${minutesValue}`));\n    }\n\n    public async getHoursValue(): Promise<string> {\n        return this.getHoursInput().then(hoursInput => hoursInput.getValue());\n    }\n\n    public async getMinutesValue(): Promise<string> {\n        return this.getMinutesInput().then(minutesInput => minutesInput.getValue());\n    }\n\n    public async sendKeysToHoursInput(...keys: readonly TestKey[]): Promise<void> {\n        return this.getHoursInput().then(async hoursInput => {\n            await hoursInput.host().then(async hoursElement => {\n                await hoursElement.sendKeys(...keys);\n            });\n        });\n    }\n\n    public async sendKeysToMinutesInput(...keys: readonly TestKey[]): Promise<void> {\n        return this.getMinutesInput().then(async minutesInput => {\n            await minutesInput.host().then(async minutesElement => {\n                await minutesElement.sendKeys(...keys);\n            });\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}