@cuby-ui/core 0.0.151 → 0.0.152
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/input-time/input-time.component.d.ts +8 -5
- package/components/input-time/input-time.module.d.ts +3 -3
- package/esm2020/components/input-time/input-time.component.mjs +22 -11
- package/esm2020/components/input-time/input-time.module.mjs +7 -11
- package/fesm2015/cuby-ui-core.mjs +26 -19
- package/fesm2015/cuby-ui-core.mjs.map +1 -1
- package/fesm2020/cuby-ui-core.mjs +26 -19
- package/fesm2020/cuby-ui-core.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import type { ElementRef } from '@angular/core';
|
|
2
2
|
import type { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import type { MaskitoOptions } from '@maskito/core';
|
|
4
|
-
import { CuiNullable, CuiOnChange, CuiOnTouched } from '@cuby-ui/cdk';
|
|
4
|
+
import type { CuiNullable, CuiOnChange, CuiOnTouched } from '@cuby-ui/cdk';
|
|
5
|
+
import { CuiTime } from '@cuby-ui/cdk';
|
|
5
6
|
import { CuiInputTimeOptions } from './input-time.options';
|
|
6
7
|
import type { CuiSizeMd, CuiSizeSm } from '../../types';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
@@ -9,20 +10,22 @@ export declare class CuiInputTimeComponent implements CuiInputTimeOptions, Contr
|
|
|
9
10
|
private readonly changeDetectorRef;
|
|
10
11
|
private readonly cuiTextFieldController;
|
|
11
12
|
private readonly options;
|
|
13
|
+
protected _mode: import("@cuby-ui/cdk").CuiTimeMode;
|
|
12
14
|
protected maskOptions: MaskitoOptions;
|
|
13
15
|
protected defaultPlaceholder: string;
|
|
14
|
-
protected value: CuiNullable<
|
|
15
|
-
protected onChange: CuiOnChange<
|
|
16
|
+
protected value: CuiNullable<CuiTime>;
|
|
17
|
+
protected onChange: CuiOnChange<CuiNullable<CuiTime>>;
|
|
16
18
|
protected onTouched: CuiOnTouched;
|
|
17
19
|
set mode(value: CuiInputTimeOptions['mode']);
|
|
18
20
|
protected isDisabled: boolean;
|
|
19
21
|
protected input: ElementRef<HTMLInputElement>;
|
|
20
22
|
protected get id(): string | undefined;
|
|
21
23
|
protected get placeholder(): string | undefined;
|
|
24
|
+
get computedValue(): string;
|
|
22
25
|
protected get size(): CuiSizeSm | CuiSizeMd;
|
|
23
26
|
protected get isError(): boolean;
|
|
24
|
-
writeValue(value: CuiNullable<
|
|
25
|
-
registerOnChange(fn: CuiOnChange<
|
|
27
|
+
writeValue(value: CuiNullable<CuiTime>): void;
|
|
28
|
+
registerOnChange(fn: CuiOnChange<CuiNullable<CuiTime>>): void;
|
|
26
29
|
registerOnTouched(fn: CuiOnTouched): void;
|
|
27
30
|
setDisabledState(isDisabled: boolean): void;
|
|
28
31
|
protected onInput(event: Event): void;
|
|
@@ -2,10 +2,10 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "./input-time.component";
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
4
|
import * as i3 from "@angular/forms";
|
|
5
|
-
import * as i4 from "
|
|
6
|
-
import * as i5 from "
|
|
5
|
+
import * as i4 from "@maskito/angular";
|
|
6
|
+
import * as i5 from "../svg/svg.module";
|
|
7
7
|
export declare class InputTimeModule {
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputTimeModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<InputTimeModule, [typeof i1.CuiInputTimeComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<InputTimeModule, [typeof i1.CuiInputTimeComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MaskitoDirective, typeof i5.CuiSvgModule], [typeof i1.CuiInputTimeComponent]>;
|
|
10
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<InputTimeModule>;
|
|
11
11
|
}
|
|
@@ -1,23 +1,25 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, HostBinding, HostListener, inject, Input, ViewChild } from '@angular/core';
|
|
2
2
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
3
|
import { maskitoTimeOptionsGenerator } from '@maskito/kit';
|
|
4
|
-
import { cuiProvide } from '@cuby-ui/cdk';
|
|
4
|
+
import { cuiProvide, CuiTime } from '@cuby-ui/cdk';
|
|
5
5
|
import { CUI_INPUT_TIME_OPTIONS } from './input-time.options';
|
|
6
6
|
import { CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FILED_CONTROLLER_PROVIDER } from '../../directives';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
import * as i1 from "@angular/forms";
|
|
9
|
-
import * as i2 from "
|
|
10
|
-
import * as i3 from "
|
|
9
|
+
import * as i2 from "@maskito/angular";
|
|
10
|
+
import * as i3 from "../svg/svg.component";
|
|
11
11
|
export class CuiInputTimeComponent {
|
|
12
12
|
constructor() {
|
|
13
13
|
this.changeDetectorRef = inject(ChangeDetectorRef);
|
|
14
14
|
this.cuiTextFieldController = inject(CUI_TEXT_FIELD_CONTROLLER);
|
|
15
15
|
this.options = inject(CUI_INPUT_TIME_OPTIONS);
|
|
16
|
-
this.
|
|
17
|
-
this.
|
|
16
|
+
this._mode = this.options.mode;
|
|
17
|
+
this.maskOptions = this.generateMask(this._mode);
|
|
18
|
+
this.defaultPlaceholder = this._mode.toLowerCase();
|
|
18
19
|
}
|
|
19
20
|
set mode(value) {
|
|
20
|
-
this.
|
|
21
|
+
this._mode = value;
|
|
22
|
+
this.maskOptions = this.generateMask(value);
|
|
21
23
|
this.defaultPlaceholder = value.toLowerCase();
|
|
22
24
|
}
|
|
23
25
|
get id() {
|
|
@@ -26,6 +28,9 @@ export class CuiInputTimeComponent {
|
|
|
26
28
|
get placeholder() {
|
|
27
29
|
return this.cuiTextFieldController.placeholder ?? this.defaultPlaceholder;
|
|
28
30
|
}
|
|
31
|
+
get computedValue() {
|
|
32
|
+
return this.value ? this.value.toString() : '';
|
|
33
|
+
}
|
|
29
34
|
get size() {
|
|
30
35
|
return this.cuiTextFieldController.size;
|
|
31
36
|
}
|
|
@@ -47,8 +52,14 @@ export class CuiInputTimeComponent {
|
|
|
47
52
|
this.changeDetectorRef.markForCheck();
|
|
48
53
|
}
|
|
49
54
|
onInput(event) {
|
|
50
|
-
|
|
51
|
-
|
|
55
|
+
const value = event.target.value;
|
|
56
|
+
if (value.length !== this._mode.length) {
|
|
57
|
+
this.value = null;
|
|
58
|
+
this.onChange(this.value);
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
const time = CuiTime.fromString(value);
|
|
62
|
+
this.onChange(time);
|
|
52
63
|
}
|
|
53
64
|
onFocus() {
|
|
54
65
|
this.input.nativeElement.focus();
|
|
@@ -61,13 +72,13 @@ CuiInputTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ve
|
|
|
61
72
|
CuiInputTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiInputTimeComponent, selector: "cui-input-time", inputs: { mode: "mode" }, host: { listeners: { "click": "onFocus()" }, properties: { "class._disabled": "this.isDisabled", "attr.data-size": "this.size", "class._with-error": "this.isError" } }, providers: [
|
|
62
73
|
CUI_TEXT_FILED_CONTROLLER_PROVIDER,
|
|
63
74
|
cuiProvide(NG_VALUE_ACCESSOR, CuiInputTimeComponent, true)
|
|
64
|
-
], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<cui-svg\n icon=\"cuiIconClock\"\n color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n #input\n [ngModel]=\"
|
|
75
|
+
], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<cui-svg\n icon=\"cuiIconClock\"\n color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n #input\n [ngModel]=\"computedValue\"\n [attr.id]=\"id\"\n [attr.placeholder]=\"placeholder\"\n type=\"text\"\n [maskito]=\"maskOptions\"\n [disabled]=\"isDisabled\"\n class=\"c-input\"\n (input)=\"onInput($event)\"\n (focus)=\"onTouched()\"\n>", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;display:flex}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: i3.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
65
76
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiInputTimeComponent, decorators: [{
|
|
66
77
|
type: Component,
|
|
67
78
|
args: [{ selector: 'cui-input-time', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
68
79
|
CUI_TEXT_FILED_CONTROLLER_PROVIDER,
|
|
69
80
|
cuiProvide(NG_VALUE_ACCESSOR, CuiInputTimeComponent, true)
|
|
70
|
-
], template: "<cui-svg\n icon=\"cuiIconClock\"\n color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n #input\n [ngModel]=\"
|
|
81
|
+
], template: "<cui-svg\n icon=\"cuiIconClock\"\n color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n #input\n [ngModel]=\"computedValue\"\n [attr.id]=\"id\"\n [attr.placeholder]=\"placeholder\"\n type=\"text\"\n [maskito]=\"maskOptions\"\n [disabled]=\"isDisabled\"\n class=\"c-input\"\n (input)=\"onInput($event)\"\n (focus)=\"onTouched()\"\n>", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;display:flex}\n"] }]
|
|
71
82
|
}], propDecorators: { mode: [{
|
|
72
83
|
type: Input
|
|
73
84
|
}], isDisabled: [{
|
|
@@ -86,4 +97,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
86
97
|
type: HostListener,
|
|
87
98
|
args: ['click']
|
|
88
99
|
}] } });
|
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGltZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvaW5wdXQtdGltZS9pbnB1dC10aW1lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9pbnB1dC10aW1lL2lucHV0LXRpbWUudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsV0FBVyxFQUNYLFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVuRCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFHM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFbkQsT0FBTyxFQUFFLHNCQUFzQixFQUF1QixNQUFNLHNCQUFzQixDQUFDO0FBRW5GLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7OztBQVlqRyxNQUFNLE9BQU8scUJBQXFCO0lBVmxDO1FBV21CLHNCQUFpQixHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQzlDLDJCQUFzQixHQUFHLE1BQU0sQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1FBQzNELFlBQU8sR0FBRyxNQUFNLENBQUMsc0JBQXNCLENBQUMsQ0FBQztRQUVoRCxVQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUE7UUFDekIsZ0JBQVcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM1Qyx1QkFBa0IsR0FB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dUJBQUMsaUJBQWlCO2dCQUlwQixLQUFLO3NCQURkLFNBQVM7dUJBQUMsT0FBTztnQkFnQkosSUFBSTtzQkFEakIsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBTWYsT0FBTztzQkFEcEIsV0FBVzt1QkFBQyxtQkFBbUI7Z0JBeUN0QixPQUFPO3NCQURoQixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgSG9zdExpc3RlbmVyLFxuICBpbmplY3QsXG4gIElucHV0LFxuICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgdHlwZSB7IE1hc2tpdG9UaW1lTW9kZSB9IGZyb20gJ0BtYXNraXRvL2tpdCc7XG5pbXBvcnQgeyBtYXNraXRvVGltZU9wdGlvbnNHZW5lcmF0b3IgfSBmcm9tICdAbWFza2l0by9raXQnO1xuaW1wb3J0IHR5cGUgeyBNYXNraXRvT3B0aW9ucyB9IGZyb20gJ0BtYXNraXRvL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBDdWlOdWxsYWJsZSwgQ3VpT25DaGFuZ2UsIEN1aU9uVG91Y2hlZCB9IGZyb20gJ0BjdWJ5LXVpL2Nkayc7XG5pbXBvcnQgeyBjdWlQcm92aWRlLCBDdWlUaW1lIH0gZnJvbSAnQGN1YnktdWkvY2RrJztcblxuaW1wb3J0IHsgQ1VJX0lOUFVUX1RJTUVfT1BUSU9OUywgQ3VpSW5wdXRUaW1lT3B0aW9ucyB9IGZyb20gJy4vaW5wdXQtdGltZS5vcHRpb25zJztcbmltcG9ydCB0eXBlIHsgQ3VpU2l6ZU1kLCBDdWlTaXplU20gfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBDVUlfVEVYVF9GSUVMRF9DT05UUk9MTEVSLCBDVUlfVEVYVF9GSUxFRF9DT05UUk9MTEVSX1BST1ZJREVSIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N1aS1pbnB1dC10aW1lJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LXRpbWUudGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LXRpbWUuc3R5bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAgQ1VJX1RFWFRfRklMRURfQ09OVFJPTExFUl9QUk9WSURFUixcbiAgICBjdWlQcm92aWRlKE5HX1ZBTFVFX0FDQ0VTU09SLCBDdWlJbnB1dFRpbWVDb21wb25lbnQsIHRydWUpXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQ3VpSW5wdXRUaW1lQ29tcG9uZW50IGltcGxlbWVudHMgQ3VpSW5wdXRUaW1lT3B0aW9ucywgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBwcml2YXRlIHJlYWRvbmx5IGNoYW5nZURldGVjdG9yUmVmID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcbiAgcHJpdmF0ZSByZWFkb25seSBjdWlUZXh0RmllbGRDb250cm9sbGVyID0gaW5qZWN0KENVSV9URVhUX0ZJRUxEX0NPTlRST0xMRVIpO1xuICBwcml2YXRlIHJlYWRvbmx5IG9wdGlvbnMgPSBpbmplY3QoQ1VJX0lOUFVUX1RJTUVfT1BUSU9OUyk7XG5cbiAgcHJvdGVjdGVkIF9tb2RlID0gdGhpcy5vcHRpb25zLm1vZGVcbiAgcHJvdGVjdGVkIG1hc2tPcHRpb25zID0gdGhpcy5nZW5lcmF0ZU1hc2sodGhpcy5fbW9kZSk7XG4gIHByb3RlY3RlZCBkZWZhdWx0UGxhY2Vob2xkZXIgPSB0aGlzLl9tb2RlLnRvTG93ZXJDYXNlKCk7XG4gIHByb3RlY3RlZCB2YWx1ZSE6IEN1aU51bGxhYmxlPEN1aVRpbWU+O1xuICBwcm90ZWN0ZWQgb25DaGFuZ2UhOiBDdWlPbkNoYW5nZTxDdWlOdWxsYWJsZTxDdWlUaW1lPj47XG4gIHByb3RlY3RlZCBvblRvdWNoZWQhOiBDdWlPblRvdWNoZWQ7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBtb2RlKHZhbHVlOiBDdWlJbnB1dFRpbWVPcHRpb25zWydtb2RlJ10pIHtcbiAgICB0aGlzLl9tb2RlID0gdmFsdWU7XG4gICAgdGhpcy5tYXNrT3B0aW9ucyA9IHRoaXMuZ2VuZXJhdGVNYXNrKHZhbHVlKTtcbiAgICB0aGlzLmRlZmF1bHRQbGFjZWhvbGRlciA9IHZhbHVlLnRvTG93ZXJDYXNlKCk7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLl9kaXNhYmxlZCcpXG4gIHByb3RlY3RlZCBpc0Rpc2FibGVkITogYm9vbGVhbjtcblxuICBAVmlld0NoaWxkKCdpbnB1dCcpXG4gIHByb3RlY3RlZCBpbnB1dCE6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG5cbiAgcHJvdGVjdGVkIGdldCBpZCgpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLmN1aVRleHRGaWVsZENvbnRyb2xsZXIuaWQ7XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0IHBsYWNlaG9sZGVyKCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuY3VpVGV4dEZpZWxkQ29udHJvbGxlci5wbGFjZWhvbGRlciA/PyB0aGlzLmRlZmF1bHRQbGFjZWhvbGRlcjtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgY29tcHV0ZWRWYWx1ZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnZhbHVlID8gdGhpcy52YWx1ZS50b1N0cmluZygpIDogJyc7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zaXplJylcbiAgcHJvdGVjdGVkIGdldCBzaXplKCk6IEN1aVNpemVTbSB8IEN1aVNpemVNZCB7XG4gICAgcmV0dXJuIHRoaXMuY3VpVGV4dEZpZWxkQ29udHJvbGxlci5zaXplO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5fd2l0aC1lcnJvcicpXG4gIHByb3RlY3RlZCBnZXQgaXNFcnJvcigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5jdWlUZXh0RmllbGRDb250cm9sbGVyLmlzRXJyb3I7XG4gIH1cblxuICBwdWJsaWMgd3JpdGVWYWx1ZSh2YWx1ZTogQ3VpTnVsbGFibGU8Q3VpVGltZT4pOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG5cbiAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2UoZm46IEN1aU9uQ2hhbmdlPEN1aU51bGxhYmxlPEN1aVRpbWU+Pik6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbjogQ3VpT25Ub3VjaGVkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHB1YmxpYyBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmlzRGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHZhbHVlID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZTtcblxuICAgIGlmICh2YWx1ZS5sZW5ndGggIT09IHRoaXMuX21vZGUubGVuZ3RoKSB7XG4gICAgICB0aGlzLnZhbHVlID0gbnVsbDtcbiAgICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG5cbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCB0aW1lID0gQ3VpVGltZS5mcm9tU3RyaW5nKHZhbHVlKTtcblxuICAgIHRoaXMub25DaGFuZ2UodGltZSk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIHByb3RlY3RlZCBvbkZvY3VzKCk6IHZvaWQge1xuICAgIHRoaXMuaW5wdXQubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICB9XG5cbiAgcHJpdmF0ZSBnZW5lcmF0ZU1hc2sobW9kZTogTWFza2l0b1RpbWVNb2RlKTogTWFza2l0b09wdGlvbnMge1xuICAgIHJldHVybiBtYXNraXRvVGltZU9wdGlvbnNHZW5lcmF0b3IoeyBtb2RlIH0pO1xuICB9XG59XG4iLCI8Y3VpLXN2Z1xuICBpY29uPVwiY3VpSWNvbkNsb2NrXCJcbiAgY29sb3I9XCJ2YXIoLS1jdWktYmFzZS01MDApXCJcbj48L2N1aS1zdmc+XG48aW5wdXRcbiAgI2lucHV0XG4gIFtuZ01vZGVsXT1cImNvbXB1dGVkVmFsdWVcIlxuICBbYXR0ci5pZF09XCJpZFwiXG4gIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgdHlwZT1cInRleHRcIlxuICBbbWFza2l0b109XCJtYXNrT3B0aW9uc1wiXG4gIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcbiAgY2xhc3M9XCJjLWlucHV0XCJcbiAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gIChmb2N1cyk9XCJvblRvdWNoZWQoKVwiXG4+Il19
|
|
@@ -10,8 +10,8 @@ export class InputTimeModule {
|
|
|
10
10
|
InputTimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InputTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
11
|
InputTimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: InputTimeModule, declarations: [CuiInputTimeComponent], imports: [CommonModule,
|
|
12
12
|
FormsModule,
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
MaskitoDirective,
|
|
14
|
+
CuiSvgModule], exports: [CuiInputTimeComponent] });
|
|
15
15
|
InputTimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InputTimeModule, imports: [CommonModule,
|
|
16
16
|
FormsModule,
|
|
17
17
|
CuiSvgModule] });
|
|
@@ -21,15 +21,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
21
21
|
imports: [
|
|
22
22
|
CommonModule,
|
|
23
23
|
FormsModule,
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
MaskitoDirective,
|
|
25
|
+
CuiSvgModule
|
|
26
26
|
],
|
|
27
|
-
declarations: [
|
|
28
|
-
|
|
29
|
-
],
|
|
30
|
-
exports: [
|
|
31
|
-
CuiInputTimeComponent
|
|
32
|
-
]
|
|
27
|
+
declarations: [CuiInputTimeComponent],
|
|
28
|
+
exports: [CuiInputTimeComponent]
|
|
33
29
|
}]
|
|
34
30
|
}] });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGltZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvaW5wdXQtdGltZS9pbnB1dC10aW1lLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFcEQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFFBQVEsQ0FBQzs7QUFZdEMsTUFBTSxPQUFPLGVBQWU7OzZHQUFmLGVBQWU7OEdBQWYsZUFBZSxpQkFIWCxxQkFBcUIsYUFMbEMsWUFBWTtRQUNaLFdBQVc7UUFDWCxnQkFBZ0I7UUFDaEIsWUFBWSxhQUdKLHFCQUFxQjs4R0FFcEIsZUFBZSxZQVJ4QixZQUFZO1FBQ1osV0FBVztRQUVYLFlBQVk7NEZBS0gsZUFBZTtrQkFWM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLGdCQUFnQjt3QkFDaEIsWUFBWTtxQkFDYjtvQkFDRCxZQUFZLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztvQkFDckMsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7aUJBQ2pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1hc2tpdG9EaXJlY3RpdmUgfSBmcm9tICdAbWFza2l0by9hbmd1bGFyJztcblxuaW1wb3J0IHsgQ3VpSW5wdXRUaW1lQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dC10aW1lLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDdWlTdmdNb2R1bGUgfSBmcm9tICcuLi9zdmcnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIE1hc2tpdG9EaXJlY3RpdmUsXG4gICAgQ3VpU3ZnTW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW0N1aUlucHV0VGltZUNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtDdWlJbnB1dFRpbWVDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIElucHV0VGltZU1vZHVsZSB7XG59XG4iXX0=
|
|
@@ -5,14 +5,14 @@ import { CommonModule, DOCUMENT } from '@angular/common';
|
|
|
5
5
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
6
6
|
import { cuiIsIcon, CUI_ICONS } from '@cuby-ui/icons';
|
|
7
7
|
import * as i2 from '@cuby-ui/cdk';
|
|
8
|
-
import { cuiCreateToken, cuiCreateTokenFromFactory, CuiDestroyService, CuiLetDirective, CuiFilterPipe, CuiPopoverService, CUI_LOCAL_STORAGE, CuiItemDirective, CuiFocusTrapDirective, CUI_WINDOW, CuiClickOutsideDirective, CuiTargetDirective, cuiProvide, CuiAutoResizingDirective } from '@cuby-ui/cdk';
|
|
8
|
+
import { cuiCreateToken, cuiCreateTokenFromFactory, CuiDestroyService, CuiLetDirective, CuiFilterPipe, CuiPopoverService, CUI_LOCAL_STORAGE, CuiItemDirective, CuiFocusTrapDirective, CUI_WINDOW, CuiClickOutsideDirective, CuiTargetDirective, cuiProvide, CuiTime, CuiAutoResizingDirective } from '@cuby-ui/cdk';
|
|
9
9
|
import { BehaviorSubject, takeUntil, fromEvent, take } from 'rxjs';
|
|
10
10
|
import * as i2$1 from '@tinkoff/ng-polymorpheus';
|
|
11
11
|
import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
|
|
12
12
|
import * as i2$2 from '@angular/forms';
|
|
13
13
|
import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
|
|
14
14
|
import { maskitoTimeOptionsGenerator } from '@maskito/kit';
|
|
15
|
-
import * as
|
|
15
|
+
import * as i2$3 from '@maskito/angular';
|
|
16
16
|
import { MaskitoDirective } from '@maskito/angular';
|
|
17
17
|
|
|
18
18
|
class CuiAccordionComponent {
|
|
@@ -1847,11 +1847,13 @@ class CuiInputTimeComponent {
|
|
|
1847
1847
|
this.changeDetectorRef = inject(ChangeDetectorRef);
|
|
1848
1848
|
this.cuiTextFieldController = inject(CUI_TEXT_FIELD_CONTROLLER);
|
|
1849
1849
|
this.options = inject(CUI_INPUT_TIME_OPTIONS);
|
|
1850
|
-
this.
|
|
1851
|
-
this.
|
|
1850
|
+
this._mode = this.options.mode;
|
|
1851
|
+
this.maskOptions = this.generateMask(this._mode);
|
|
1852
|
+
this.defaultPlaceholder = this._mode.toLowerCase();
|
|
1852
1853
|
}
|
|
1853
1854
|
set mode(value) {
|
|
1854
|
-
this.
|
|
1855
|
+
this._mode = value;
|
|
1856
|
+
this.maskOptions = this.generateMask(value);
|
|
1855
1857
|
this.defaultPlaceholder = value.toLowerCase();
|
|
1856
1858
|
}
|
|
1857
1859
|
get id() {
|
|
@@ -1861,6 +1863,9 @@ class CuiInputTimeComponent {
|
|
|
1861
1863
|
var _a;
|
|
1862
1864
|
return (_a = this.cuiTextFieldController.placeholder) !== null && _a !== void 0 ? _a : this.defaultPlaceholder;
|
|
1863
1865
|
}
|
|
1866
|
+
get computedValue() {
|
|
1867
|
+
return this.value ? this.value.toString() : '';
|
|
1868
|
+
}
|
|
1864
1869
|
get size() {
|
|
1865
1870
|
return this.cuiTextFieldController.size;
|
|
1866
1871
|
}
|
|
@@ -1882,8 +1887,14 @@ class CuiInputTimeComponent {
|
|
|
1882
1887
|
this.changeDetectorRef.markForCheck();
|
|
1883
1888
|
}
|
|
1884
1889
|
onInput(event) {
|
|
1885
|
-
|
|
1886
|
-
|
|
1890
|
+
const value = event.target.value;
|
|
1891
|
+
if (value.length !== this._mode.length) {
|
|
1892
|
+
this.value = null;
|
|
1893
|
+
this.onChange(this.value);
|
|
1894
|
+
return;
|
|
1895
|
+
}
|
|
1896
|
+
const time = CuiTime.fromString(value);
|
|
1897
|
+
this.onChange(time);
|
|
1887
1898
|
}
|
|
1888
1899
|
onFocus() {
|
|
1889
1900
|
this.input.nativeElement.focus();
|
|
@@ -1896,13 +1907,13 @@ CuiInputTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ve
|
|
|
1896
1907
|
CuiInputTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiInputTimeComponent, selector: "cui-input-time", inputs: { mode: "mode" }, host: { listeners: { "click": "onFocus()" }, properties: { "class._disabled": "this.isDisabled", "attr.data-size": "this.size", "class._with-error": "this.isError" } }, providers: [
|
|
1897
1908
|
CUI_TEXT_FILED_CONTROLLER_PROVIDER,
|
|
1898
1909
|
cuiProvide(NG_VALUE_ACCESSOR, CuiInputTimeComponent, true)
|
|
1899
|
-
], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<cui-svg\n icon=\"cuiIconClock\"\n color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n #input\n [ngModel]=\"
|
|
1910
|
+
], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<cui-svg\n icon=\"cuiIconClock\"\n color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n #input\n [ngModel]=\"computedValue\"\n [attr.id]=\"id\"\n [attr.placeholder]=\"placeholder\"\n type=\"text\"\n [maskito]=\"maskOptions\"\n [disabled]=\"isDisabled\"\n class=\"c-input\"\n (input)=\"onInput($event)\"\n (focus)=\"onTouched()\"\n>", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;display:flex}\n"], dependencies: [{ kind: "directive", type: i2$2.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$3.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1900
1911
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiInputTimeComponent, decorators: [{
|
|
1901
1912
|
type: Component,
|
|
1902
1913
|
args: [{ selector: 'cui-input-time', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
1903
1914
|
CUI_TEXT_FILED_CONTROLLER_PROVIDER,
|
|
1904
1915
|
cuiProvide(NG_VALUE_ACCESSOR, CuiInputTimeComponent, true)
|
|
1905
|
-
], template: "<cui-svg\n icon=\"cuiIconClock\"\n color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n #input\n [ngModel]=\"
|
|
1916
|
+
], template: "<cui-svg\n icon=\"cuiIconClock\"\n color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n #input\n [ngModel]=\"computedValue\"\n [attr.id]=\"id\"\n [attr.placeholder]=\"placeholder\"\n type=\"text\"\n [maskito]=\"maskOptions\"\n [disabled]=\"isDisabled\"\n class=\"c-input\"\n (input)=\"onInput($event)\"\n (focus)=\"onTouched()\"\n>", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;display:flex}\n"] }]
|
|
1906
1917
|
}], propDecorators: { mode: [{
|
|
1907
1918
|
type: Input
|
|
1908
1919
|
}], isDisabled: [{
|
|
@@ -1927,8 +1938,8 @@ class InputTimeModule {
|
|
|
1927
1938
|
InputTimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InputTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1928
1939
|
InputTimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: InputTimeModule, declarations: [CuiInputTimeComponent], imports: [CommonModule,
|
|
1929
1940
|
FormsModule,
|
|
1930
|
-
|
|
1931
|
-
|
|
1941
|
+
MaskitoDirective,
|
|
1942
|
+
CuiSvgModule], exports: [CuiInputTimeComponent] });
|
|
1932
1943
|
InputTimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InputTimeModule, imports: [CommonModule,
|
|
1933
1944
|
FormsModule,
|
|
1934
1945
|
CuiSvgModule] });
|
|
@@ -1938,15 +1949,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1938
1949
|
imports: [
|
|
1939
1950
|
CommonModule,
|
|
1940
1951
|
FormsModule,
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
],
|
|
1944
|
-
declarations: [
|
|
1945
|
-
CuiInputTimeComponent
|
|
1952
|
+
MaskitoDirective,
|
|
1953
|
+
CuiSvgModule
|
|
1946
1954
|
],
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
]
|
|
1955
|
+
declarations: [CuiInputTimeComponent],
|
|
1956
|
+
exports: [CuiInputTimeComponent]
|
|
1950
1957
|
}]
|
|
1951
1958
|
}] });
|
|
1952
1959
|
|