ecabs-components 0.0.6 → 0.0.7
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/esm2020/lib/base/consts/date-mask.consts.mjs +57 -0
- package/esm2020/lib/base/directives/date-mask.directive.mjs +65 -0
- package/esm2020/lib/base/directives/date-mask.directive.module.mjs +22 -0
- package/esm2020/lib/base/directives/number-border.directive.mjs +54 -0
- package/esm2020/lib/base/directives/number-border.directive.module.mjs +22 -0
- package/esm2020/lib/ecabs-date-picker/ecabs-date-picker.module.mjs +1 -12
- package/esm2020/lib/ecabs-date-time-picker/components/ecabs-date-time-picker-header/ecabs-date-time-picker-header.component.mjs +17 -0
- package/esm2020/lib/ecabs-date-time-picker/ecabs-date-time-picker.component.mjs +179 -0
- package/esm2020/lib/ecabs-date-time-picker/ecabs-date-time-picker.module.mjs +64 -0
- package/esm2020/public-api.mjs +4 -1
- package/fesm2015/ecabs-components.mjs +462 -39
- package/fesm2015/ecabs-components.mjs.map +1 -1
- package/fesm2020/ecabs-components.mjs +461 -39
- package/fesm2020/ecabs-components.mjs.map +1 -1
- package/lib/base/consts/date-mask.consts.d.ts +7 -0
- package/lib/base/directives/date-mask.directive.d.ts +16 -0
- package/lib/base/directives/date-mask.directive.module.d.ts +8 -0
- package/lib/base/directives/number-border.directive.d.ts +13 -0
- package/lib/base/directives/number-border.directive.module.d.ts +8 -0
- package/lib/ecabs-date-picker/ecabs-date-picker.module.d.ts +0 -11
- package/lib/ecabs-date-time-picker/components/ecabs-date-time-picker-header/ecabs-date-time-picker-header.component.d.ts +6 -0
- package/lib/ecabs-date-time-picker/ecabs-date-time-picker.component.d.ts +51 -0
- package/lib/ecabs-date-time-picker/ecabs-date-time-picker.module.d.ts +19 -0
- package/package.json +1 -1
- package/public-api.d.ts +3 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class MaskDateDirective implements OnInit, OnDestroy {
|
|
4
|
+
private readonly element;
|
|
5
|
+
isDateTimeMask: boolean;
|
|
6
|
+
considerSeconds: boolean;
|
|
7
|
+
maskedInputController: any;
|
|
8
|
+
mask: (string | RegExp)[];
|
|
9
|
+
maskDateTime: (string | RegExp)[];
|
|
10
|
+
maskDateTimeWithSeconds: (string | RegExp)[];
|
|
11
|
+
constructor(element: ElementRef);
|
|
12
|
+
ngOnInit(): void;
|
|
13
|
+
ngOnDestroy(): void;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MaskDateDirective, never>;
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MaskDateDirective, "[appMaskDate]", never, { "isDateTimeMask": "isDateTimeMask"; "considerSeconds": "considerSeconds"; }, {}, never, never, false>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./date-mask.directive";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class MaskDateDirectiveModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MaskDateDirectiveModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MaskDateDirectiveModule, [typeof i1.MaskDateDirective], [typeof i2.CommonModule], [typeof i1.MaskDateDirective]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<MaskDateDirectiveModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class NumberBorderDirective {
|
|
4
|
+
el: ElementRef;
|
|
5
|
+
maxValue: number;
|
|
6
|
+
minValue: number;
|
|
7
|
+
inputElement: HTMLInputElement;
|
|
8
|
+
constructor(el: ElementRef);
|
|
9
|
+
onKeyUp(e: any): void;
|
|
10
|
+
private sanitizeInput;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NumberBorderDirective, never>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NumberBorderDirective, "[appNumberBorder]", never, { "maxValue": "maxValue"; "minValue": "minValue"; }, {}, never, never, false>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./number-border.directive";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class NumberBorderDirectiveModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NumberBorderDirectiveModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NumberBorderDirectiveModule, [typeof i1.NumberBorderDirective], [typeof i2.CommonModule], [typeof i1.NumberBorderDirective]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<NumberBorderDirectiveModule>;
|
|
8
|
+
}
|
|
@@ -8,17 +8,6 @@ import * as i6 from "@angular/material/datepicker";
|
|
|
8
8
|
import * as i7 from "@angular/forms";
|
|
9
9
|
import * as i8 from "../ecabs-picker-header/ecabs-picker-header.module";
|
|
10
10
|
import * as i9 from "@angular/material/button";
|
|
11
|
-
export declare const MATERIAL_DATEPICKER_FORMATS: {
|
|
12
|
-
parse: {
|
|
13
|
-
dateInput: string;
|
|
14
|
-
};
|
|
15
|
-
display: {
|
|
16
|
-
dateInput: string;
|
|
17
|
-
monthYearLabel: string;
|
|
18
|
-
dateA11yLabel: string;
|
|
19
|
-
monthYearA11yLabel: string;
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
11
|
export declare class EcabsDatePickerModule {
|
|
23
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatePickerModule, never>;
|
|
24
13
|
static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDatePickerModule, [typeof i1.EcabsDatePickerComponent, typeof i2.EcabsDatePickerHeaderComponent], [typeof i3.CommonModule, typeof i4.ElementWrapperModule, typeof i5.MatIconModule, typeof i6.MatDatepickerModule, typeof i7.FormsModule, typeof i7.ReactiveFormsModule, typeof i8.EcabsPickerHeaderModule, typeof i9.MatButtonModule], [typeof i1.EcabsDatePickerComponent, typeof i2.EcabsDatePickerHeaderComponent]>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class EcabsDateTimePickerHeaderComponent {
|
|
3
|
+
headerLabel: string;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateTimePickerHeaderComponent, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateTimePickerHeaderComponent, "ecabs-time-date-picker-header", never, { "headerLabel": "headerLabel"; }, {}, never, never, false>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { DecimalPipe } from '@angular/common';
|
|
2
|
+
import { AfterViewInit, EventEmitter, Injector } from '@angular/core';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import ElementBaseComponent from '../base/element-base';
|
|
5
|
+
import { EcabsDateTimePickerHeaderComponent } from './components/ecabs-date-time-picker-header/ecabs-date-time-picker-header.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class EcabsDateTimePickerComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit {
|
|
8
|
+
private readonly injector;
|
|
9
|
+
private readonly decimalPipe;
|
|
10
|
+
minDate: Date;
|
|
11
|
+
maxDate: Date;
|
|
12
|
+
touchUi: boolean;
|
|
13
|
+
hideSeconds: boolean;
|
|
14
|
+
cancleLabel: string;
|
|
15
|
+
applyLabel: string;
|
|
16
|
+
selectDateLabel: string;
|
|
17
|
+
onblur: EventEmitter<any>;
|
|
18
|
+
_hours: string;
|
|
19
|
+
_minutes: string;
|
|
20
|
+
_seconds: string;
|
|
21
|
+
_date: Date;
|
|
22
|
+
_pickerValue: string;
|
|
23
|
+
val: Date;
|
|
24
|
+
header: typeof EcabsDateTimePickerHeaderComponent;
|
|
25
|
+
maxValueHours: number;
|
|
26
|
+
maxValueMinutesSeconds: number;
|
|
27
|
+
get value(): Date;
|
|
28
|
+
get pickerValue(): string;
|
|
29
|
+
get hours(): string;
|
|
30
|
+
get minutes(): string;
|
|
31
|
+
get seconds(): string;
|
|
32
|
+
set hours(value: string);
|
|
33
|
+
set minutes(value: string);
|
|
34
|
+
set seconds(value: string);
|
|
35
|
+
set value(val: Date);
|
|
36
|
+
set pickerValue(val: string);
|
|
37
|
+
constructor(injector: Injector, decimalPipe: DecimalPipe);
|
|
38
|
+
ngAfterViewInit(): void;
|
|
39
|
+
onChange: any;
|
|
40
|
+
onTouch: any;
|
|
41
|
+
writeValue(value: any): void;
|
|
42
|
+
registerOnChange(fn: any): void;
|
|
43
|
+
registerOnTouched(fn: any): void;
|
|
44
|
+
blurChange(e: any): void;
|
|
45
|
+
onApply(): void;
|
|
46
|
+
private formatDateTime;
|
|
47
|
+
private roundNumber;
|
|
48
|
+
private setValues;
|
|
49
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateTimePickerComponent, never>;
|
|
50
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateTimePickerComponent, "ecabs-date-time-picker", never, { "minDate": "minDate"; "maxDate": "maxDate"; "touchUi": "touchUi"; "hideSeconds": "hideSeconds"; "cancleLabel": "cancleLabel"; "applyLabel": "applyLabel"; "selectDateLabel": "selectDateLabel"; }, { "onblur": "onblur"; }, never, never, false>;
|
|
51
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./ecabs-date-time-picker.component";
|
|
3
|
+
import * as i2 from "./components/ecabs-date-time-picker-header/ecabs-date-time-picker-header.component";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "../base/element-wrapper/element-wrapper.module";
|
|
6
|
+
import * as i5 from "@angular/material/icon";
|
|
7
|
+
import * as i6 from "@angular/material/datepicker";
|
|
8
|
+
import * as i7 from "@angular/material/button";
|
|
9
|
+
import * as i8 from "@angular/forms";
|
|
10
|
+
import * as i9 from "../ecabs-picker-header/ecabs-picker-header.module";
|
|
11
|
+
import * as i10 from "../ecabs-buttons/ecabs-buttons.module";
|
|
12
|
+
import * as i11 from "../base/directives/digits-only.directive.module";
|
|
13
|
+
import * as i12 from "../base/directives/number-border.directive.module";
|
|
14
|
+
import * as i13 from "../base/directives/date-mask.directive.module";
|
|
15
|
+
export declare class EcabsDatetimePickerModule {
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatetimePickerModule, never>;
|
|
17
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDatetimePickerModule, [typeof i1.EcabsDateTimePickerComponent, typeof i2.EcabsDateTimePickerHeaderComponent], [typeof i3.CommonModule, typeof i4.ElementWrapperModule, typeof i5.MatIconModule, typeof i6.MatDatepickerModule, typeof i7.MatButtonModule, typeof i8.FormsModule, typeof i8.ReactiveFormsModule, typeof i9.EcabsPickerHeaderModule, typeof i10.EcabsButtonsModule, typeof i11.DigitsOnlyDirectivesModule, typeof i12.NumberBorderDirectiveModule, typeof i13.MaskDateDirectiveModule], [typeof i1.EcabsDateTimePickerComponent, typeof i2.EcabsDateTimePickerHeaderComponent]>;
|
|
18
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<EcabsDatetimePickerModule>;
|
|
19
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -16,6 +16,9 @@ export * from './lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.component';
|
|
|
16
16
|
export * from './lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.module';
|
|
17
17
|
export * from './lib/ecabs-date-picker/ecabs-date-picker.component';
|
|
18
18
|
export * from './lib/ecabs-date-picker/components/ecabs-date-picker-header/ecabs-date-picker-header.component';
|
|
19
|
+
export * from './lib/ecabs-date-time-picker/ecabs-date-time-picker.component';
|
|
20
|
+
export * from './lib/ecabs-date-time-picker/components/ecabs-date-time-picker-header/ecabs-date-time-picker-header.component';
|
|
21
|
+
export * from './lib/ecabs-date-time-picker/ecabs-date-time-picker.module';
|
|
19
22
|
export * from './lib/ecabs-date-picker/ecabs-date-picker.module';
|
|
20
23
|
export * from './lib/ecabs-increment/ecabs-increment.component';
|
|
21
24
|
export * from './lib/ecabs-increment/ecabs-increment.module';
|