ecabs-components 0.0.2 → 0.0.4

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.
Files changed (99) hide show
  1. package/README.md +24 -24
  2. package/esm2020/lib/base/directives/digits-only.directive.module.mjs +22 -0
  3. package/esm2020/lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.component.mjs +85 -0
  4. package/esm2020/lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.module.mjs +36 -0
  5. package/esm2020/lib/ecabs-date-picker/components/ecabs-date-picker-header/ecabs-date-picker-header.component.mjs +17 -0
  6. package/esm2020/lib/ecabs-date-picker/ecabs-date-picker.component.mjs +85 -0
  7. package/esm2020/lib/ecabs-date-picker/ecabs-date-picker.module.mjs +59 -0
  8. package/esm2020/lib/ecabs-increment/ecabs-increment.component.mjs +78 -0
  9. package/esm2020/lib/ecabs-increment/ecabs-increment.module.mjs +23 -0
  10. package/esm2020/lib/ecabs-input/ecabs-input.module.mjs +6 -6
  11. package/esm2020/lib/ecabs-loading/ecabs-loading.component.mjs +3 -3
  12. package/esm2020/lib/ecabs-phone/ecabs-phone.component.mjs +104 -0
  13. package/esm2020/lib/ecabs-phone/ecabs-phone.module.mjs +22 -0
  14. package/esm2020/lib/ecabs-picker-header/ecabs-picker-header.component.mjs +50 -0
  15. package/esm2020/lib/ecabs-picker-header/ecabs-picker-header.module.mjs +22 -0
  16. package/esm2020/lib/ecabs-radio-button-list/ecabs-radio-button-list.component.mjs +65 -0
  17. package/esm2020/lib/ecabs-radio-button-list/ecabs-radio-button-list.module.mjs +32 -0
  18. package/esm2020/lib/ecabs-select/ecabs-select.component.mjs +17 -5
  19. package/esm2020/lib/ecabs-select/ecabs-select.module.mjs +11 -4
  20. package/esm2020/lib/ecabs-timepicker/componets/ecabs-time-list-panel/ecabs-time-list-panel.component.mjs +137 -0
  21. package/esm2020/lib/ecabs-timepicker/config.model.mjs +2 -0
  22. package/esm2020/lib/ecabs-timepicker/ecabs-timepicker.component.mjs +312 -0
  23. package/esm2020/lib/ecabs-timepicker/ecabs-timepicker.module.mjs +20 -0
  24. package/esm2020/lib/ecabs-timepicker/ecabs-timepicker.service.mjs +31 -0
  25. package/esm2020/lib/models/timepicker.models.mjs +2 -0
  26. package/esm2020/lib/services/ecabs-components.service.mjs +1 -1
  27. package/esm2020/public-api.mjs +21 -3
  28. package/fesm2015/ecabs-components.mjs +1153 -49
  29. package/fesm2015/ecabs-components.mjs.map +1 -1
  30. package/fesm2020/ecabs-components.mjs +1148 -49
  31. package/fesm2020/ecabs-components.mjs.map +1 -1
  32. package/lib/base/directives/digits-only.directive.d.ts +3 -3
  33. package/lib/base/directives/digits-only.directive.module.d.ts +8 -0
  34. package/lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.component.d.ts +28 -0
  35. package/lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.module.d.ts +12 -0
  36. package/lib/ecabs-date-picker/components/ecabs-date-picker-header/ecabs-date-picker-header.component.d.ts +6 -0
  37. package/lib/ecabs-date-picker/ecabs-date-picker.component.d.ts +29 -0
  38. package/lib/ecabs-date-picker/ecabs-date-picker.module.d.ts +26 -0
  39. package/lib/ecabs-increment/ecabs-increment.component.d.ts +26 -0
  40. package/lib/ecabs-increment/ecabs-increment.module.d.ts +13 -0
  41. package/lib/ecabs-input/ecabs-input.module.d.ts +6 -6
  42. package/lib/ecabs-loading/ecabs-loading.component.d.ts +1 -1
  43. package/lib/ecabs-phone/ecabs-phone.component.d.ts +32 -0
  44. package/lib/ecabs-phone/ecabs-phone.module.d.ts +12 -0
  45. package/lib/ecabs-picker-header/ecabs-picker-header.component.d.ts +19 -0
  46. package/lib/ecabs-picker-header/ecabs-picker-header.module.d.ts +12 -0
  47. package/lib/ecabs-radio-button-list/ecabs-radio-button-list.component.d.ts +24 -0
  48. package/lib/ecabs-radio-button-list/ecabs-radio-button-list.module.d.ts +11 -0
  49. package/lib/ecabs-select/ecabs-select.component.d.ts +5 -1
  50. package/lib/ecabs-select/ecabs-select.module.d.ts +4 -3
  51. package/lib/ecabs-timepicker/componets/ecabs-time-list-panel/ecabs-time-list-panel.component.d.ts +40 -0
  52. package/lib/ecabs-timepicker/config.model.d.ts +5 -0
  53. package/lib/ecabs-timepicker/ecabs-timepicker.component.d.ts +53 -0
  54. package/lib/ecabs-timepicker/ecabs-timepicker.module.d.ts +10 -0
  55. package/lib/ecabs-timepicker/ecabs-timepicker.service.d.ts +12 -0
  56. package/lib/models/timepicker.models.d.ts +6 -0
  57. package/package.json +2 -2
  58. package/public-api.d.ts +20 -2
  59. package/styles/material/overrides/_datepicker.scss +25 -1
  60. package/styles/material/overrides/_phone.scss +2 -2
  61. package/styles/scss/modules/_datepicker.scss +3 -3
  62. package/styles/scss/modules/_phone.scss +3 -1
  63. package/styles/scss/modules/_select.scss +16 -0
  64. package/lib/base/directives/digits-only.directive.ts +0 -129
  65. package/lib/base/element-base.ts +0 -72
  66. package/lib/base/element-wrapper/element-wrapper.component.html +0 -30
  67. package/lib/base/element-wrapper/element-wrapper.component.ts +0 -33
  68. package/lib/base/element-wrapper/element-wrapper.module.ts +0 -30
  69. package/lib/base/hint/hint.component.html +0 -1
  70. package/lib/base/hint/hint.component.scss +0 -0
  71. package/lib/base/hint/hint.component.ts +0 -12
  72. package/lib/base/hint/hint.module.ts +0 -13
  73. package/lib/base/validation/validation.component.html +0 -8
  74. package/lib/base/validation/validation.component.scss +0 -0
  75. package/lib/base/validation/validation.component.ts +0 -84
  76. package/lib/base/validation/validation.module.ts +0 -12
  77. package/lib/ecabs-buttons/ecabs-buttons.component.html +0 -18
  78. package/lib/ecabs-buttons/ecabs-buttons.component.ts +0 -54
  79. package/lib/ecabs-buttons/ecabs-buttons.module.ts +0 -13
  80. package/lib/ecabs-input/ecabs-input.component.html +0 -26
  81. package/lib/ecabs-input/ecabs-input.component.ts +0 -83
  82. package/lib/ecabs-input/ecabs-input.module.ts +0 -14
  83. package/lib/ecabs-loading/ecabs-loading.component.html +0 -7
  84. package/lib/ecabs-loading/ecabs-loading.component.spec.ts +0 -24
  85. package/lib/ecabs-loading/ecabs-loading.component.ts +0 -11
  86. package/lib/ecabs-loading/ecabs-loading.module.ts +0 -11
  87. package/lib/ecabs-loading/spinner/spinner.component.html +0 -5
  88. package/lib/ecabs-loading/spinner/spinner.component.scss +0 -61
  89. package/lib/ecabs-loading/spinner/spinner.component.spec.ts +0 -24
  90. package/lib/ecabs-loading/spinner/spinner.component.ts +0 -11
  91. package/lib/ecabs-select/ecabs-select.component.html +0 -38
  92. package/lib/ecabs-select/ecabs-select.component.ts +0 -246
  93. package/lib/ecabs-select/ecabs-select.module.ts +0 -34
  94. package/lib/ecabs-textarea/ecabs-textarea.component.html +0 -13
  95. package/lib/ecabs-textarea/ecabs-textarea.component.ts +0 -61
  96. package/lib/ecabs-textarea/ecabs-textarea.module.ts +0 -12
  97. package/lib/services/ecabs-components.service.ts +0 -33
  98. package/public-api.ts +0 -11
  99. package/test.ts +0 -27
@@ -4,9 +4,9 @@ export declare class DigitsOnlyDirective implements OnInit {
4
4
  el: ElementRef;
5
5
  digitsOnly: boolean;
6
6
  allowHyphen: boolean;
7
- decimal?: boolean | undefined;
8
- decimalSeparator?: string | undefined;
9
- unit?: number | undefined;
7
+ decimal?: boolean;
8
+ decimalSeparator?: string;
9
+ unit?: number;
10
10
  inputElement: HTMLInputElement;
11
11
  minus: string;
12
12
  minusCounter: number;
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./digits-only.directive";
3
+ import * as i2 from "@angular/common";
4
+ export declare class DigitsOnlyDirectivesModule {
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<DigitsOnlyDirectivesModule, never>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DigitsOnlyDirectivesModule, [typeof i1.DigitsOnlyDirective], [typeof i2.CommonModule], [typeof i1.DigitsOnlyDirective]>;
7
+ static ɵinj: i0.ɵɵInjectorDeclaration<DigitsOnlyDirectivesModule>;
8
+ }
@@ -0,0 +1,28 @@
1
+ import { AfterViewInit, EventEmitter, Injector } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import ElementBaseComponent from '../base/element-base';
4
+ import * as i0 from "@angular/core";
5
+ export declare class EcabsCheckboxToggleComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit {
6
+ private injector;
7
+ type: 'checkbox' | 'toggle';
8
+ text: string;
9
+ labelPosition: 'before' | 'after';
10
+ indeterminate: boolean;
11
+ checked: boolean;
12
+ click: EventEmitter<any>;
13
+ changed: EventEmitter<any>;
14
+ val: boolean;
15
+ get value(): boolean;
16
+ set value(val: boolean);
17
+ constructor(injector: Injector);
18
+ onChange: any;
19
+ onTouch: any;
20
+ ngAfterViewInit(): void;
21
+ change(event: any): void;
22
+ onClick($event: any): void;
23
+ writeValue(value: any): void;
24
+ registerOnChange(fn: any): void;
25
+ registerOnTouched(fn: any): void;
26
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsCheckboxToggleComponent, never>;
27
+ static ɵcmp: i0.ɵɵComponentDeclaration<EcabsCheckboxToggleComponent, "ecabs-checkbox", never, { "type": "type"; "text": "text"; "labelPosition": "labelPosition"; "indeterminate": "indeterminate"; "checked": "checked"; }, { "click": "click"; "changed": "changed"; }, never, never, false>;
28
+ }
@@ -0,0 +1,12 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./ecabs-checkbox-toggle.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "../base/element-wrapper/element-wrapper.module";
5
+ import * as i4 from "@angular/material/checkbox";
6
+ import * as i5 from "@angular/material/slide-toggle";
7
+ import * as i6 from "@angular/forms";
8
+ export declare class EcabsCheckboxToggleModule {
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsCheckboxToggleModule, never>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsCheckboxToggleModule, [typeof i1.EcabsCheckboxToggleComponent], [typeof i2.CommonModule, typeof i3.ElementWrapperModule, typeof i4.MatCheckboxModule, typeof i5.MatSlideToggleModule, typeof i6.FormsModule], [typeof i1.EcabsCheckboxToggleComponent]>;
11
+ static ɵinj: i0.ɵɵInjectorDeclaration<EcabsCheckboxToggleModule>;
12
+ }
@@ -0,0 +1,6 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class EcabsDatePickerHeaderComponent {
3
+ selectDateLabel: string;
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatePickerHeaderComponent, never>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDatePickerHeaderComponent, "ecabs-date-picker-header", never, { "selectDateLabel": "selectDateLabel"; }, {}, never, never, false>;
6
+ }
@@ -0,0 +1,29 @@
1
+ import { AfterViewInit, EventEmitter, Injector } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import ElementBaseComponent from '../base/element-base';
4
+ import { EcabsDatePickerHeaderComponent } from './components/ecabs-date-picker-header/ecabs-date-picker-header.component';
5
+ import * as i0 from "@angular/core";
6
+ export declare class EcabsDatePickerComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit {
7
+ private injector;
8
+ minDate: Date;
9
+ maxDate: Date;
10
+ touchUi: boolean;
11
+ cancleLabel: string;
12
+ applyLabel: string;
13
+ selectDateLabel: string;
14
+ onblur: EventEmitter<any>;
15
+ val: string | number;
16
+ header: typeof EcabsDatePickerHeaderComponent;
17
+ get value(): string | number;
18
+ set value(val: string | number);
19
+ constructor(injector: Injector);
20
+ ngAfterViewInit(): void;
21
+ onChange: any;
22
+ onTouch: any;
23
+ writeValue(value: any): void;
24
+ registerOnChange(fn: any): void;
25
+ registerOnTouched(fn: any): void;
26
+ blurChange(e: any): void;
27
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatePickerComponent, never>;
28
+ static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDatePickerComponent, "ecabs-date-picker", never, { "minDate": "minDate"; "maxDate": "maxDate"; "touchUi": "touchUi"; "cancleLabel": "cancleLabel"; "applyLabel": "applyLabel"; "selectDateLabel": "selectDateLabel"; }, { "onblur": "onblur"; }, never, never, false>;
29
+ }
@@ -0,0 +1,26 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./ecabs-date-picker.component";
3
+ import * as i2 from "./components/ecabs-date-picker-header/ecabs-date-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/forms";
9
+ import * as i8 from "../ecabs-picker-header/ecabs-picker-header.module";
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
+ export declare class EcabsDatePickerModule {
23
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatePickerModule, never>;
24
+ 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]>;
25
+ static ɵinj: i0.ɵɵInjectorDeclaration<EcabsDatePickerModule>;
26
+ }
@@ -0,0 +1,26 @@
1
+ import { AfterViewInit, EventEmitter, Injector } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import ElementBaseComponent from '../base/element-base';
4
+ import * as i0 from "@angular/core";
5
+ export declare class EcabsIncrementComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit {
6
+ private injector;
7
+ digitsOnly: boolean;
8
+ allowDecimal: boolean;
9
+ allowHyphen: boolean;
10
+ onblur: EventEmitter<any>;
11
+ val: string | number;
12
+ get value(): string | number;
13
+ set value(val: string | number);
14
+ constructor(injector: Injector);
15
+ ngAfterViewInit(): void;
16
+ onChange: any;
17
+ onTouch: any;
18
+ writeValue(value: any): void;
19
+ registerOnChange(fn: any): void;
20
+ registerOnTouched(fn: any): void;
21
+ blurChange(e: any): void;
22
+ increment(): void;
23
+ decrement(): void;
24
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsIncrementComponent, never>;
25
+ static ɵcmp: i0.ɵɵComponentDeclaration<EcabsIncrementComponent, "ecabs-increment", never, { "digitsOnly": "digitsOnly"; "allowDecimal": "allowDecimal"; "allowHyphen": "allowHyphen"; }, { "onblur": "onblur"; }, never, never, false>;
26
+ }
@@ -0,0 +1,13 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./ecabs-increment.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/material/input";
5
+ import * as i4 from "@angular/material/icon";
6
+ import * as i5 from "../base/element-wrapper/element-wrapper.module";
7
+ import * as i6 from "@angular/forms";
8
+ import * as i7 from "../base/directives/digits-only.directive.module";
9
+ export declare class EcabsIncrementModule {
10
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsIncrementModule, never>;
11
+ static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsIncrementModule, [typeof i1.EcabsIncrementComponent], [typeof i2.CommonModule, typeof i3.MatInputModule, typeof i4.MatIconModule, typeof i5.ElementWrapperModule, typeof i6.FormsModule, typeof i7.DigitsOnlyDirectivesModule], [typeof i1.EcabsIncrementComponent]>;
12
+ static ɵinj: i0.ɵɵInjectorDeclaration<EcabsIncrementModule>;
13
+ }
@@ -1,12 +1,12 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./ecabs-input.component";
3
- import * as i2 from "../base/directives/digits-only.directive";
4
- import * as i3 from "@angular/common";
5
- import * as i4 from "@angular/material/input";
6
- import * as i5 from "../base/element-wrapper/element-wrapper.module";
7
- import * as i6 from "@angular/forms";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/material/input";
5
+ import * as i4 from "../base/element-wrapper/element-wrapper.module";
6
+ import * as i5 from "@angular/forms";
7
+ import * as i6 from "../base/directives/digits-only.directive.module";
8
8
  export declare class EcabsInputModule {
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<EcabsInputModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsInputModule, [typeof i1.EcabsInputComponent, typeof i2.DigitsOnlyDirective], [typeof i3.CommonModule, typeof i4.MatInputModule, typeof i5.ElementWrapperModule, typeof i6.FormsModule], [typeof i1.EcabsInputComponent]>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsInputModule, [typeof i1.EcabsInputComponent], [typeof i2.CommonModule, typeof i3.MatInputModule, typeof i4.ElementWrapperModule, typeof i5.FormsModule, typeof i6.DigitsOnlyDirectivesModule], [typeof i1.EcabsInputComponent]>;
11
11
  static ɵinj: i0.ɵɵInjectorDeclaration<EcabsInputModule>;
12
12
  }
@@ -4,5 +4,5 @@ export declare class EcabsLoadingComponent {
4
4
  backgroundColor: string;
5
5
  size: 'large' | 'medium' | 'tiny';
6
6
  static ɵfac: i0.ɵɵFactoryDeclaration<EcabsLoadingComponent, never>;
7
- static ɵcmp: i0.ɵɵComponentDeclaration<EcabsLoadingComponent, "ecabs-ecabs-loading", never, { "loading": "loading"; "backgroundColor": "backgroundColor"; "size": "size"; }, {}, never, never, false>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<EcabsLoadingComponent, "ecabs-loading", never, { "loading": "loading"; "backgroundColor": "backgroundColor"; "size": "size"; }, {}, never, never, false>;
8
8
  }
@@ -0,0 +1,32 @@
1
+ import { AfterViewInit, Injector, OnDestroy } from '@angular/core';
2
+ import { ControlValueAccessor, UntypedFormGroup } from '@angular/forms';
3
+ import { NgxMatIntlTelInputComponent } from 'ngx-mat-intl-tel-input';
4
+ import ElementBaseComponent from '../base/element-base';
5
+ import * as i0 from "@angular/core";
6
+ export declare class EcabsPhoneComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
7
+ private readonly injector;
8
+ preferredCountries: string[];
9
+ enablePlaceholder: boolean;
10
+ enableSearch: boolean;
11
+ useOnlyDisabledClass: boolean;
12
+ required: boolean;
13
+ phoneInput: NgxMatIntlTelInputComponent;
14
+ phoneForm: UntypedFormGroup;
15
+ phoneSub: any;
16
+ prohibitedCharacters: string[];
17
+ get value(): any;
18
+ set value(val: any);
19
+ constructor(injector: Injector);
20
+ onInput(event: KeyboardEvent): void;
21
+ ngAfterViewInit(): void;
22
+ onChange: any;
23
+ onTouch: any;
24
+ writeValue(value: any): void;
25
+ registerOnChange(fn: any): void;
26
+ registerOnTouched(fn: any): void;
27
+ ngOnDestroy(): void;
28
+ reset(): void;
29
+ onBlur(): void;
30
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsPhoneComponent, never>;
31
+ static ɵcmp: i0.ɵɵComponentDeclaration<EcabsPhoneComponent, "ecabs-phone", never, { "preferredCountries": "preferredCountries"; "enablePlaceholder": "enablePlaceholder"; "enableSearch": "enableSearch"; "useOnlyDisabledClass": "useOnlyDisabledClass"; "required": "required"; }, {}, never, never, false>;
32
+ }
@@ -0,0 +1,12 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./ecabs-phone.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/material/input";
5
+ import * as i4 from "../base/element-wrapper/element-wrapper.module";
6
+ import * as i5 from "@angular/forms";
7
+ import * as i6 from "ngx-mat-intl-tel-input";
8
+ export declare class EcabsPhoneModule {
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsPhoneModule, never>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsPhoneModule, [typeof i1.EcabsPhoneComponent], [typeof i2.CommonModule, typeof i3.MatInputModule, typeof i4.ElementWrapperModule, typeof i5.FormsModule, typeof i6.NgxMatIntlTelInputComponent, typeof i5.ReactiveFormsModule], [typeof i1.EcabsPhoneComponent]>;
11
+ static ɵinj: i0.ɵɵInjectorDeclaration<EcabsPhoneModule>;
12
+ }
@@ -0,0 +1,19 @@
1
+ import { ChangeDetectorRef, OnDestroy } from '@angular/core';
2
+ import { DateAdapter } from '@angular/material/core';
3
+ import { MatCalendar } from '@angular/material/datepicker';
4
+ import * as i0 from "@angular/core";
5
+ export declare class EcabsPickerHeaderComponent<D> implements OnDestroy {
6
+ private readonly calendar;
7
+ private readonly dateAdapter;
8
+ private readonly cdr;
9
+ private unsubscribe$;
10
+ private yearsPerPage;
11
+ get periodLabel(): string;
12
+ constructor(calendar: MatCalendar<D>, dateAdapter: DateAdapter<D>, cdr: ChangeDetectorRef);
13
+ ngOnDestroy(): void;
14
+ previousClicked(): void;
15
+ nextClicked(): void;
16
+ currentPeriodClicked(): void;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsPickerHeaderComponent<any>, never>;
18
+ static ɵcmp: i0.ɵɵComponentDeclaration<EcabsPickerHeaderComponent<any>, "ecabs-picker-header", never, {}, {}, never, never, false>;
19
+ }
@@ -0,0 +1,12 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./ecabs-picker-header.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "../base/element-wrapper/element-wrapper.module";
5
+ import * as i4 from "@angular/material/icon";
6
+ import * as i5 from "@angular/material/button";
7
+ import * as i6 from "@angular/material/datepicker";
8
+ export declare class EcabsPickerHeaderModule {
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsPickerHeaderModule, never>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsPickerHeaderModule, [typeof i1.EcabsPickerHeaderComponent], [typeof i2.CommonModule, typeof i3.ElementWrapperModule, typeof i4.MatIconModule, typeof i5.MatButtonModule, typeof i6.MatDatepickerModule], [typeof i1.EcabsPickerHeaderComponent]>;
11
+ static ɵinj: i0.ɵɵInjectorDeclaration<EcabsPickerHeaderModule>;
12
+ }
@@ -0,0 +1,24 @@
1
+ import { AfterViewInit, Injector } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import ElementBaseComponent from '../base/element-base';
4
+ import * as i0 from "@angular/core";
5
+ export declare class EcabsRadioButtonListComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit {
6
+ private injector;
7
+ items: {
8
+ label: string;
9
+ value: any;
10
+ }[];
11
+ direction: 'horizontal' | 'vertical';
12
+ val: string;
13
+ get value(): string;
14
+ set value(val: string);
15
+ constructor(injector: Injector);
16
+ onChange: any;
17
+ onTouch: any;
18
+ ngAfterViewInit(): void;
19
+ writeValue(value: any): void;
20
+ registerOnChange(fn: any): void;
21
+ registerOnTouched(fn: any): void;
22
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsRadioButtonListComponent, never>;
23
+ static ɵcmp: i0.ɵɵComponentDeclaration<EcabsRadioButtonListComponent, "ecabs-radio-button-list", never, { "items": "items"; "direction": "direction"; }, {}, never, never, false>;
24
+ }
@@ -0,0 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./ecabs-radio-button-list.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "../base/element-wrapper/element-wrapper.module";
5
+ import * as i4 from "@angular/material/radio";
6
+ import * as i5 from "@angular/forms";
7
+ export declare class EcabsRadioButtonListModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsRadioButtonListModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsRadioButtonListModule, [typeof i1.EcabsRadioButtonListComponent], [typeof i2.CommonModule, typeof i3.ElementWrapperModule, typeof i4.MatRadioModule, typeof i5.FormsModule], [typeof i1.EcabsRadioButtonListComponent]>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<EcabsRadioButtonListModule>;
11
+ }
@@ -20,6 +20,10 @@ export declare class EcabsSelectComponent extends ElementBaseComponent implement
20
20
  setAllOptionAfterChosenAllItems: boolean;
21
21
  selectAllValue: any;
22
22
  noEntriesFoundLabel: string;
23
+ noneLabel: string;
24
+ allLabel: string;
25
+ otherLabel: string;
26
+ othersLabel: string;
23
27
  updateFilterItems: EventEmitter<string>;
24
28
  selectionChange: EventEmitter<any>;
25
29
  allSelected: MatOption;
@@ -51,5 +55,5 @@ export declare class EcabsSelectComponent extends ElementBaseComponent implement
51
55
  onSelectionChanged($event: any): void;
52
56
  private filterItems;
53
57
  static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSelectComponent, never>;
54
- static ɵcmp: i0.ɵɵComponentDeclaration<EcabsSelectComponent, "ecabs-select", never, { "items": "items"; "multiple": "multiple"; "useNoneOption": "useNoneOption"; "useOnlyDisabledClass": "useOnlyDisabledClass"; "searchFieldPlaceholder": "searchFieldPlaceholder"; "useSearchOption": "useSearchOption"; "useSelectAllOption": "useSelectAllOption"; "setAllOptionAfterChosenAllItems": "setAllOptionAfterChosenAllItems"; "selectAllValue": "selectAllValue"; "noEntriesFoundLabel": "noEntriesFoundLabel"; }, { "updateFilterItems": "updateFilterItems"; "selectionChange": "selectionChange"; }, never, never, false>;
58
+ static ɵcmp: i0.ɵɵComponentDeclaration<EcabsSelectComponent, "ecabs-select", never, { "items": "items"; "multiple": "multiple"; "useNoneOption": "useNoneOption"; "useOnlyDisabledClass": "useOnlyDisabledClass"; "searchFieldPlaceholder": "searchFieldPlaceholder"; "useSearchOption": "useSearchOption"; "useSelectAllOption": "useSelectAllOption"; "setAllOptionAfterChosenAllItems": "setAllOptionAfterChosenAllItems"; "selectAllValue": "selectAllValue"; "noEntriesFoundLabel": "noEntriesFoundLabel"; "noneLabel": "noneLabel"; "allLabel": "allLabel"; "otherLabel": "otherLabel"; "othersLabel": "othersLabel"; }, { "updateFilterItems": "updateFilterItems"; "selectionChange": "selectionChange"; }, never, never, false>;
55
59
  }
@@ -4,11 +4,12 @@ import * as i1 from "./ecabs-select.component";
4
4
  import * as i2 from "@angular/common";
5
5
  import * as i3 from "../base/element-wrapper/element-wrapper.module";
6
6
  import * as i4 from "@angular/material/select";
7
- import * as i5 from "@angular/forms";
8
- import * as i6 from "ngx-mat-select-search";
7
+ import * as i5 from "@angular/material/form-field";
8
+ import * as i6 from "@angular/forms";
9
+ import * as i7 from "ngx-mat-select-search";
9
10
  export declare class EcabsSelectModule {
10
11
  static ɵfac: i0.ɵɵFactoryDeclaration<EcabsSelectModule, never>;
11
- static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsSelectModule, [typeof i1.EcabsSelectComponent], [typeof i2.CommonModule, typeof i3.ElementWrapperModule, typeof i4.MatSelectModule, typeof i5.FormsModule, typeof i6.NgxMatSelectSearchModule], [typeof i1.EcabsSelectComponent]>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsSelectModule, [typeof i1.EcabsSelectComponent], [typeof i2.CommonModule, typeof i3.ElementWrapperModule, typeof i4.MatSelectModule, typeof i5.MatFormFieldModule, typeof i6.FormsModule, typeof i7.NgxMatSelectSearchModule, typeof i6.ReactiveFormsModule], [typeof i1.EcabsSelectComponent]>;
12
13
  static ɵinj: i0.ɵɵInjectorDeclaration<EcabsSelectModule>;
13
14
  }
14
15
  export declare function scrollFactory(overlay: Overlay): () => BlockScrollStrategy;
@@ -0,0 +1,40 @@
1
+ import { OnInit, EventEmitter, ElementRef, OnChanges } from '@angular/core';
2
+ import { ListPlacement, ListPosition } from '../../../models/timepicker.models';
3
+ import { FormTimePickerService } from '../../ecabs-timepicker.service';
4
+ import * as i0 from "@angular/core";
5
+ export declare class EcabsTimeListPanelComponent implements OnInit, OnChanges {
6
+ private elementRef;
7
+ private timepickerService;
8
+ typedValue: any;
9
+ listPlacement: ListPlacement;
10
+ listPosition: ListPosition;
11
+ appendTo: string;
12
+ min: string;
13
+ max: string;
14
+ showDayStart: boolean;
15
+ showDayEnd: boolean;
16
+ position: ListPosition;
17
+ onscroll: EventEmitter<{
18
+ start: number;
19
+ end: number;
20
+ }>;
21
+ closeMe: EventEmitter<any>;
22
+ hoveredItemIndex: number;
23
+ timeList: {
24
+ value: any;
25
+ title: string;
26
+ }[];
27
+ private listItemHeight;
28
+ constructor(elementRef: ElementRef, timepickerService: FormTimePickerService);
29
+ handleKeydown($event: KeyboardEvent): void;
30
+ ngOnInit(): void;
31
+ appendListTo(): void;
32
+ calcListItems(): void;
33
+ ngOnChanges(): void;
34
+ selectTypedValue(value: any): void;
35
+ scrollTo(index: number): void;
36
+ close(): void;
37
+ setTime(value: any): void;
38
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsTimeListPanelComponent, never>;
39
+ static ɵcmp: i0.ɵɵComponentDeclaration<EcabsTimeListPanelComponent, "ecabs-time-list-panel", never, { "typedValue": "typedValue"; "listPlacement": "listPlacement"; "listPosition": "listPosition"; "appendTo": "appendTo"; "min": "min"; "max": "max"; "showDayStart": "showDayStart"; "showDayEnd": "showDayEnd"; "position": "position"; }, { "onscroll": "onscroll"; "closeMe": "closeMe"; }, never, never, false>;
40
+ }
@@ -0,0 +1,5 @@
1
+ export interface FormTimePickerConfig {
2
+ dayStart: string;
3
+ dayEnd: string;
4
+ iconClass: string;
5
+ }
@@ -0,0 +1,53 @@
1
+ import { ElementRef, Injector, AfterViewInit } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import { FormTimePickerService } from './ecabs-timepicker.service';
4
+ import ElementBaseComponent from '../base/element-base';
5
+ import { ListPlacement, ListPosition } from '../models/timepicker.models';
6
+ import * as i0 from "@angular/core";
7
+ export declare class EcabsTimepickerComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit {
8
+ private elementRef;
9
+ private timepickerService;
10
+ private injector;
11
+ showCloseIcon: boolean;
12
+ focusedFlag: boolean;
13
+ listPlacement: ListPlacement;
14
+ appendTo: string;
15
+ min: string;
16
+ max: string;
17
+ showDayStart: boolean;
18
+ showDayEnd: boolean;
19
+ addSecond: boolean;
20
+ position: ListPosition;
21
+ _data: string;
22
+ _timePicker: any;
23
+ _input: any;
24
+ listPosition: ListPosition;
25
+ caretPositionStart: any;
26
+ caretPositionEnd: any;
27
+ get data(): any;
28
+ set data(value: any);
29
+ constructor(elementRef: ElementRef, timepickerService: FormTimePickerService, injector: Injector);
30
+ handleMousedown($event: MouseEvent): void;
31
+ ngAfterViewInit(): void;
32
+ clearInput(): void;
33
+ calcListPosition(): void;
34
+ inputKeyDown(event: any): boolean;
35
+ checkSpecialKeys(key: any, selectionStart: any, selectionEnd: any): 'stop' | 'continue' | 'tab' | 'arrow';
36
+ checkUnUsedKeys(key: string): boolean;
37
+ setCaretPosition(elem: any): void;
38
+ checkOutOfRangeNumber(time: any): boolean;
39
+ makeHourFull(): void;
40
+ makeMinuteFull(): void;
41
+ fixTimeToNearest(): void;
42
+ onChangeFn: (_: any) => void;
43
+ onTouchedFn: () => void;
44
+ registerOnChange(fn: any): void;
45
+ registerOnTouched(fn: any): void;
46
+ setDisabledState(isDisabled: boolean): void;
47
+ writeValue(obj: any): void;
48
+ onChange(): void;
49
+ show(): void;
50
+ close(val?: any): void;
51
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsTimepickerComponent, never>;
52
+ static ɵcmp: i0.ɵɵComponentDeclaration<EcabsTimepickerComponent, "ecabs-timepicker", never, { "showCloseIcon": "showCloseIcon"; "focusedFlag": "focusedFlag"; "listPlacement": "listPlacement"; "appendTo": "appendTo"; "min": "min"; "max": "max"; "showDayStart": "showDayStart"; "showDayEnd": "showDayEnd"; "addSecond": "addSecond"; }, {}, never, ["mat-icon"], false>;
53
+ }
@@ -0,0 +1,10 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./ecabs-timepicker.component";
3
+ import * as i2 from "./componets/ecabs-time-list-panel/ecabs-time-list-panel.component";
4
+ import * as i3 from "@angular/common";
5
+ import * as i4 from "../base/element-wrapper/element-wrapper.module";
6
+ export declare class EcabsTimepickerModule {
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<EcabsTimepickerModule, never>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsTimepickerModule, [typeof i1.EcabsTimepickerComponent, typeof i2.EcabsTimeListPanelComponent], [typeof i3.CommonModule, typeof i4.ElementWrapperModule], [typeof i2.EcabsTimeListPanelComponent, typeof i1.EcabsTimepickerComponent]>;
9
+ static ɵinj: i0.ɵɵInjectorDeclaration<EcabsTimepickerModule>;
10
+ }
@@ -0,0 +1,12 @@
1
+ import { Subject } from 'rxjs';
2
+ import { FormTimePickerConfig } from './config.model';
3
+ import * as i0 from "@angular/core";
4
+ export declare class FormTimePickerService {
5
+ config: FormTimePickerConfig;
6
+ closeSub: Subject<boolean>;
7
+ setConfig(c: FormTimePickerConfig): void;
8
+ getConfig(): FormTimePickerConfig;
9
+ close(): void;
10
+ static ɵfac: i0.ɵɵFactoryDeclaration<FormTimePickerService, never>;
11
+ static ɵprov: i0.ɵɵInjectableDeclaration<FormTimePickerService>;
12
+ }
@@ -0,0 +1,6 @@
1
+ export declare type ListPlacement = 'bottom' | 'top' | 'auto';
2
+ export interface ListPosition {
3
+ left?: number;
4
+ top?: number;
5
+ width?: number;
6
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ecabs-components",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^14.2.0",
6
6
  "@angular/core": "^14.2.0",
@@ -31,4 +31,4 @@
31
31
  }
32
32
  },
33
33
  "sideEffects": false
34
- }
34
+ }
package/public-api.d.ts CHANGED
@@ -1,11 +1,29 @@
1
- export * from './lib/ecabs-buttons/ecabs-buttons.module';
2
- export * from './lib/ecabs-buttons/ecabs-buttons.component';
3
1
  export * from './lib/ecabs-loading/ecabs-loading.module';
4
2
  export * from './lib/ecabs-loading/ecabs-loading.component';
5
3
  export * from './lib/ecabs-loading/spinner/spinner.component';
4
+ export * from './lib/ecabs-buttons/ecabs-buttons.component';
5
+ export * from './lib/ecabs-buttons/ecabs-buttons.module';
6
6
  export * from './lib/ecabs-input/ecabs-input.component';
7
7
  export * from './lib/ecabs-input/ecabs-input.module';
8
8
  export * from './lib/ecabs-select/ecabs-select.module';
9
9
  export * from './lib/ecabs-select/ecabs-select.component';
10
10
  export * from './lib/ecabs-textarea/ecabs-textarea.component';
11
11
  export * from './lib/ecabs-textarea/ecabs-textarea.module';
12
+ export * from './lib/services/ecabs-components.service';
13
+ export * from './lib/base/validation/validation.component';
14
+ export * from './lib/base/validation/validation.module';
15
+ export * from './lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.component';
16
+ export * from './lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.module';
17
+ export * from './lib/ecabs-date-picker/ecabs-date-picker.component';
18
+ export * from './lib/ecabs-date-picker/components/ecabs-date-picker-header/ecabs-date-picker-header.component';
19
+ export * from './lib/ecabs-date-picker/ecabs-date-picker.module';
20
+ export * from './lib/ecabs-increment/ecabs-increment.component';
21
+ export * from './lib/ecabs-increment/ecabs-increment.module';
22
+ export * from './lib/ecabs-phone/ecabs-phone.component';
23
+ export * from './lib/ecabs-phone/ecabs-phone.module';
24
+ export * from './lib/ecabs-radio-button-list/ecabs-radio-button-list.component';
25
+ export * from './lib/ecabs-radio-button-list/ecabs-radio-button-list.module';
26
+ export * from './lib/ecabs-timepicker/ecabs-timepicker.component';
27
+ export * from './lib/ecabs-timepicker/componets/ecabs-time-list-panel/ecabs-time-list-panel.component';
28
+ export * from './lib/ecabs-timepicker/ecabs-timepicker.service';
29
+ export * from './lib/ecabs-timepicker/ecabs-timepicker.module';
@@ -19,6 +19,30 @@
19
19
  padding-left: 1.6rem;
20
20
  }
21
21
 
22
+ .text-xl {
23
+ font-size: 1.25rem;
24
+ line-height: 1.75rem;
25
+ }
26
+
27
+ .font-semibold {
28
+ font-weight: 600;
29
+ }
30
+
31
+ .grid-picker-actions {
32
+ display: grid;
33
+ grid-template-columns: repeat(2, minmax(0, 1fr));
34
+ gap: 1rem;
35
+ margin-right: 0.5rem;
36
+ }
37
+
38
+ .ml-0 {
39
+ margin-left: 0rem;
40
+ }
41
+
42
+ .w-full {
43
+ width: 100% !important;
44
+ }
45
+
22
46
  .mat-calendar-table {
23
47
  .mat-calendar-body {
24
48
  tr:first-child[aria-hidden='true'] {
@@ -98,7 +122,7 @@
98
122
  }
99
123
 
100
124
  .mat-calendar-table-header th {
101
- @include fontSize(14px);
125
+ @include fontSize(16px);
102
126
  }
103
127
 
104
128
  .mat-calendar-table-header-divider::after {
@@ -1,5 +1,5 @@
1
- app-phone-input {
2
- @extend .phone-input;
1
+ ecabs-phone {
2
+ @extend .ecabs-phone;
3
3
  .ngx-mat-tel-input-container {
4
4
  .mat-input-element {
5
5
  @extend .ngx-mat-tel-input-input;
@@ -1,6 +1,6 @@
1
1
  @import "../utilities/index";
2
2
 
3
- app-form-datepicker {
3
+ ecabs-date-picker {
4
4
  .dateTimeWrapper {
5
5
  position: relative;
6
6
  display: flex;
@@ -16,11 +16,11 @@ app-form-datepicker {
16
16
  vertical-align: top;
17
17
  max-width: calc-rem(160);
18
18
 
19
- app-form-timepicker .timeInputWrapper {
19
+ ecabs-timepicker .timeInputWrapper {
20
20
  display: block;
21
21
  }
22
22
 
23
- app-form-timepicker {
23
+ ecabs-timepicker {
24
24
  width: 100%;
25
25
 
26
26
  .inputWrapper {
@@ -1,4 +1,6 @@
1
- .phone-input {
1
+ .ecabs-phone {
2
+ @include fontSize($font-size-lg);
3
+
2
4
  .ngx-mat-tel-input-container {
3
5
  position: relative;
4
6
  border-radius: $border-radius-base;