iptdevs-design-system 2.7.26 → 2.7.28

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 (134) hide show
  1. package/README.md +24 -24
  2. package/esm2020/iptdevs-design-system.mjs +4 -4
  3. package/esm2020/lib/components/atoms/aside-button/aside-button.component.mjs +50 -50
  4. package/esm2020/lib/components/atoms/button/button.component.mjs +64 -64
  5. package/esm2020/lib/components/atoms/checkbox/checkbox.component.mjs +47 -47
  6. package/esm2020/lib/components/atoms/datalist/datalist.component.mjs +94 -94
  7. package/esm2020/lib/components/atoms/input/input.component.mjs +145 -145
  8. package/esm2020/lib/components/atoms/level-button/level-button.component.mjs +64 -64
  9. package/esm2020/lib/components/atoms/level-text/level-text.component.mjs +19 -19
  10. package/esm2020/lib/components/atoms/loader/loader.component.mjs +48 -48
  11. package/esm2020/lib/components/atoms/radio/radio.component.mjs +47 -47
  12. package/esm2020/lib/components/atoms/select/select.component.mjs +102 -102
  13. package/esm2020/lib/components/atoms/text-link/text-link.component.mjs +39 -39
  14. package/esm2020/lib/components/components.module.mjs +118 -118
  15. package/esm2020/lib/components/forms/create-user-form/create-user-form.component.mjs +228 -228
  16. package/esm2020/lib/components/forms/login-form/login-form.component.mjs +93 -93
  17. package/esm2020/lib/components/material.module.mjs +19 -19
  18. package/esm2020/lib/components/molecules/sidenav/sidenav.component.mjs +150 -150
  19. package/esm2020/lib/core/core.module.mjs +70 -70
  20. package/esm2020/lib/core/models/academic/academic.component.mjs +2 -2
  21. package/esm2020/lib/core/models/activities/activities.interface.mjs +2 -2
  22. package/esm2020/lib/core/models/attendance/attendance.interface.mjs +2 -2
  23. package/esm2020/lib/core/models/budget/budget.model.mjs +2 -2
  24. package/esm2020/lib/core/models/calendar/calendar-rq.models.mjs +2 -2
  25. package/esm2020/lib/core/models/classroom/classroom-rq.model.mjs +2 -2
  26. package/esm2020/lib/core/models/cod/cod-rq.model.mjs +2 -2
  27. package/esm2020/lib/core/models/commercial/commercial.model.mjs +2 -2
  28. package/esm2020/lib/core/models/course/course-rq.model.mjs +2 -2
  29. package/esm2020/lib/core/models/course/courses.model.mjs +2 -2
  30. package/esm2020/lib/core/models/cronogram/cronogram.models.mjs +2 -2
  31. package/esm2020/lib/core/models/marketing/marketing.model.mjs +2 -2
  32. package/esm2020/lib/core/models/notes/notes.interface.mjs +2 -2
  33. package/esm2020/lib/core/models/payment/payment-rq.model.mjs +2 -2
  34. package/esm2020/lib/core/models/response/response.interface.mjs +2 -2
  35. package/esm2020/lib/core/models/session/session.model.mjs +3 -3
  36. package/esm2020/lib/core/models/student/student.interface.mjs +2 -2
  37. package/esm2020/lib/core/models/table/table-rs.model.mjs +2 -2
  38. package/esm2020/lib/core/models/test/test.model.mjs +2 -2
  39. package/esm2020/lib/core/models/url/url.model.mjs +2 -2
  40. package/esm2020/lib/core/models/user/user-rq.model.mjs +2 -2
  41. package/esm2020/lib/core/models/user/user-rs.model.mjs +5 -5
  42. package/esm2020/lib/core/services/academic-service/academic.service.mjs +40 -35
  43. package/esm2020/lib/core/services/activity-service/activity.service.mjs +87 -87
  44. package/esm2020/lib/core/services/attendance-service/attendance.service.mjs +64 -64
  45. package/esm2020/lib/core/services/budget-service/budget-service.mjs +66 -66
  46. package/esm2020/lib/core/services/calendar-service/calendar.service.mjs +60 -60
  47. package/esm2020/lib/core/services/certificate-service/certificate.service.mjs +26 -26
  48. package/esm2020/lib/core/services/classroom-service/classroom-service.service.mjs +31 -31
  49. package/esm2020/lib/core/services/commercial-service/comercial.service.mjs +49 -44
  50. package/esm2020/lib/core/services/commercial-service/validators.mjs +4 -4
  51. package/esm2020/lib/core/services/course-service/course-service.model.mjs +70 -70
  52. package/esm2020/lib/core/services/ekt-service/userekt.service.mjs +29 -29
  53. package/esm2020/lib/core/services/marketing-service/marketing-service.mjs +52 -52
  54. package/esm2020/lib/core/services/notes-service/notes.service.mjs +46 -46
  55. package/esm2020/lib/core/services/parameters-service/parameters.service.mjs +173 -173
  56. package/esm2020/lib/core/services/service-enviroments.mjs +26 -26
  57. package/esm2020/lib/core/services/storage-service/storage-service.mjs +50 -50
  58. package/esm2020/lib/core/services/student-service/student.service.mjs +26 -26
  59. package/esm2020/lib/core/services/switch-service/switch.service.mjs +16 -16
  60. package/esm2020/lib/core/services/test-service/test.service.mjs +131 -131
  61. package/esm2020/lib/core/services/user-service/user-service.mjs +95 -95
  62. package/esm2020/lib/core/utils/base-service/base.service.mjs +186 -186
  63. package/esm2020/lib/core/utils/route-service/route.service.mjs +18 -18
  64. package/esm2020/lib/design-system.module.mjs +36 -36
  65. package/esm2020/public-api.mjs +70 -70
  66. package/fesm2015/iptdevs-design-system.mjs +2516 -2506
  67. package/fesm2015/iptdevs-design-system.mjs.map +1 -1
  68. package/fesm2020/iptdevs-design-system.mjs +2513 -2503
  69. package/fesm2020/iptdevs-design-system.mjs.map +1 -1
  70. package/iptdevs-design-system.d.ts +5 -5
  71. package/lib/components/atoms/aside-button/aside-button.component.d.ts +11 -11
  72. package/lib/components/atoms/button/button.component.d.ts +13 -13
  73. package/lib/components/atoms/checkbox/checkbox.component.d.ts +11 -11
  74. package/lib/components/atoms/datalist/datalist.component.d.ts +20 -20
  75. package/lib/components/atoms/input/input.component.d.ts +26 -26
  76. package/lib/components/atoms/level-button/level-button.component.d.ts +11 -11
  77. package/lib/components/atoms/level-text/level-text.component.d.ts +7 -7
  78. package/lib/components/atoms/loader/loader.component.d.ts +7 -7
  79. package/lib/components/atoms/radio/radio.component.d.ts +11 -11
  80. package/lib/components/atoms/select/select.component.d.ts +26 -26
  81. package/lib/components/atoms/text-link/text-link.component.d.ts +12 -12
  82. package/lib/components/components.module.d.ts +24 -24
  83. package/lib/components/forms/create-user-form/create-user-form.component.d.ts +36 -36
  84. package/lib/components/forms/login-form/login-form.component.d.ts +13 -13
  85. package/lib/components/material.module.d.ts +11 -11
  86. package/lib/components/molecules/sidenav/sidenav.component.d.ts +25 -25
  87. package/lib/core/core.module.d.ts +6 -6
  88. package/lib/core/models/academic/academic.component.d.ts +17 -13
  89. package/lib/core/models/activities/activities.interface.d.ts +12 -12
  90. package/lib/core/models/attendance/attendance.interface.d.ts +62 -62
  91. package/lib/core/models/budget/budget.model.d.ts +69 -69
  92. package/lib/core/models/calendar/calendar-rq.models.d.ts +27 -27
  93. package/lib/core/models/classroom/classroom-rq.model.d.ts +18 -18
  94. package/lib/core/models/cod/cod-rq.model.d.ts +106 -51
  95. package/lib/core/models/commercial/commercial.model.d.ts +10 -10
  96. package/lib/core/models/course/course-rq.model.d.ts +86 -86
  97. package/lib/core/models/course/courses.model.d.ts +18 -18
  98. package/lib/core/models/cronogram/cronogram.models.d.ts +183 -183
  99. package/lib/core/models/marketing/marketing.model.d.ts +104 -104
  100. package/lib/core/models/notes/notes.interface.d.ts +89 -89
  101. package/lib/core/models/payment/payment-rq.model.d.ts +212 -212
  102. package/lib/core/models/response/response.interface.d.ts +10 -10
  103. package/lib/core/models/session/session.model.d.ts +5 -5
  104. package/lib/core/models/student/student.interface.d.ts +4 -4
  105. package/lib/core/models/table/table-rs.model.d.ts +7 -7
  106. package/lib/core/models/test/test.model.d.ts +219 -219
  107. package/lib/core/models/url/url.model.d.ts +8 -8
  108. package/lib/core/models/user/user-rq.model.d.ts +86 -86
  109. package/lib/core/models/user/user-rs.model.d.ts +35 -35
  110. package/lib/core/services/academic-service/academic.service.d.ts +16 -15
  111. package/lib/core/services/activity-service/activity.service.d.ts +25 -25
  112. package/lib/core/services/attendance-service/attendance.service.d.ts +22 -22
  113. package/lib/core/services/budget-service/budget-service.d.ts +23 -23
  114. package/lib/core/services/calendar-service/calendar.service.d.ts +22 -22
  115. package/lib/core/services/certificate-service/certificate.service.d.ts +13 -13
  116. package/lib/core/services/classroom-service/classroom-service.service.d.ts +14 -14
  117. package/lib/core/services/commercial-service/comercial.service.d.ts +19 -17
  118. package/lib/core/services/commercial-service/validators.d.ts +2 -2
  119. package/lib/core/services/course-service/course-service.model.d.ts +23 -23
  120. package/lib/core/services/ekt-service/userekt.service.d.ts +13 -13
  121. package/lib/core/services/marketing-service/marketing-service.d.ts +19 -19
  122. package/lib/core/services/notes-service/notes.service.d.ts +18 -18
  123. package/lib/core/services/parameters-service/parameters.service.d.ts +49 -49
  124. package/lib/core/services/service-enviroments.d.ts +5 -5
  125. package/lib/core/services/storage-service/storage-service.d.ts +18 -18
  126. package/lib/core/services/student-service/student.service.d.ts +13 -13
  127. package/lib/core/services/switch-service/switch.service.d.ts +8 -8
  128. package/lib/core/services/test-service/test.service.d.ts +34 -34
  129. package/lib/core/services/user-service/user-service.d.ts +29 -29
  130. package/lib/core/utils/base-service/base.service.d.ts +22 -22
  131. package/lib/core/utils/route-service/route.service.d.ts +9 -9
  132. package/lib/design-system.module.d.ts +9 -9
  133. package/package.json +1 -1
  134. package/public-api.d.ts +61 -61
@@ -1,94 +1,94 @@
1
- import { Component, Input, Output, EventEmitter } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/forms";
4
- import * as i2 from "@angular/common";
5
- export class DatalistComponent {
6
- constructor(fb) {
7
- this.disabledSel = false;
8
- this.isChanged = new EventEmitter();
9
- this.clicked = false;
10
- }
11
- optionChanged(event) {
12
- let selectOption = this.datalistData.find(element => element.name == event.target.value);
13
- if (typeof (selectOption) != 'undefined') {
14
- this.isChanged.emit(selectOption.code);
15
- }
16
- else {
17
- this.isChanged.emit('-1');
18
- }
19
- }
20
- click(value) {
21
- this.clicked = value.isTrusted;
22
- }
23
- setDataListValue() {
24
- let selectOption = this.datalistData.find(element => element.code == this.initalData);
25
- if (typeof (selectOption) != 'undefined') {
26
- return selectOption.name;
27
- }
28
- else {
29
- return '';
30
- }
31
- }
32
- get labelClass() {
33
- return this.clicked === false ? 'label' : 'labelUp';
34
- }
35
- }
36
- DatalistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
37
- DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DatalistComponent, selector: "ipt-datalist", inputs: { datalistId: "datalistId", datalistData: "datalistData", placeHolder: "placeHolder", validateText: "validateText", initalData: "initalData", disabledSel: "disabledSel" }, outputs: { isChanged: "isChanged" }, ngImport: i0, template: `
38
- <div class="input-container">
39
- <label [ngClass]="labelClass">{{ placeHolder }}</label>
40
- <input
41
- type="text"
42
- class="input"
43
- (click)="click($event)"
44
- [attr.list]="datalistId"
45
- (change)="optionChanged($event)"
46
- [disabled]="disabledSel"
47
- [value]="setDataListValue()"
48
- />
49
-
50
- <datalist id="{{ datalistId }}">
51
- <option *ngFor="let item of datalistData; index as i" [value]="item.name">
52
- {{item.id_card}} {{item.name}}
53
- </option>
54
- </datalist>
55
- </div>
56
- `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
57
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, decorators: [{
58
- type: Component,
59
- args: [{ selector: 'ipt-datalist', template: `
60
- <div class="input-container">
61
- <label [ngClass]="labelClass">{{ placeHolder }}</label>
62
- <input
63
- type="text"
64
- class="input"
65
- (click)="click($event)"
66
- [attr.list]="datalistId"
67
- (change)="optionChanged($event)"
68
- [disabled]="disabledSel"
69
- [value]="setDataListValue()"
70
- />
71
-
72
- <datalist id="{{ datalistId }}">
73
- <option *ngFor="let item of datalistData; index as i" [value]="item.name">
74
- {{item.id_card}} {{item.name}}
75
- </option>
76
- </datalist>
77
- </div>
78
- `, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
79
- }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { datalistId: [{
80
- type: Input
81
- }], datalistData: [{
82
- type: Input
83
- }], placeHolder: [{
84
- type: Input
85
- }], validateText: [{
86
- type: Input
87
- }], initalData: [{
88
- type: Input
89
- }], disabledSel: [{
90
- type: Input
91
- }], isChanged: [{
92
- type: Output
93
- }] } });
94
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvZGF0YWxpc3QvZGF0YWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQTRCLE1BQU0sZUFBZSxDQUFDOzs7O0FBMkJqRyxNQUFNLE9BQU8saUJBQWlCO0lBYTVCLFlBQVksRUFBZTtRQU5sQixnQkFBVyxHQUFXLEtBQUssQ0FBQztRQUUzQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVqRCxZQUFPLEdBQVksS0FBSyxDQUFDO0lBR3pCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFFLE9BQU8sQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxRixJQUFJLE9BQU0sQ0FBQyxZQUFZLENBQUMsSUFBSSxXQUFXLEVBQUU7WUFDdkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3hDO2FBQU07WUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMzQjtJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFFLE9BQU8sQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3ZGLElBQUksT0FBTSxDQUFDLFlBQVksQ0FBQyxJQUFJLFdBQVcsRUFBRTtZQUN2QyxPQUFPLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDMUI7YUFBTTtZQUNMLE9BQU8sRUFBRSxDQUFDO1NBQ1g7SUFDSCxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzhHQXhDVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiw2UUF0QmxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUOzJGQUdVLGlCQUFpQjtrQkF4QjdCLFNBQVM7K0JBQ0UsY0FBYyxZQUNkOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUO2tHQUtRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1CdWlsZGVyLCBGb3JtQ29udHJvbCwgRm9ybUdyb3VwLCBOZ0Zvcm0sIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lwdC1kYXRhbGlzdCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImlucHV0LWNvbnRhaW5lclwiPlxuICAgICAgPGxhYmVsIFtuZ0NsYXNzXT1cImxhYmVsQ2xhc3NcIj57eyBwbGFjZUhvbGRlciB9fTwvbGFiZWw+XG4gICAgICA8aW5wdXRcbiAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIlxuICAgICAgICBbYXR0ci5saXN0XT1cImRhdGFsaXN0SWRcIlxuICAgICAgICAoY2hhbmdlKT1cIm9wdGlvbkNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFNlbFwiXG4gICAgICAgIFt2YWx1ZV09XCJzZXREYXRhTGlzdFZhbHVlKClcIlxuICAgICAgLz5cblxuICAgICAgPGRhdGFsaXN0IGlkPVwie3sgZGF0YWxpc3RJZCB9fVwiPlxuICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGFsaXN0RGF0YTsgaW5kZXggYXMgaVwiIFt2YWx1ZV09XCJpdGVtLm5hbWVcIj5cbiAgICAgICAgICB7e2l0ZW0uaWRfY2FyZH19IHt7aXRlbS5uYW1lfX1cbiAgICAgICAgPC9vcHRpb24+XG4gICAgICA8L2RhdGFsaXN0PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9kYXRhbGlzdC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRGF0YWxpc3RDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIGRhdGFsaXN0SWQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRhdGFsaXN0RGF0YSE6IGFueVtdO1xuICBASW5wdXQoKSBwbGFjZUhvbGRlciE6IHN0cmluZztcbiAgQElucHV0KCkgdmFsaWRhdGVUZXh0ITogc3RyaW5nO1xuICBASW5wdXQoKSBpbml0YWxEYXRhITogc3RyaW5nO1xuICBASW5wdXQoKSBkaXNhYmxlZFNlbDpib29sZWFuID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIGlzQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGNsaWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihmYjogRm9ybUJ1aWxkZXIpIHtcbiAgfVxuXG4gIG9wdGlvbkNoYW5nZWQoZXZlbnQ6IGFueSkge1xuICAgIGxldCBzZWxlY3RPcHRpb24gPSB0aGlzLmRhdGFsaXN0RGF0YS5maW5kKGVsZW1lbnQgPT4gIGVsZW1lbnQubmFtZSA9PSBldmVudC50YXJnZXQudmFsdWUpO1xuICAgIGlmICh0eXBlb2Yoc2VsZWN0T3B0aW9uKSAhPSAndW5kZWZpbmVkJykge1xuICAgICAgdGhpcy5pc0NoYW5nZWQuZW1pdChzZWxlY3RPcHRpb24uY29kZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNDaGFuZ2VkLmVtaXQoJy0xJyk7XG4gICAgfVxuICB9XG5cbiAgY2xpY2sodmFsdWU6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLmNsaWNrZWQgPSB2YWx1ZS5pc1RydXN0ZWQ7XG4gIH1cblxuICBzZXREYXRhTGlzdFZhbHVlKCkge1xuICAgIGxldCBzZWxlY3RPcHRpb24gPSB0aGlzLmRhdGFsaXN0RGF0YS5maW5kKGVsZW1lbnQgPT4gIGVsZW1lbnQuY29kZSA9PSB0aGlzLmluaXRhbERhdGEpO1xuICAgIGlmICh0eXBlb2Yoc2VsZWN0T3B0aW9uKSAhPSAndW5kZWZpbmVkJykge1xuICAgICAgcmV0dXJuIHNlbGVjdE9wdGlvbi5uYW1lO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldCBsYWJlbENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuY2xpY2tlZCA9PT0gZmFsc2UgPyAnbGFiZWwnIDogJ2xhYmVsVXAnO1xuICB9XG59XG4iXX0=
1
+ import { Component, Input, Output, EventEmitter } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/forms";
4
+ import * as i2 from "@angular/common";
5
+ export class DatalistComponent {
6
+ constructor(fb) {
7
+ this.disabledSel = false;
8
+ this.isChanged = new EventEmitter();
9
+ this.clicked = false;
10
+ }
11
+ optionChanged(event) {
12
+ let selectOption = this.datalistData.find(element => element.name == event.target.value);
13
+ if (typeof (selectOption) != 'undefined') {
14
+ this.isChanged.emit(selectOption.code);
15
+ }
16
+ else {
17
+ this.isChanged.emit('-1');
18
+ }
19
+ }
20
+ click(value) {
21
+ this.clicked = value.isTrusted;
22
+ }
23
+ setDataListValue() {
24
+ let selectOption = this.datalistData.find(element => element.code == this.initalData);
25
+ if (typeof (selectOption) != 'undefined') {
26
+ return selectOption.name;
27
+ }
28
+ else {
29
+ return '';
30
+ }
31
+ }
32
+ get labelClass() {
33
+ return this.clicked === false ? 'label' : 'labelUp';
34
+ }
35
+ }
36
+ DatalistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
37
+ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DatalistComponent, selector: "ipt-datalist", inputs: { datalistId: "datalistId", datalistData: "datalistData", placeHolder: "placeHolder", validateText: "validateText", initalData: "initalData", disabledSel: "disabledSel" }, outputs: { isChanged: "isChanged" }, ngImport: i0, template: `
38
+ <div class="input-container">
39
+ <label [ngClass]="labelClass">{{ placeHolder }}</label>
40
+ <input
41
+ type="text"
42
+ class="input"
43
+ (click)="click($event)"
44
+ [attr.list]="datalistId"
45
+ (change)="optionChanged($event)"
46
+ [disabled]="disabledSel"
47
+ [value]="setDataListValue()"
48
+ />
49
+
50
+ <datalist id="{{ datalistId }}">
51
+ <option *ngFor="let item of datalistData; index as i" [value]="item.name">
52
+ {{item.id_card}} {{item.name}}
53
+ </option>
54
+ </datalist>
55
+ </div>
56
+ `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
57
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, decorators: [{
58
+ type: Component,
59
+ args: [{ selector: 'ipt-datalist', template: `
60
+ <div class="input-container">
61
+ <label [ngClass]="labelClass">{{ placeHolder }}</label>
62
+ <input
63
+ type="text"
64
+ class="input"
65
+ (click)="click($event)"
66
+ [attr.list]="datalistId"
67
+ (change)="optionChanged($event)"
68
+ [disabled]="disabledSel"
69
+ [value]="setDataListValue()"
70
+ />
71
+
72
+ <datalist id="{{ datalistId }}">
73
+ <option *ngFor="let item of datalistData; index as i" [value]="item.name">
74
+ {{item.id_card}} {{item.name}}
75
+ </option>
76
+ </datalist>
77
+ </div>
78
+ `, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
79
+ }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { datalistId: [{
80
+ type: Input
81
+ }], datalistData: [{
82
+ type: Input
83
+ }], placeHolder: [{
84
+ type: Input
85
+ }], validateText: [{
86
+ type: Input
87
+ }], initalData: [{
88
+ type: Input
89
+ }], disabledSel: [{
90
+ type: Input
91
+ }], isChanged: [{
92
+ type: Output
93
+ }] } });
94
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvZGF0YWxpc3QvZGF0YWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQTRCLE1BQU0sZUFBZSxDQUFDOzs7O0FBMkJqRyxNQUFNLE9BQU8saUJBQWlCO0lBYTVCLFlBQVksRUFBZTtRQU5sQixnQkFBVyxHQUFXLEtBQUssQ0FBQztRQUUzQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVqRCxZQUFPLEdBQVksS0FBSyxDQUFDO0lBR3pCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFFLE9BQU8sQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxRixJQUFJLE9BQU0sQ0FBQyxZQUFZLENBQUMsSUFBSSxXQUFXLEVBQUU7WUFDdkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3hDO2FBQU07WUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMzQjtJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFFLE9BQU8sQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3ZGLElBQUksT0FBTSxDQUFDLFlBQVksQ0FBQyxJQUFJLFdBQVcsRUFBRTtZQUN2QyxPQUFPLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDMUI7YUFBTTtZQUNMLE9BQU8sRUFBRSxDQUFDO1NBQ1g7SUFDSCxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzhHQXhDVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiw2UUF0QmxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUOzJGQUdVLGlCQUFpQjtrQkF4QjdCLFNBQVM7K0JBQ0UsY0FBYyxZQUNkOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUO2tHQUtRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIE5nRm9ybSwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXB0LWRhdGFsaXN0JyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cImlucHV0LWNvbnRhaW5lclwiPlxyXG4gICAgICA8bGFiZWwgW25nQ2xhc3NdPVwibGFiZWxDbGFzc1wiPnt7IHBsYWNlSG9sZGVyIH19PC9sYWJlbD5cclxuICAgICAgPGlucHV0XHJcbiAgICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxyXG4gICAgICAgIChjbGljayk9XCJjbGljaygkZXZlbnQpXCJcclxuICAgICAgICBbYXR0ci5saXN0XT1cImRhdGFsaXN0SWRcIlxyXG4gICAgICAgIChjaGFuZ2UpPVwib3B0aW9uQ2hhbmdlZCgkZXZlbnQpXCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRTZWxcIlxyXG4gICAgICAgIFt2YWx1ZV09XCJzZXREYXRhTGlzdFZhbHVlKClcIlxyXG4gICAgICAvPlxyXG5cclxuICAgICAgPGRhdGFsaXN0IGlkPVwie3sgZGF0YWxpc3RJZCB9fVwiPlxyXG4gICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YWxpc3REYXRhOyBpbmRleCBhcyBpXCIgW3ZhbHVlXT1cIml0ZW0ubmFtZVwiPlxyXG4gICAgICAgICAge3tpdGVtLmlkX2NhcmR9fSB7e2l0ZW0ubmFtZX19XHJcbiAgICAgICAgPC9vcHRpb24+XHJcbiAgICAgIDwvZGF0YWxpc3Q+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL2RhdGFsaXN0LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0YWxpc3RDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBkYXRhbGlzdElkITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRhdGFsaXN0RGF0YSE6IGFueVtdO1xyXG4gIEBJbnB1dCgpIHBsYWNlSG9sZGVyITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHZhbGlkYXRlVGV4dCE6IHN0cmluZztcclxuICBASW5wdXQoKSBpbml0YWxEYXRhITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkU2VsOmJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpIGlzQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG5cclxuICBjbGlja2VkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKGZiOiBGb3JtQnVpbGRlcikge1xyXG4gIH1cclxuXHJcbiAgb3B0aW9uQ2hhbmdlZChldmVudDogYW55KSB7XHJcbiAgICBsZXQgc2VsZWN0T3B0aW9uID0gdGhpcy5kYXRhbGlzdERhdGEuZmluZChlbGVtZW50ID0+ICBlbGVtZW50Lm5hbWUgPT0gZXZlbnQudGFyZ2V0LnZhbHVlKTtcclxuICAgIGlmICh0eXBlb2Yoc2VsZWN0T3B0aW9uKSAhPSAndW5kZWZpbmVkJykge1xyXG4gICAgICB0aGlzLmlzQ2hhbmdlZC5lbWl0KHNlbGVjdE9wdGlvbi5jb2RlKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuaXNDaGFuZ2VkLmVtaXQoJy0xJyk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjbGljayh2YWx1ZTogTW91c2VFdmVudCkge1xyXG4gICAgdGhpcy5jbGlja2VkID0gdmFsdWUuaXNUcnVzdGVkO1xyXG4gIH1cclxuXHJcbiAgc2V0RGF0YUxpc3RWYWx1ZSgpIHtcclxuICAgIGxldCBzZWxlY3RPcHRpb24gPSB0aGlzLmRhdGFsaXN0RGF0YS5maW5kKGVsZW1lbnQgPT4gIGVsZW1lbnQuY29kZSA9PSB0aGlzLmluaXRhbERhdGEpO1xyXG4gICAgaWYgKHR5cGVvZihzZWxlY3RPcHRpb24pICE9ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgIHJldHVybiBzZWxlY3RPcHRpb24ubmFtZTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHJldHVybiAnJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgbGFiZWxDbGFzcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuY2xpY2tlZCA9PT0gZmFsc2UgPyAnbGFiZWwnIDogJ2xhYmVsVXAnO1xyXG4gIH1cclxufVxyXG4iXX0=
@@ -1,145 +1,145 @@
1
- import { Component, Input, Output, EventEmitter } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- import * as i2 from "@angular/forms";
5
- import * as i3 from "ng2-currency-mask";
6
- export class InputComponent {
7
- constructor() {
8
- this.data = [];
9
- this.clicked = false;
10
- this.withPipe = false;
11
- this.prefix = '$';
12
- this.thousands = '.';
13
- this.decimal = ',';
14
- this.dateSelected = new EventEmitter();
15
- }
16
- set control(value) {
17
- if (this.formControl !== value) {
18
- this.formControl = value;
19
- }
20
- }
21
- ngOnInit() { }
22
- selectedDate(evt) {
23
- this.dateSelected.emit(evt);
24
- }
25
- click(value) {
26
- this.clicked = value.isTrusted;
27
- }
28
- }
29
- InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
30
- InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: InputComponent, selector: "ipt-input", inputs: { inputType: "inputType", placeHolder: "placeHolder", validateText: "validateText", withPipe: "withPipe", list: "list", iconUrl: "iconUrl", control: "control", prefix: "prefix", thousands: "thousands", decimal: "decimal" }, outputs: { dateSelected: "dateSelected" }, ngImport: i0, template: `
31
- <div class="input-container">
32
- <input *ngIf="inputType === 'date'"
33
- class="input"
34
- type="{{ inputType ? 'text' : 'date' }}"
35
- [formControl]="formControl"
36
- (ngModelChange)="selectedDate($event)"
37
- onfocus="this.type='date';"
38
- onblur="javascript: if( !this.value ) this.type='text';"
39
- uib-datepicker-popup="dd/MM/yyyy"
40
- ng-model="inputType"/>
41
-
42
- <input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
43
- class="input"
44
- type="{{ inputType }}"
45
- [formControl]="formControl"
46
- [attr.list]="list"/>
47
-
48
- <input *ngIf="inputType === 'text' && withPipe"
49
- class="input"
50
- currencyMask
51
- [options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
52
- type="{{ inputType }}"
53
- [formControl]="formControl"
54
- [attr.list]="list"/>
55
-
56
- <input *ngIf="inputType === 'time'"
57
- class="input"
58
- type="time"
59
- [formControl]="formControl"
60
- [min]="'06:00:00'"
61
- max="22:00:00"
62
- step="900"
63
- autocomplete="on"
64
- value="08:00:00"
65
- (click)="click($event)"
66
- />
67
-
68
- <label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
69
-
70
- <p *ngIf="(formControl.invalid && formControl.value !== '')">
71
- {{ validateText }}
72
- </p>
73
- </div>
74
- `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.CurrencyMaskDirective, selector: "[currencyMask]", inputs: ["max", "min", "options"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
75
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, decorators: [{
76
- type: Component,
77
- args: [{ selector: 'ipt-input', template: `
78
- <div class="input-container">
79
- <input *ngIf="inputType === 'date'"
80
- class="input"
81
- type="{{ inputType ? 'text' : 'date' }}"
82
- [formControl]="formControl"
83
- (ngModelChange)="selectedDate($event)"
84
- onfocus="this.type='date';"
85
- onblur="javascript: if( !this.value ) this.type='text';"
86
- uib-datepicker-popup="dd/MM/yyyy"
87
- ng-model="inputType"/>
88
-
89
- <input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
90
- class="input"
91
- type="{{ inputType }}"
92
- [formControl]="formControl"
93
- [attr.list]="list"/>
94
-
95
- <input *ngIf="inputType === 'text' && withPipe"
96
- class="input"
97
- currencyMask
98
- [options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
99
- type="{{ inputType }}"
100
- [formControl]="formControl"
101
- [attr.list]="list"/>
102
-
103
- <input *ngIf="inputType === 'time'"
104
- class="input"
105
- type="time"
106
- [formControl]="formControl"
107
- [min]="'06:00:00'"
108
- max="22:00:00"
109
- step="900"
110
- autocomplete="on"
111
- value="08:00:00"
112
- (click)="click($event)"
113
- />
114
-
115
- <label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
116
-
117
- <p *ngIf="(formControl.invalid && formControl.value !== '')">
118
- {{ validateText }}
119
- </p>
120
- </div>
121
- `, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
122
- }], ctorParameters: function () { return []; }, propDecorators: { inputType: [{
123
- type: Input
124
- }], placeHolder: [{
125
- type: Input
126
- }], validateText: [{
127
- type: Input
128
- }], withPipe: [{
129
- type: Input
130
- }], list: [{
131
- type: Input
132
- }], iconUrl: [{
133
- type: Input
134
- }], control: [{
135
- type: Input
136
- }], prefix: [{
137
- type: Input
138
- }], thousands: [{
139
- type: Input
140
- }], decimal: [{
141
- type: Input
142
- }], dateSelected: [{
143
- type: Output
144
- }] } });
145
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvaW5wdXQvaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQStDLE1BQU0sZUFBZSxDQUFDOzs7OztBQXFEcEgsTUFBTSxPQUFPLGNBQWM7SUF3QnpCO1FBckJBLFNBQUksR0FBVSxFQUFFLENBQUM7UUFFakIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUtoQixhQUFRLEdBQWEsS0FBSyxDQUFDO1FBUzNCLFdBQU0sR0FBVyxHQUFHLENBQUM7UUFDckIsY0FBUyxHQUFXLEdBQUcsQ0FBQztRQUN4QixZQUFPLEdBQVcsR0FBRyxDQUFDO1FBQ3JCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUVyQyxDQUFDO0lBWGhCLElBQWEsT0FBTyxDQUFDLEtBQStCO1FBQ2xELElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxLQUFLLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFvQixDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQVVELFFBQVEsS0FBSSxDQUFDO0lBRWIsWUFBWSxDQUFDLEdBQVc7UUFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELEtBQUssQ0FBQyxLQUFpQjtRQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUM7SUFDakMsQ0FBQzs7MkdBbkNVLGNBQWM7K0ZBQWQsY0FBYyxvVUEvQ2Y7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBNENQOzJGQUdRLGNBQWM7a0JBakQxQixTQUFTOytCQUNFLFdBQVcsWUFDWDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E0Q1A7MEVBVU0sU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNPLE9BQU87c0JBQW5CLEtBQUs7Z0JBTUcsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDdXJyZW5jeVBpcGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIFZpZXdDaGlsZCwgT25Jbml0LCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIE5nRm9ybSwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpcHQtaW5wdXQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1jb250YWluZXJcIj5cbiAgICAgIDxpbnB1dCAqbmdJZj1cImlucHV0VHlwZSA9PT0gJ2RhdGUnXCJcbiAgICAgICAgY2xhc3M9XCJpbnB1dFwiXG4gICAgICAgIHR5cGU9XCJ7eyBpbnB1dFR5cGUgPyAndGV4dCcgOiAnZGF0ZScgfX1cIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJzZWxlY3RlZERhdGUoJGV2ZW50KVwiXG4gICAgICAgIG9uZm9jdXM9XCJ0aGlzLnR5cGU9J2RhdGUnO1wiXG4gICAgICAgIG9uYmx1cj1cImphdmFzY3JpcHQ6IGlmKCAhdGhpcy52YWx1ZSApIHRoaXMudHlwZT0ndGV4dCc7XCJcbiAgICAgICAgdWliLWRhdGVwaWNrZXItcG9wdXA9XCJkZC9NTS95eXl5XCJcbiAgICAgICAgbmctbW9kZWw9XCJpbnB1dFR5cGVcIi8+XG5cbiAgICAgIDxpbnB1dCAqbmdJZj1cImlucHV0VHlwZSAhPT0gJ2RhdGUnICYmIGlucHV0VHlwZSAhPT0gJ3RpbWUnICYmICF3aXRoUGlwZVwiXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxuICAgICAgICB0eXBlPVwie3sgaW5wdXRUeXBlIH19XCJcbiAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgW2F0dHIubGlzdF09XCJsaXN0XCIvPlxuXG4gICAgICAgIDxpbnB1dCAqbmdJZj1cImlucHV0VHlwZSA9PT0gJ3RleHQnICYmIHdpdGhQaXBlXCJcbiAgICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgICBjdXJyZW5jeU1hc2tcbiAgICAgICAgICBbb3B0aW9uc109XCJ7IHByZWZpeDogcHJlZml4LCB0aG91c2FuZHM6IHRob3VzYW5kcywgZGVjaW1hbDogZGVjaW1hbCwgYWxsb3dOZWdhdGl2ZTogZmFsc2UgfVwiXG4gICAgICAgICAgdHlwZT1cInt7IGlucHV0VHlwZSB9fVwiXG4gICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgICBbYXR0ci5saXN0XT1cImxpc3RcIi8+XG5cbiAgICAgICAgPGlucHV0ICpuZ0lmPVwiaW5wdXRUeXBlID09PSAndGltZSdcIlxuICAgICAgICAgIGNsYXNzPVwiaW5wdXRcIlxuICAgICAgICAgIHR5cGU9XCJ0aW1lXCJcbiAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICAgIFttaW5dPVwiJzA2OjAwOjAwJ1wiXG4gICAgICAgICAgbWF4PVwiMjI6MDA6MDBcIlxuICAgICAgICAgIHN0ZXA9XCI5MDBcIlxuICAgICAgICAgIGF1dG9jb21wbGV0ZT1cIm9uXCJcbiAgICAgICAgICB2YWx1ZT1cIjA4OjAwOjAwXCJcbiAgICAgICAgICAoY2xpY2spPVwiY2xpY2soJGV2ZW50KVwiXG4gICAgICAgIC8+XG5cbiAgICAgIDxsYWJlbCBbbmdDbGFzc109XCJ7J2xhYmVsVXAnOiBmb3JtQ29udHJvbC52YWx1ZSAhPT0gJyd9XCI+e3sgcGxhY2VIb2xkZXIgfX08L2xhYmVsPlxuXG4gICAgICA8cCAqbmdJZj1cIihmb3JtQ29udHJvbC5pbnZhbGlkICYmIGZvcm1Db250cm9sLnZhbHVlICE9PSAnJylcIj5cbiAgICAgICAge3sgdmFsaWRhdGVUZXh0IH19XG4gICAgICA8L3A+XG4gICAgPC9kaXY+XG4gICAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIElucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwdWJsaWMgY29kZVZhbHVlITogc3RyaW5nO1xuICBkYXRhOiBhbnlbXSA9IFtdO1xuICBmb3JtQ29udHJvbCE6IEZvcm1Db250cm9sO1xuICBjbGlja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KCkgaW5wdXRUeXBlITogc3RyaW5nO1xuICBASW5wdXQoKSBwbGFjZUhvbGRlciE6IHN0cmluZztcbiAgQElucHV0KCkgdmFsaWRhdGVUZXh0Pzogc3RyaW5nO1xuICBASW5wdXQoKSB3aXRoUGlwZT86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbGlzdD86IHN0cmluZzsgLy9QYXJhIGVsIGRhdGFsaXN0XG4gIEBJbnB1dCgpIGljb25Vcmw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNldCBjb250cm9sKHZhbHVlOiBBYnN0cmFjdENvbnRyb2wgfCBzdHJpbmcpIHtcbiAgICBpZiAodGhpcy5mb3JtQ29udHJvbCAhPT0gdmFsdWUpIHtcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wgPSB2YWx1ZSBhcyBGb3JtQ29udHJvbDtcbiAgICB9XG4gIH1cblxuICBASW5wdXQoKSBwcmVmaXg6IHN0cmluZyA9ICckJztcbiAgQElucHV0KCkgdGhvdXNhbmRzOiBzdHJpbmcgPSAnLic7XG4gIEBJbnB1dCgpIGRlY2ltYWw6IHN0cmluZyA9ICcsJztcbiAgQE91dHB1dCgpIGRhdGVTZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuXG4gIG5nT25Jbml0KCkge31cblxuICBzZWxlY3RlZERhdGUoZXZ0OiBzdHJpbmcpe1xuICAgIHRoaXMuZGF0ZVNlbGVjdGVkLmVtaXQoZXZ0KTtcbiAgfVxuXG4gIGNsaWNrKHZhbHVlOiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy5jbGlja2VkID0gdmFsdWUuaXNUcnVzdGVkO1xuICB9XG5cbn1cbiJdfQ==
1
+ import { Component, Input, Output, EventEmitter } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ import * as i2 from "@angular/forms";
5
+ import * as i3 from "ng2-currency-mask";
6
+ export class InputComponent {
7
+ constructor() {
8
+ this.data = [];
9
+ this.clicked = false;
10
+ this.withPipe = false;
11
+ this.prefix = '$';
12
+ this.thousands = '.';
13
+ this.decimal = ',';
14
+ this.dateSelected = new EventEmitter();
15
+ }
16
+ set control(value) {
17
+ if (this.formControl !== value) {
18
+ this.formControl = value;
19
+ }
20
+ }
21
+ ngOnInit() { }
22
+ selectedDate(evt) {
23
+ this.dateSelected.emit(evt);
24
+ }
25
+ click(value) {
26
+ this.clicked = value.isTrusted;
27
+ }
28
+ }
29
+ InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
30
+ InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: InputComponent, selector: "ipt-input", inputs: { inputType: "inputType", placeHolder: "placeHolder", validateText: "validateText", withPipe: "withPipe", list: "list", iconUrl: "iconUrl", control: "control", prefix: "prefix", thousands: "thousands", decimal: "decimal" }, outputs: { dateSelected: "dateSelected" }, ngImport: i0, template: `
31
+ <div class="input-container">
32
+ <input *ngIf="inputType === 'date'"
33
+ class="input"
34
+ type="{{ inputType ? 'text' : 'date' }}"
35
+ [formControl]="formControl"
36
+ (ngModelChange)="selectedDate($event)"
37
+ onfocus="this.type='date';"
38
+ onblur="javascript: if( !this.value ) this.type='text';"
39
+ uib-datepicker-popup="dd/MM/yyyy"
40
+ ng-model="inputType"/>
41
+
42
+ <input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
43
+ class="input"
44
+ type="{{ inputType }}"
45
+ [formControl]="formControl"
46
+ [attr.list]="list"/>
47
+
48
+ <input *ngIf="inputType === 'text' && withPipe"
49
+ class="input"
50
+ currencyMask
51
+ [options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
52
+ type="{{ inputType }}"
53
+ [formControl]="formControl"
54
+ [attr.list]="list"/>
55
+
56
+ <input *ngIf="inputType === 'time'"
57
+ class="input"
58
+ type="time"
59
+ [formControl]="formControl"
60
+ [min]="'06:00:00'"
61
+ max="22:00:00"
62
+ step="900"
63
+ autocomplete="on"
64
+ value="08:00:00"
65
+ (click)="click($event)"
66
+ />
67
+
68
+ <label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
69
+
70
+ <p *ngIf="(formControl.invalid && formControl.value !== '')">
71
+ {{ validateText }}
72
+ </p>
73
+ </div>
74
+ `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.CurrencyMaskDirective, selector: "[currencyMask]", inputs: ["max", "min", "options"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
75
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, decorators: [{
76
+ type: Component,
77
+ args: [{ selector: 'ipt-input', template: `
78
+ <div class="input-container">
79
+ <input *ngIf="inputType === 'date'"
80
+ class="input"
81
+ type="{{ inputType ? 'text' : 'date' }}"
82
+ [formControl]="formControl"
83
+ (ngModelChange)="selectedDate($event)"
84
+ onfocus="this.type='date';"
85
+ onblur="javascript: if( !this.value ) this.type='text';"
86
+ uib-datepicker-popup="dd/MM/yyyy"
87
+ ng-model="inputType"/>
88
+
89
+ <input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
90
+ class="input"
91
+ type="{{ inputType }}"
92
+ [formControl]="formControl"
93
+ [attr.list]="list"/>
94
+
95
+ <input *ngIf="inputType === 'text' && withPipe"
96
+ class="input"
97
+ currencyMask
98
+ [options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
99
+ type="{{ inputType }}"
100
+ [formControl]="formControl"
101
+ [attr.list]="list"/>
102
+
103
+ <input *ngIf="inputType === 'time'"
104
+ class="input"
105
+ type="time"
106
+ [formControl]="formControl"
107
+ [min]="'06:00:00'"
108
+ max="22:00:00"
109
+ step="900"
110
+ autocomplete="on"
111
+ value="08:00:00"
112
+ (click)="click($event)"
113
+ />
114
+
115
+ <label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
116
+
117
+ <p *ngIf="(formControl.invalid && formControl.value !== '')">
118
+ {{ validateText }}
119
+ </p>
120
+ </div>
121
+ `, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
122
+ }], ctorParameters: function () { return []; }, propDecorators: { inputType: [{
123
+ type: Input
124
+ }], placeHolder: [{
125
+ type: Input
126
+ }], validateText: [{
127
+ type: Input
128
+ }], withPipe: [{
129
+ type: Input
130
+ }], list: [{
131
+ type: Input
132
+ }], iconUrl: [{
133
+ type: Input
134
+ }], control: [{
135
+ type: Input
136
+ }], prefix: [{
137
+ type: Input
138
+ }], thousands: [{
139
+ type: Input
140
+ }], decimal: [{
141
+ type: Input
142
+ }], dateSelected: [{
143
+ type: Output
144
+ }] } });
145
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvaW5wdXQvaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQStDLE1BQU0sZUFBZSxDQUFDOzs7OztBQXFEcEgsTUFBTSxPQUFPLGNBQWM7SUF3QnpCO1FBckJBLFNBQUksR0FBVSxFQUFFLENBQUM7UUFFakIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUtoQixhQUFRLEdBQWEsS0FBSyxDQUFDO1FBUzNCLFdBQU0sR0FBVyxHQUFHLENBQUM7UUFDckIsY0FBUyxHQUFXLEdBQUcsQ0FBQztRQUN4QixZQUFPLEdBQVcsR0FBRyxDQUFDO1FBQ3JCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUVyQyxDQUFDO0lBWGhCLElBQWEsT0FBTyxDQUFDLEtBQStCO1FBQ2xELElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxLQUFLLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFvQixDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQVVELFFBQVEsS0FBSSxDQUFDO0lBRWIsWUFBWSxDQUFDLEdBQVc7UUFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELEtBQUssQ0FBQyxLQUFpQjtRQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUM7SUFDakMsQ0FBQzs7MkdBbkNVLGNBQWM7K0ZBQWQsY0FBYyxvVUEvQ2Y7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBNENQOzJGQUdRLGNBQWM7a0JBakQxQixTQUFTOytCQUNFLFdBQVcsWUFDWDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E0Q1A7MEVBVU0sU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNPLE9BQU87c0JBQW5CLEtBQUs7Z0JBTUcsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDdXJyZW5jeVBpcGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBPbkluaXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1CdWlsZGVyLCBGb3JtQ29udHJvbCwgRm9ybUdyb3VwLCBOZ0Zvcm0sIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpcHQtaW5wdXQnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtY29udGFpbmVyXCI+XHJcbiAgICAgIDxpbnB1dCAqbmdJZj1cImlucHV0VHlwZSA9PT0gJ2RhdGUnXCJcclxuICAgICAgICBjbGFzcz1cImlucHV0XCJcclxuICAgICAgICB0eXBlPVwie3sgaW5wdXRUeXBlID8gJ3RleHQnIDogJ2RhdGUnIH19XCJcclxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxyXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInNlbGVjdGVkRGF0ZSgkZXZlbnQpXCJcclxuICAgICAgICBvbmZvY3VzPVwidGhpcy50eXBlPSdkYXRlJztcIlxyXG4gICAgICAgIG9uYmx1cj1cImphdmFzY3JpcHQ6IGlmKCAhdGhpcy52YWx1ZSApIHRoaXMudHlwZT0ndGV4dCc7XCJcclxuICAgICAgICB1aWItZGF0ZXBpY2tlci1wb3B1cD1cImRkL01NL3l5eXlcIlxyXG4gICAgICAgIG5nLW1vZGVsPVwiaW5wdXRUeXBlXCIvPlxyXG5cclxuICAgICAgPGlucHV0ICpuZ0lmPVwiaW5wdXRUeXBlICE9PSAnZGF0ZScgJiYgaW5wdXRUeXBlICE9PSAndGltZScgJiYgIXdpdGhQaXBlXCJcclxuICAgICAgICBjbGFzcz1cImlucHV0XCJcclxuICAgICAgICB0eXBlPVwie3sgaW5wdXRUeXBlIH19XCJcclxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxyXG4gICAgICAgIFthdHRyLmxpc3RdPVwibGlzdFwiLz5cclxuXHJcbiAgICAgICAgPGlucHV0ICpuZ0lmPVwiaW5wdXRUeXBlID09PSAndGV4dCcgJiYgd2l0aFBpcGVcIlxyXG4gICAgICAgICAgY2xhc3M9XCJpbnB1dFwiXHJcbiAgICAgICAgICBjdXJyZW5jeU1hc2tcclxuICAgICAgICAgIFtvcHRpb25zXT1cInsgcHJlZml4OiBwcmVmaXgsIHRob3VzYW5kczogdGhvdXNhbmRzLCBkZWNpbWFsOiBkZWNpbWFsLCBhbGxvd05lZ2F0aXZlOiBmYWxzZSB9XCJcclxuICAgICAgICAgIHR5cGU9XCJ7eyBpbnB1dFR5cGUgfX1cIlxyXG4gICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcclxuICAgICAgICAgIFthdHRyLmxpc3RdPVwibGlzdFwiLz5cclxuXHJcbiAgICAgICAgPGlucHV0ICpuZ0lmPVwiaW5wdXRUeXBlID09PSAndGltZSdcIlxyXG4gICAgICAgICAgY2xhc3M9XCJpbnB1dFwiXHJcbiAgICAgICAgICB0eXBlPVwidGltZVwiXHJcbiAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxyXG4gICAgICAgICAgW21pbl09XCInMDY6MDA6MDAnXCJcclxuICAgICAgICAgIG1heD1cIjIyOjAwOjAwXCJcclxuICAgICAgICAgIHN0ZXA9XCI5MDBcIlxyXG4gICAgICAgICAgYXV0b2NvbXBsZXRlPVwib25cIlxyXG4gICAgICAgICAgdmFsdWU9XCIwODowMDowMFwiXHJcbiAgICAgICAgICAoY2xpY2spPVwiY2xpY2soJGV2ZW50KVwiXHJcbiAgICAgICAgLz5cclxuXHJcbiAgICAgIDxsYWJlbCBbbmdDbGFzc109XCJ7J2xhYmVsVXAnOiBmb3JtQ29udHJvbC52YWx1ZSAhPT0gJyd9XCI+e3sgcGxhY2VIb2xkZXIgfX08L2xhYmVsPlxyXG5cclxuICAgICAgPHAgKm5nSWY9XCIoZm9ybUNvbnRyb2wuaW52YWxpZCAmJiBmb3JtQ29udHJvbC52YWx1ZSAhPT0gJycpXCI+XHJcbiAgICAgICAge3sgdmFsaWRhdGVUZXh0IH19XHJcbiAgICAgIDwvcD5cclxuICAgIDwvZGl2PlxyXG4gICAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIElucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgcHVibGljIGNvZGVWYWx1ZSE6IHN0cmluZztcclxuICBkYXRhOiBhbnlbXSA9IFtdO1xyXG4gIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2w7XHJcbiAgY2xpY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKSBpbnB1dFR5cGUhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcGxhY2VIb2xkZXIhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdmFsaWRhdGVUZXh0Pzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHdpdGhQaXBlPzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGxpc3Q/OiBzdHJpbmc7IC8vUGFyYSBlbCBkYXRhbGlzdFxyXG4gIEBJbnB1dCgpIGljb25Vcmw/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgc2V0IGNvbnRyb2wodmFsdWU6IEFic3RyYWN0Q29udHJvbCB8IHN0cmluZykge1xyXG4gICAgaWYgKHRoaXMuZm9ybUNvbnRyb2wgIT09IHZhbHVlKSB7XHJcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wgPSB2YWx1ZSBhcyBGb3JtQ29udHJvbDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIHByZWZpeDogc3RyaW5nID0gJyQnO1xyXG4gIEBJbnB1dCgpIHRob3VzYW5kczogc3RyaW5nID0gJy4nO1xyXG4gIEBJbnB1dCgpIGRlY2ltYWw6IHN0cmluZyA9ICcsJztcclxuICBAT3V0cHV0KCkgZGF0ZVNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcblxyXG4gIG5nT25Jbml0KCkge31cclxuXHJcbiAgc2VsZWN0ZWREYXRlKGV2dDogc3RyaW5nKXtcclxuICAgIHRoaXMuZGF0ZVNlbGVjdGVkLmVtaXQoZXZ0KTtcclxuICB9XHJcblxyXG4gIGNsaWNrKHZhbHVlOiBNb3VzZUV2ZW50KSB7XHJcbiAgICB0aGlzLmNsaWNrZWQgPSB2YWx1ZS5pc1RydXN0ZWQ7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=