@haiilo/catalyst-angular 10.19.1 → 10.19.3

package/fesm2015/haiilo-catalyst-angular.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, EventEmitter, Inject, Output, ContentChild, Directive, HostListener, Self, Optional, Host, SkipSelf, NgModule, Injectable } from '@angular/core';
+import { InjectionToken, Directive, HostListener, Component, ViewEncapsulation, ContentChild, Input, ChangeDetectionStrategy, EventEmitter, Inject, Output, Self, Optional, Host, SkipSelf, NgModule, Injectable } from '@angular/core';
 import * as i3 from '@haiilo/catalyst';
 import { catI18nRegistry, catIconRegistry, catNotificationService } from '@haiilo/catalyst';
 import log from 'loglevel';
@@ -8,10 +8,10 @@ import { DialogModule } from '@angular/cdk/dialog';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { defineCustomElements } from '@haiilo/catalyst/loader';
-import { __decorate } from 'tslib';
-import { fromEvent } from 'rxjs';
 import * as i1$2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, Validators } from '@angular/forms';
+import { __decorate } from 'tslib';
+import { fromEvent } from 'rxjs';
 
 // It is important to declare the InjectionTokens first
 const CAT_LOG_TOKEN = new InjectionToken('CAT_LOG', {
@@ -31,6 +31,300 @@ const CAT_NOTIFICATION_SERVICE_TOKEN = new InjectionToken('CAT_NOTIFICATION_SERV
     factory: () => catNotificationService
 });
 
+class ValueAccessor {
+    constructor(el) {
+        this.el = el;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    writeValue(value) {
+        this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
+    }
+    handleChangeEvent(value) {
+        if (value !== this.lastValue) {
+            this.lastValue = value;
+            this.onChange(value);
+        }
+    }
+    _handleBlurEvent() {
+        this.onTouched();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.el.nativeElement.disabled = isDisabled;
+    }
+}
+ValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: ValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValueAccessor, decorators: [{
+            type: Directive,
+            args: [{}]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
+                type: HostListener,
+                args: ['focusout']
+            }] } });
+
+class DateValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    get nativeElement() {
+        return this.el.nativeElement;
+    }
+    writeValue(value) {
+        if (!this.el.nativeElement.range) {
+            return super.writeValue(this.toISO(value));
+        }
+        else if (value instanceof Array) {
+            const data = [this.toISO(value[0]), this.toISO(value[1])];
+            return super.writeValue(JSON.stringify(data));
+        }
+        return super.writeValue(undefined);
+    }
+    handleChangeEvent(value) {
+        var _a;
+        if (!this.el.nativeElement.range) {
+            return super.handleChangeEvent(this.toDate(value));
+        }
+        else if (typeof value === 'string') {
+            const data = JSON.parse(value).map(this.toDate);
+            (_a = data[1]) === null || _a === void 0 ? void 0 : _a.setHours(23, 59, 59, 999);
+            return super.handleChangeEvent(data);
+        }
+        super.handleChangeEvent(null);
+    }
+    toISO(value) {
+        if (value instanceof Date) {
+            const year = value.getFullYear();
+            const month = (value.getMonth() + 1).toString().padStart(2, '0');
+            const day = value.getDate().toString().padStart(2, '0');
+            return `${year}-${month}-${day}`;
+        }
+        return undefined;
+    }
+    toDate(value) {
+        var _a;
+        const [match, year, month, day] = (_a = value === null || value === void 0 ? void 0 : value.match(/^(\d{4})-(\d{2})-(\d{2})/)) !== null && _a !== void 0 ? _a : [];
+        return match ? new Date(Number(year), Number(month) - 1, Number(day)) : null;
+    }
+}
+DateValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DateValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+DateValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: DateValueAccessor, selector: "cat-date, cat-date-inline", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: DateValueAccessor,
+            multi: true
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DateValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'cat-date, cat-date-inline',
+                    host: {
+                        '(catChange)': 'handleChangeEvent($event.target.value)'
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: DateValueAccessor,
+                            multi: true
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+class TimeValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    get nativeElement() {
+        return this.el.nativeElement;
+    }
+    writeValue(value) {
+        if (value && value instanceof Date) {
+            const hours = value.getHours().toString().padStart(2, '0');
+            const mins = value.getMinutes().toString().padStart(2, '0');
+            return super.writeValue(`${hours}:${mins}`);
+        }
+        return super.writeValue(undefined);
+    }
+    handleChangeEvent(value) {
+        var _a;
+        const [match, hours, mins] = (_a = value === null || value === void 0 ? void 0 : value.match(/^(\d{2}):(\d{2})/)) !== null && _a !== void 0 ? _a : [];
+        if (match) {
+            const date = new Date();
+            date.setHours(Number(hours), Number(mins), 0, 0);
+            return super.handleChangeEvent(date);
+        }
+        return super.handleChangeEvent(null);
+    }
+}
+TimeValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimeValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TimeValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: TimeValueAccessor, selector: "cat-time", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: TimeValueAccessor,
+            multi: true
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimeValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'cat-time',
+                    host: {
+                        '(catChange)': 'handleChangeEvent($event.target.value)'
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: TimeValueAccessor,
+                            multi: true
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+class DatetimeComponent {
+    get min() {
+        var _a;
+        return (_a = this._min) !== null && _a !== void 0 ? _a : null;
+    }
+    set min(value) {
+        this._min = value;
+        setTimeout(() => {
+            var _a;
+            const min = value ? this.toLocalISODate(value) : undefined;
+            (_a = this.dateInput) === null || _a === void 0 ? void 0 : _a.nativeElement.setAttribute('min', min);
+            this.limitTime('min');
+        });
+    }
+    get max() {
+        var _a;
+        return (_a = this._max) !== null && _a !== void 0 ? _a : null;
+    }
+    set max(value) {
+        this._max = value;
+        setTimeout(() => {
+            var _a;
+            const max = value ? this.toLocalISODate(value) : undefined;
+            (_a = this.dateInput) === null || _a === void 0 ? void 0 : _a.nativeElement.setAttribute('max', max);
+            this.limitTime('max');
+        });
+    }
+    ngAfterContentInit() {
+        if (!this.dateInput) {
+            throw new Error('Missing child element <cat-date></cat-date>');
+        }
+        if (!this.timeInput) {
+            throw new Error('Missing child element <cat-time></cat-time>');
+        }
+    }
+    writeValue(value) {
+        this.lastValue = this.lastDateValue = this.lastTimeValue = value;
+        setTimeout(() => {
+            var _a, _b;
+            (_a = this.dateInput) === null || _a === void 0 ? void 0 : _a.writeValue(value);
+            (_b = this.timeInput) === null || _b === void 0 ? void 0 : _b.writeValue(value);
+        });
+    }
+    registerOnChange(fn) {
+        setTimeout(() => {
+            var _a, _b;
+            (_a = this.dateInput) === null || _a === void 0 ? void 0 : _a.registerOnChange((value) => {
+                this.lastDateValue = value;
+                this.limitTime('min');
+                this.limitTime('max');
+                fn(this.value);
+            });
+            (_b = this.timeInput) === null || _b === void 0 ? void 0 : _b.registerOnChange((value) => {
+                this.lastTimeValue = value;
+                fn(this.value);
+            });
+        });
+    }
+    registerOnTouched(fn) {
+        setTimeout(() => {
+            var _a, _b;
+            (_a = this.dateInput) === null || _a === void 0 ? void 0 : _a.registerOnTouched(fn);
+            (_b = this.timeInput) === null || _b === void 0 ? void 0 : _b.registerOnTouched(fn);
+        });
+    }
+    setDisabledState(isDisabled) {
+        setTimeout(() => {
+            var _a, _b;
+            (_a = this.dateInput) === null || _a === void 0 ? void 0 : _a.setDisabledState(isDisabled);
+            (_b = this.timeInput) === null || _b === void 0 ? void 0 : _b.setDisabledState(isDisabled);
+        });
+    }
+    get value() {
+        if (this.lastDateValue && this.lastTimeValue) {
+            const result = new Date(this.lastDateValue);
+            result.setHours(this.lastTimeValue.getHours(), this.lastTimeValue.getMinutes(), this.lastTimeValue.getSeconds(), this.lastTimeValue.getMilliseconds());
+            return result;
+        }
+        return null;
+    }
+    limitTime(mode) {
+        var _a, _b;
+        const limit = mode === 'min' ? this.min : this.max;
+        const limitIso = limit ? this.toLocalISODate(limit) : undefined;
+        const dateIso = this.lastDateValue ? this.toLocalISODate(this.lastDateValue) : undefined;
+        const attr = limit && limitIso === dateIso ? this.toLocalISOTime(limit) : undefined;
+        if (attr) {
+            (_a = this.timeInput) === null || _a === void 0 ? void 0 : _a.nativeElement.setAttribute(mode, attr);
+        }
+        else {
+            (_b = this.timeInput) === null || _b === void 0 ? void 0 : _b.nativeElement.removeAttribute(mode);
+        }
+    }
+    toLocalISODate(value) {
+        const year = value.getFullYear();
+        const month = (value.getMonth() + 1).toString().padStart(2, '0');
+        const day = value.getDate().toString().padStart(2, '0');
+        return `${year}-${month}-${day}`;
+    }
+    toLocalISOTime(value) {
+        const hours = value.getHours().toString().padStart(2, '0');
+        const mins = value.getMinutes().toString().padStart(2, '0');
+        return `${hours}:${mins}`;
+    }
+}
+DatetimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DatetimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DatetimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DatetimeComponent, selector: "cat-datetime", inputs: { min: "min", max: "max" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: DatetimeComponent,
+            multi: true
+        }
+    ], queries: [{ propertyName: "dateInput", first: true, predicate: DateValueAccessor, descendants: true }, { propertyName: "timeInput", first: true, predicate: TimeValueAccessor, descendants: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["cat-datetime{display:contents}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DatetimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cat-datetime', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: DatetimeComponent,
+                            multi: true
+                        }
+                    ], styles: ["cat-datetime{display:contents}\n"] }]
+        }], propDecorators: { dateInput: [{
+                type: ContentChild,
+                args: [DateValueAccessor]
+            }], timeInput: [{
+                type: ContentChild,
+                args: [TimeValueAccessor]
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }] } });
+
 /**
  * The bottom actions of a dialog.
  */
@@ -925,44 +1219,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 args: [CatDialogHeaderComponent]
             }] } });
 
-class ValueAccessor {
-    constructor(el) {
-        this.el = el;
-        this.onChange = () => { };
-        this.onTouched = () => { };
-    }
-    writeValue(value) {
-        this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
-    }
-    handleChangeEvent(value) {
-        if (value !== this.lastValue) {
-            this.lastValue = value;
-            this.onChange(value);
-        }
-    }
-    _handleBlurEvent() {
-        this.onTouched();
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.el.nativeElement.disabled = isDisabled;
-    }
-}
-ValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: ValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValueAccessor, decorators: [{
-            type: Directive,
-            args: [{}]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
-                type: HostListener,
-                args: ['focusout']
-            }] } });
-
 class BooleanValueAccessor extends ValueAccessor {
     constructor(el) {
         super(el);
@@ -997,76 +1253,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
-class DateValueAccessor extends ValueAccessor {
-    constructor(el) {
-        super(el);
-    }
-    get nativeElement() {
-        return this.el.nativeElement;
-    }
-    writeValue(value) {
-        if (!this.el.nativeElement.range) {
-            return super.writeValue(this.toISO(value));
-        }
-        else if (value instanceof Array) {
-            const data = [this.toISO(value[0]), this.toISO(value[1])];
-            return super.writeValue(JSON.stringify(data));
-        }
-        return super.writeValue(undefined);
-    }
-    handleChangeEvent(value) {
-        var _a;
-        if (!this.el.nativeElement.range) {
-            return super.handleChangeEvent(this.toDate(value));
-        }
-        else if (typeof value === 'string') {
-            const data = JSON.parse(value).map(this.toDate);
-            (_a = data[1]) === null || _a === void 0 ? void 0 : _a.setHours(23, 59, 59, 999);
-            return super.handleChangeEvent(data);
-        }
-        super.handleChangeEvent(null);
-    }
-    toISO(value) {
-        if (value instanceof Date) {
-            const year = value.getFullYear();
-            const month = (value.getMonth() + 1).toString().padStart(2, '0');
-            const day = value.getDate().toString().padStart(2, '0');
-            return `${year}-${month}-${day}`;
-        }
-        return undefined;
-    }
-    toDate(value) {
-        var _a;
-        const [match, year, month, day] = (_a = value === null || value === void 0 ? void 0 : value.match(/^(\d{4})-(\d{2})-(\d{2})/)) !== null && _a !== void 0 ? _a : [];
-        return match ? new Date(Number(year), Number(month) - 1, Number(day)) : null;
-    }
-}
-DateValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DateValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-DateValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: DateValueAccessor, selector: "cat-date, cat-date-inline", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: DateValueAccessor,
-            multi: true
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DateValueAccessor, decorators: [{
-            type: Directive,
-            args: [{
-                    /* tslint:disable-next-line:directive-selector */
-                    selector: 'cat-date, cat-date-inline',
-                    host: {
-                        '(catChange)': 'handleChangeEvent($event.target.value)'
-                    },
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: DateValueAccessor,
-                            multi: true
-                        }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-
 class RadioValueAccessor extends ValueAccessor {
     constructor(el) {
         super(el);
@@ -1182,58 +1368,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
-class TimeValueAccessor extends ValueAccessor {
-    constructor(el) {
-        super(el);
-    }
-    get nativeElement() {
-        return this.el.nativeElement;
-    }
-    writeValue(value) {
-        if (value && value instanceof Date) {
-            const hours = value.getHours().toString().padStart(2, '0');
-            const mins = value.getMinutes().toString().padStart(2, '0');
-            return super.writeValue(`${hours}:${mins}`);
-        }
-        return super.writeValue(undefined);
-    }
-    handleChangeEvent(value) {
-        var _a;
-        const [match, hours, mins] = (_a = value === null || value === void 0 ? void 0 : value.match(/^(\d{2}):(\d{2})/)) !== null && _a !== void 0 ? _a : [];
-        if (match) {
-            const date = new Date();
-            date.setHours(Number(hours), Number(mins), 0, 0);
-            return super.handleChangeEvent(date);
-        }
-        return super.handleChangeEvent(null);
-    }
-}
-TimeValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimeValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TimeValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: TimeValueAccessor, selector: "cat-time", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: TimeValueAccessor,
-            multi: true
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimeValueAccessor, decorators: [{
-            type: Directive,
-            args: [{
-                    /* tslint:disable-next-line:directive-selector */
-                    selector: 'cat-time',
-                    host: {
-                        '(catChange)': 'handleChangeEvent($event.target.value)'
-                    },
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: TimeValueAccessor,
-                            multi: true
-                        }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-
 class ValueAccessorDecorator {
     constructor(el, controlDirective, controlContainer) {
         this.el = el;
@@ -1289,140 +1423,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }] } });
 
-class DatetimeComponent {
-    get min() {
-        var _a;
-        return (_a = this._min) !== null && _a !== void 0 ? _a : null;
-    }
-    set min(value) {
-        this._min = value;
-        setTimeout(() => {
-            var _a;
-            const min = value ? this.toLocalISODate(value) : undefined;
-            (_a = this.dateInput) === null || _a === void 0 ? void 0 : _a.nativeElement.setAttribute('min', min);
-            this.limitTime('min');
-        });
-    }
-    get max() {
-        var _a;
-        return (_a = this._max) !== null && _a !== void 0 ? _a : null;
-    }
-    set max(value) {
-        this._max = value;
-        setTimeout(() => {
-            var _a;
-            const max = value ? this.toLocalISODate(value) : undefined;
-            (_a = this.dateInput) === null || _a === void 0 ? void 0 : _a.nativeElement.setAttribute('max', max);
-            this.limitTime('max');
-        });
-    }
-    ngAfterContentInit() {
-        if (!this.dateInput) {
-            throw new Error('Missing child element <cat-date></cat-date>');
-        }
-        if (!this.timeInput) {
-            throw new Error('Missing child element <cat-time></cat-time>');
-        }
-    }
-    writeValue(value) {
-        this.lastValue = this.lastDateValue = this.lastTimeValue = value;
-        setTimeout(() => {
-            var _a, _b;
-            (_a = this.dateInput) === null || _a === void 0 ? void 0 : _a.writeValue(value);
-            (_b = this.timeInput) === null || _b === void 0 ? void 0 : _b.writeValue(value);
-        });
-    }
-    registerOnChange(fn) {
-        setTimeout(() => {
-            var _a, _b;
-            (_a = this.dateInput) === null || _a === void 0 ? void 0 : _a.registerOnChange((value) => {
-                this.lastDateValue = value;
-                this.limitTime('min');
-                this.limitTime('max');
-                fn(this.value);
-            });
-            (_b = this.timeInput) === null || _b === void 0 ? void 0 : _b.registerOnChange((value) => {
-                this.lastTimeValue = value;
-                fn(this.value);
-            });
-        });
-    }
-    registerOnTouched(fn) {
-        setTimeout(() => {
-            var _a, _b;
-            (_a = this.dateInput) === null || _a === void 0 ? void 0 : _a.registerOnTouched(fn);
-            (_b = this.timeInput) === null || _b === void 0 ? void 0 : _b.registerOnTouched(fn);
-        });
-    }
-    setDisabledState(isDisabled) {
-        setTimeout(() => {
-            var _a, _b;
-            (_a = this.dateInput) === null || _a === void 0 ? void 0 : _a.setDisabledState(isDisabled);
-            (_b = this.timeInput) === null || _b === void 0 ? void 0 : _b.setDisabledState(isDisabled);
-        });
-    }
-    get value() {
-        if (this.lastDateValue && this.lastTimeValue) {
-            const result = new Date(this.lastDateValue);
-            result.setHours(this.lastTimeValue.getHours(), this.lastTimeValue.getMinutes(), this.lastTimeValue.getSeconds(), this.lastTimeValue.getMilliseconds());
-            return result;
-        }
-        return null;
-    }
-    limitTime(mode) {
-        var _a, _b;
-        const limit = mode === 'min' ? this.min : this.max;
-        const limitIso = limit ? this.toLocalISODate(limit) : undefined;
-        const dateIso = this.lastDateValue ? this.toLocalISODate(this.lastDateValue) : undefined;
-        const attr = limit && limitIso === dateIso ? this.toLocalISOTime(limit) : undefined;
-        if (attr) {
-            (_a = this.timeInput) === null || _a === void 0 ? void 0 : _a.nativeElement.setAttribute(mode, attr);
-        }
-        else {
-            (_b = this.timeInput) === null || _b === void 0 ? void 0 : _b.nativeElement.removeAttribute(mode);
-        }
-    }
-    toLocalISODate(value) {
-        const year = value.getFullYear();
-        const month = (value.getMonth() + 1).toString().padStart(2, '0');
-        const day = value.getDate().toString().padStart(2, '0');
-        return `${year}-${month}-${day}`;
-    }
-    toLocalISOTime(value) {
-        const hours = value.getHours().toString().padStart(2, '0');
-        const mins = value.getMinutes().toString().padStart(2, '0');
-        return `${hours}:${mins}`;
-    }
-}
-DatetimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DatetimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DatetimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DatetimeComponent, selector: "cat-datetime", inputs: { min: "min", max: "max" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: DatetimeComponent,
-            multi: true
-        }
-    ], queries: [{ propertyName: "dateInput", first: true, predicate: DateValueAccessor, descendants: true }, { propertyName: "timeInput", first: true, predicate: TimeValueAccessor, descendants: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["cat-datetime{display:contents}\n"], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DatetimeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cat-datetime', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: DatetimeComponent,
-                            multi: true
-                        }
-                    ], styles: ["cat-datetime{display:contents}\n"] }]
-        }], propDecorators: { dateInput: [{
-                type: ContentChild,
-                args: [DateValueAccessor]
-            }], timeInput: [{
-                type: ContentChild,
-                args: [TimeValueAccessor]
-            }], min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }] } });
-
 const CatComponents = [
     CatAlert,
     CatAvatar,
@@ -1448,6 +1448,7 @@ const CatComponents = [
     CatTab,
     CatTabs,
     CatTextarea,
+    CatTime,
     CatToggle,
     CatTooltip
 ];
@@ -1471,7 +1472,7 @@ class CatalystModule {
     }
 }
 CatalystModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalystModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CatalystModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: CatalystModule, declarations: [CatAlert, CatAvatar, CatBadge, CatButton, CatButtonGroup, CatCard, CatCheckbox, CatDate, CatDateInline, CatDatepicker, CatDropdown, CatFormGroup, CatIcon, CatInput, CatPagination, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatToggle, CatTooltip, BooleanValueAccessor,
+CatalystModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: CatalystModule, declarations: [CatAlert, CatAvatar, CatBadge, CatButton, CatButtonGroup, CatCard, CatCheckbox, CatDate, CatDateInline, CatDatepicker, CatDropdown, CatFormGroup, CatIcon, CatInput, CatPagination, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatTime, CatToggle, CatTooltip, BooleanValueAccessor,
         DateValueAccessor,
         RadioValueAccessor,
         SelectValueAccessor,
@@ -1481,7 +1482,7 @@ CatalystModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         ValueAccessorDecorator,
         DatetimeComponent, CatDialogComponent,
         CatDialogHeaderComponent,
-        CatDialogActionsComponent], imports: [CommonModule, DialogModule], exports: [CatAlert, CatAvatar, CatBadge, CatButton, CatButtonGroup, CatCard, CatCheckbox, CatDate, CatDateInline, CatDatepicker, CatDropdown, CatFormGroup, CatIcon, CatInput, CatPagination, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatToggle, CatTooltip, BooleanValueAccessor,
+        CatDialogActionsComponent], imports: [CommonModule, DialogModule], exports: [CatAlert, CatAvatar, CatBadge, CatButton, CatButtonGroup, CatCard, CatCheckbox, CatDate, CatDateInline, CatDatepicker, CatDropdown, CatFormGroup, CatIcon, CatInput, CatPagination, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatTime, CatToggle, CatTooltip, BooleanValueAccessor,
         DateValueAccessor,
         RadioValueAccessor,
         SelectValueAccessor,