iptdevs-design-system 3.1.799 → 3.1.801
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -24
- package/esm2020/lib/cod/cod-documents-section/cod-documents-section.component.mjs +3 -3
- package/esm2020/lib/cod/cod-form/cod-form.component.mjs +6 -6
- package/esm2020/lib/cod/cod.module.mjs +1 -1
- package/esm2020/lib/cod/logic/calculate-quotes.service.mjs +1 -1
- package/esm2020/lib/cod/logic/cod-form-controls.mjs +1 -1
- package/esm2020/lib/cod/logic/cod-form-steps.mjs +1 -1
- package/esm2020/lib/cod/logic/communicator.service.mjs +1 -1
- package/esm2020/lib/cod/logic/local-storage-cod.service.mjs +1 -1
- package/esm2020/lib/cod/modal-referred/modal-referred.component.mjs +3 -3
- package/esm2020/lib/cod/steps/cod-form-step-five/cod-form-step-five.component.mjs +3 -3
- package/esm2020/lib/cod/steps/cod-form-step-four/cod-form-step-four.component.mjs +3 -3
- package/esm2020/lib/cod/steps/cod-form-step-one/cod-form-step-one.component.mjs +3 -3
- package/esm2020/lib/cod/steps/cod-form-step-three/cod-form-step-three.component.mjs +3 -3
- package/esm2020/lib/cod/steps/cod-form-step-two/cod-form-step-two.component.mjs +3 -3
- package/esm2020/lib/cod-self-managed/cod-form-self-managed/cod-self-managed.component.mjs +3 -3
- package/esm2020/lib/cod-self-managed/cod-self-managed.module.mjs +1 -1
- package/esm2020/lib/cod-self-managed/logic/cod-self-managed-controls.mjs +1 -1
- package/esm2020/lib/cod-self-managed/logic/cod-self-managed-steps.mjs +1 -1
- package/esm2020/lib/cod-self-managed/logic/local-storage-cod.service.mjs +1 -1
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-four/cod-self-form-step-four.component.mjs +3 -3
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-one/cod-self-form-step-one.component.mjs +3 -3
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-three/cod-self-form-step-three.component.mjs +3 -3
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-two/cod-self-form-step-two.component.mjs +3 -3
- package/esm2020/lib/components/atoms/aside-button/aside-button.component.mjs +25 -25
- package/esm2020/lib/components/atoms/button/button.component.mjs +27 -27
- package/esm2020/lib/components/atoms/checkbox/checkbox.component.mjs +21 -21
- package/esm2020/lib/components/atoms/datalist/datalist.component.mjs +39 -39
- package/esm2020/lib/components/atoms/input/input.component.mjs +91 -91
- package/esm2020/lib/components/atoms/level-button/level-button.component.mjs +39 -39
- package/esm2020/lib/components/atoms/level-text/level-text.component.mjs +5 -5
- package/esm2020/lib/components/atoms/loader/loader.component.mjs +29 -29
- package/esm2020/lib/components/atoms/radio/radio.component.mjs +21 -21
- package/esm2020/lib/components/atoms/select/select.component.mjs +29 -29
- package/esm2020/lib/components/atoms/text-link/text-link.component.mjs +15 -15
- package/esm2020/lib/components/components.module.mjs +1 -1
- package/esm2020/lib/components/forms/create-user-form/create-user-form.component.mjs +3 -3
- package/esm2020/lib/components/forms/login-form/login-form.component.mjs +63 -63
- package/esm2020/lib/components/material.module.mjs +1 -1
- package/esm2020/lib/components/molecules/card-course/card-course.component.mjs +3 -3
- package/esm2020/lib/components/molecules/card-select-course/card-select-course.component.mjs +3 -3
- package/esm2020/lib/components/molecules/question-type/edit-question-types.component.mjs +291 -291
- package/esm2020/lib/components/molecules/sidenav/sidenav.component.mjs +95 -95
- package/esm2020/lib/core/core.module.mjs +1 -1
- package/esm2020/lib/core/models/PlacementTest/PlacementTest.models.mjs +1 -1
- package/esm2020/lib/core/models/PossibleStudent/PossibleStudent.models.mjs +1 -1
- package/esm2020/lib/core/models/academic/academic.component.mjs +1 -1
- package/esm2020/lib/core/models/activities/activities.interface.mjs +1 -1
- package/esm2020/lib/core/models/announcement/announcement-user-rq.model.mjs +1 -1
- package/esm2020/lib/core/models/announcement/announcement-user-rs.model.mjs +1 -1
- package/esm2020/lib/core/models/attendance/attendance.interface.mjs +1 -1
- package/esm2020/lib/core/models/budget/budget.model.mjs +1 -1
- package/esm2020/lib/core/models/calendar/calendar-rq.models.mjs +1 -1
- package/esm2020/lib/core/models/classroom/classroom-rq.model.mjs +1 -1
- package/esm2020/lib/core/models/cod/cod-rq.model.mjs +1 -1
- package/esm2020/lib/core/models/commercial/commercial.model.mjs +1 -1
- package/esm2020/lib/core/models/course/course-rq.model.mjs +1 -1
- package/esm2020/lib/core/models/course/courses.model.mjs +1 -1
- package/esm2020/lib/core/models/cronogram/cronogram.models.mjs +1 -1
- package/esm2020/lib/core/models/epayco/epayco.interfaces.mjs +1 -1
- package/esm2020/lib/core/models/homeTemplate/homeTemplate.models.mjs +1 -1
- package/esm2020/lib/core/models/marketing/marketing.model.mjs +1 -1
- package/esm2020/lib/core/models/media/media.interfaces.mjs +1 -1
- package/esm2020/lib/core/models/notes/INotesTemplate.mjs +1 -1
- package/esm2020/lib/core/models/notes/notes.interface.mjs +1 -1
- package/esm2020/lib/core/models/parameters/parameters-rs.model.mjs +1 -1
- package/esm2020/lib/core/models/payment/payment-rq.model.mjs +1 -1
- package/esm2020/lib/core/models/reports/reports.model.mjs +1 -1
- package/esm2020/lib/core/models/response/response.interface.mjs +1 -1
- package/esm2020/lib/core/models/session/session.model.mjs +1 -1
- package/esm2020/lib/core/models/student/student.interface.mjs +1 -1
- package/esm2020/lib/core/models/table/table-rs.model.mjs +1 -1
- package/esm2020/lib/core/models/test/test.model.mjs +1 -1
- package/esm2020/lib/core/models/url/url.model.mjs +1 -1
- package/esm2020/lib/core/models/user/user-rq.model.mjs +1 -1
- package/esm2020/lib/core/models/user/user-rs.model.mjs +1 -1
- package/esm2020/lib/core/pipes/course-pipes/schedule-form.pipe.mjs +1 -1
- package/esm2020/lib/core/pipes/course-pipes/time-form.pipe.mjs +1 -1
- package/esm2020/lib/core/pipes/course-pipes/type-level.pipe.mjs +1 -1
- package/esm2020/lib/core/pipes/pipe.module.mjs +1 -1
- package/esm2020/lib/core/services/academic-service/academic.service.mjs +6 -1
- package/esm2020/lib/core/services/activity-service/activity.service.mjs +1 -1
- package/esm2020/lib/core/services/announcement/announcement.service.mjs +1 -1
- package/esm2020/lib/core/services/attendance-service/attendance.service.mjs +1 -1
- package/esm2020/lib/core/services/budget-service/budget-service.mjs +1 -1
- package/esm2020/lib/core/services/calendar-service/calendar.service.mjs +1 -1
- package/esm2020/lib/core/services/certificate-service/certificate.service.mjs +1 -1
- package/esm2020/lib/core/services/classroom-service/classroom-service.service.mjs +1 -1
- package/esm2020/lib/core/services/commercial-service/comercial.service.mjs +1 -1
- package/esm2020/lib/core/services/commercial-service/validators.mjs +1 -1
- package/esm2020/lib/core/services/copies.service.mjs +1 -1
- package/esm2020/lib/core/services/course-service/course-service.model.mjs +1 -1
- package/esm2020/lib/core/services/ePayco/epayco.service.mjs +1 -1
- package/esm2020/lib/core/services/ekt-service/userekt.service.mjs +1 -1
- package/esm2020/lib/core/services/marketing-service/marketing-service.mjs +1 -1
- package/esm2020/lib/core/services/media-service/media.service.mjs +1 -1
- package/esm2020/lib/core/services/notes-service/notes.service.mjs +1 -1
- package/esm2020/lib/core/services/parameters-service/parameters.service.mjs +1 -1
- package/esm2020/lib/core/services/placement-service/placement.service.mjs +1 -1
- package/esm2020/lib/core/services/service-enviroments.mjs +1 -1
- package/esm2020/lib/core/services/storage-service/storage-service.mjs +1 -1
- package/esm2020/lib/core/services/student-service/student.service.mjs +1 -1
- package/esm2020/lib/core/services/switch-service/switch.service.mjs +1 -1
- package/esm2020/lib/core/services/test-service/test.service.mjs +1 -1
- package/esm2020/lib/core/services/user-service/user-service.mjs +1 -1
- package/esm2020/lib/core/utils/base-service/base.service.mjs +1 -1
- package/esm2020/lib/core/utils/copies.mjs +1 -1
- package/esm2020/lib/core/utils/route-service/route.service.mjs +1 -1
- package/esm2020/lib/design-system.module.mjs +1 -1
- package/esm2020/public-api.mjs +1 -1
- package/fesm2015/iptdevs-design-system.mjs +816 -811
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +816 -811
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/core/models/course/courses.model.d.ts +7 -0
- package/lib/core/services/academic-service/academic.service.d.ts +2 -1
- package/package.json +1 -1
|
@@ -34,47 +34,47 @@ export class DatalistComponent {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
DatalistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: DatalistComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
-
DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", 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>
|
|
37
|
+
DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", 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
56
|
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:15px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:3px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:8px;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:9px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
|
|
57
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: DatalistComponent, decorators: [{
|
|
58
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>
|
|
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
78
|
`, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:15px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:3px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:8px;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:9px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
|
|
79
79
|
}], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { datalistId: [{
|
|
80
80
|
type: Input
|
|
@@ -91,4 +91,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
91
91
|
}], isChanged: [{
|
|
92
92
|
type: Output
|
|
93
93
|
}] } });
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvZGF0YWxpc3QvZGF0YWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQTRCLE1BQU0sZUFBZSxDQUFDOzs7O0FBMkJqRyxNQUFNLE9BQU8saUJBQWlCO0lBYTVCLFlBQVksRUFBZTtRQU5sQixnQkFBVyxHQUFXLEtBQUssQ0FBQztRQUUzQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVqRCxZQUFPLEdBQVksS0FBSyxDQUFDO0lBR3pCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFFLE9BQU8sQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxRixJQUFJLE9BQU0sQ0FBQyxZQUFZLENBQUMsSUFBSSxXQUFXLEVBQUU7WUFDdkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3hDO2FBQU07WUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMzQjtJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFFLE9BQU8sQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3ZGLElBQUksT0FBTSxDQUFDLFlBQVksQ0FBQyxJQUFJLFdBQVcsRUFBRTtZQUN2QyxPQUFPLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDMUI7YUFBTTtZQUNMLE9BQU8sRUFBRSxDQUFDO1NBQ1g7SUFDSCxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzhHQXhDVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiw2UUF0QmxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUOzJGQUdVLGlCQUFpQjtrQkF4QjdCLFNBQVM7K0JBQ0UsY0FBYyxZQUNkOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUO2tHQUtRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIE5nRm9ybSwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXB0LWRhdGFsaXN0JyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cImlucHV0LWNvbnRhaW5lclwiPlxyXG4gICAgICA8bGFiZWwgW25nQ2xhc3NdPVwibGFiZWxDbGFzc1wiPnt7IHBsYWNlSG9sZGVyIH19PC9sYWJlbD5cclxuICAgICAgPGlucHV0XHJcbiAgICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxyXG4gICAgICAgIChjbGljayk9XCJjbGljaygkZXZlbnQpXCJcclxuICAgICAgICBbYXR0ci5saXN0XT1cImRhdGFsaXN0SWRcIlxyXG4gICAgICAgIChjaGFuZ2UpPVwib3B0aW9uQ2hhbmdlZCgkZXZlbnQpXCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRTZWxcIlxyXG4gICAgICAgIFt2YWx1ZV09XCJzZXREYXRhTGlzdFZhbHVlKClcIlxyXG4gICAgICAvPlxyXG5cclxuICAgICAgPGRhdGFsaXN0IGlkPVwie3sgZGF0YWxpc3RJZCB9fVwiPlxyXG4gICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YWxpc3REYXRhOyBpbmRleCBhcyBpXCIgW3ZhbHVlXT1cIml0ZW0ubmFtZVwiPlxyXG4gICAgICAgICAge3tpdGVtLmlkX2NhcmR9fSB7e2l0ZW0ubmFtZX19XHJcbiAgICAgICAgPC9vcHRpb24+XHJcbiAgICAgIDwvZGF0YWxpc3Q+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL2RhdGFsaXN0LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0YWxpc3RDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBkYXRhbGlzdElkITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRhdGFsaXN0RGF0YSE6IGFueVtdO1xyXG4gIEBJbnB1dCgpIHBsYWNlSG9sZGVyITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHZhbGlkYXRlVGV4dCE6IHN0cmluZztcclxuICBASW5wdXQoKSBpbml0YWxEYXRhITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkU2VsOmJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpIGlzQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG5cclxuICBjbGlja2VkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKGZiOiBGb3JtQnVpbGRlcikge1xyXG4gIH1cclxuXHJcbiAgb3B0aW9uQ2hhbmdlZChldmVudDogYW55KSB7XHJcbiAgICBsZXQgc2VsZWN0T3B0aW9uID0gdGhpcy5kYXRhbGlzdERhdGEuZmluZChlbGVtZW50ID0+ICBlbGVtZW50Lm5hbWUgPT0gZXZlbnQudGFyZ2V0LnZhbHVlKTtcclxuICAgIGlmICh0eXBlb2Yoc2VsZWN0T3B0aW9uKSAhPSAndW5kZWZpbmVkJykge1xyXG4gICAgICB0aGlzLmlzQ2hhbmdlZC5lbWl0KHNlbGVjdE9wdGlvbi5jb2RlKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuaXNDaGFuZ2VkLmVtaXQoJy0xJyk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjbGljayh2YWx1ZTogTW91c2VFdmVudCkge1xyXG4gICAgdGhpcy5jbGlja2VkID0gdmFsdWUuaXNUcnVzdGVkO1xyXG4gIH1cclxuXHJcbiAgc2V0RGF0YUxpc3RWYWx1ZSgpIHtcclxuICAgIGxldCBzZWxlY3RPcHRpb24gPSB0aGlzLmRhdGFsaXN0RGF0YS5maW5kKGVsZW1lbnQgPT4gIGVsZW1lbnQuY29kZSA9PSB0aGlzLmluaXRhbERhdGEpO1xyXG4gICAgaWYgKHR5cGVvZihzZWxlY3RPcHRpb24pICE9ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgIHJldHVybiBzZWxlY3RPcHRpb24ubmFtZTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHJldHVybiAnJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgbGFiZWxDbGFzcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuY2xpY2tlZCA9PT0gZmFsc2UgPyAnbGFiZWwnIDogJ2xhYmVsVXAnO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -28,99 +28,99 @@ export class InputComponent {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", 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", disabledSel: "disabledSel" }, outputs: { dateSelected: "dateSelected" }, ngImport: i0, template: `
|
|
32
|
-
<div class="input-container">
|
|
33
|
-
<!-- Resto del código... -->
|
|
34
|
-
<input *ngIf="inputType === 'date'"
|
|
35
|
-
class="input"
|
|
36
|
-
type="{{ inputType ? 'text' : 'date' }}"
|
|
37
|
-
[formControl]="formControl"
|
|
38
|
-
(ngModelChange)="selectedDate($event)"
|
|
39
|
-
onfocus="this.type='date';"
|
|
40
|
-
onblur="javascript: if( !this.value ) this.type='text';"
|
|
41
|
-
uib-datepicker-popup="dd/MM/yyyy"
|
|
42
|
-
ng-model="inputType"/>
|
|
43
|
-
|
|
44
|
-
<input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
|
|
45
|
-
class="input"
|
|
46
|
-
type="{{ inputType }}"
|
|
47
|
-
[formControl]="formControl"
|
|
48
|
-
[attr.list]="list"/>
|
|
49
|
-
|
|
50
|
-
<input *ngIf="inputType === 'text' && withPipe"
|
|
51
|
-
class="input"
|
|
52
|
-
currencyMask
|
|
53
|
-
[options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
|
|
54
|
-
type="{{ inputType }}"
|
|
55
|
-
[formControl]="formControl"
|
|
56
|
-
[attr.list]="list"/>
|
|
57
|
-
|
|
58
|
-
<input *ngIf="inputType === 'time'"
|
|
59
|
-
class="input"
|
|
60
|
-
type="time"
|
|
61
|
-
[formControl]="formControl"
|
|
62
|
-
[min]="'06:00:00'"
|
|
63
|
-
max="22:00:00"
|
|
64
|
-
step="900"
|
|
65
|
-
autocomplete="on"
|
|
66
|
-
value="08:00:00"
|
|
67
|
-
(click)="click($event)"
|
|
68
|
-
/>
|
|
69
|
-
|
|
70
|
-
<label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
|
|
71
|
-
|
|
72
|
-
<p *ngIf="(formControl.invalid && formControl.value !== '')">
|
|
73
|
-
{{ validateText }}
|
|
74
|
-
</p>
|
|
75
|
-
</div>
|
|
31
|
+
InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", 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", disabledSel: "disabledSel" }, outputs: { dateSelected: "dateSelected" }, ngImport: i0, template: `
|
|
32
|
+
<div class="input-container">
|
|
33
|
+
<!-- Resto del código... -->
|
|
34
|
+
<input *ngIf="inputType === 'date'"
|
|
35
|
+
class="input"
|
|
36
|
+
type="{{ inputType ? 'text' : 'date' }}"
|
|
37
|
+
[formControl]="formControl"
|
|
38
|
+
(ngModelChange)="selectedDate($event)"
|
|
39
|
+
onfocus="this.type='date';"
|
|
40
|
+
onblur="javascript: if( !this.value ) this.type='text';"
|
|
41
|
+
uib-datepicker-popup="dd/MM/yyyy"
|
|
42
|
+
ng-model="inputType"/>
|
|
43
|
+
|
|
44
|
+
<input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
|
|
45
|
+
class="input"
|
|
46
|
+
type="{{ inputType }}"
|
|
47
|
+
[formControl]="formControl"
|
|
48
|
+
[attr.list]="list"/>
|
|
49
|
+
|
|
50
|
+
<input *ngIf="inputType === 'text' && withPipe"
|
|
51
|
+
class="input"
|
|
52
|
+
currencyMask
|
|
53
|
+
[options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
|
|
54
|
+
type="{{ inputType }}"
|
|
55
|
+
[formControl]="formControl"
|
|
56
|
+
[attr.list]="list"/>
|
|
57
|
+
|
|
58
|
+
<input *ngIf="inputType === 'time'"
|
|
59
|
+
class="input"
|
|
60
|
+
type="time"
|
|
61
|
+
[formControl]="formControl"
|
|
62
|
+
[min]="'06:00:00'"
|
|
63
|
+
max="22:00:00"
|
|
64
|
+
step="900"
|
|
65
|
+
autocomplete="on"
|
|
66
|
+
value="08:00:00"
|
|
67
|
+
(click)="click($event)"
|
|
68
|
+
/>
|
|
69
|
+
|
|
70
|
+
<label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
|
|
71
|
+
|
|
72
|
+
<p *ngIf="(formControl.invalid && formControl.value !== '')">
|
|
73
|
+
{{ validateText }}
|
|
74
|
+
</p>
|
|
75
|
+
</div>
|
|
76
76
|
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:9px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:9px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:9px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:3px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:9px;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:9px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", 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]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.CurrencyMaskDirective, selector: "[currencyMask]", inputs: ["max", "min", "options"] }] });
|
|
77
77
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputComponent, decorators: [{
|
|
78
78
|
type: Component,
|
|
79
|
-
args: [{ selector: 'ipt-input', template: `
|
|
80
|
-
<div class="input-container">
|
|
81
|
-
<!-- Resto del código... -->
|
|
82
|
-
<input *ngIf="inputType === 'date'"
|
|
83
|
-
class="input"
|
|
84
|
-
type="{{ inputType ? 'text' : 'date' }}"
|
|
85
|
-
[formControl]="formControl"
|
|
86
|
-
(ngModelChange)="selectedDate($event)"
|
|
87
|
-
onfocus="this.type='date';"
|
|
88
|
-
onblur="javascript: if( !this.value ) this.type='text';"
|
|
89
|
-
uib-datepicker-popup="dd/MM/yyyy"
|
|
90
|
-
ng-model="inputType"/>
|
|
91
|
-
|
|
92
|
-
<input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
|
|
93
|
-
class="input"
|
|
94
|
-
type="{{ inputType }}"
|
|
95
|
-
[formControl]="formControl"
|
|
96
|
-
[attr.list]="list"/>
|
|
97
|
-
|
|
98
|
-
<input *ngIf="inputType === 'text' && withPipe"
|
|
99
|
-
class="input"
|
|
100
|
-
currencyMask
|
|
101
|
-
[options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
|
|
102
|
-
type="{{ inputType }}"
|
|
103
|
-
[formControl]="formControl"
|
|
104
|
-
[attr.list]="list"/>
|
|
105
|
-
|
|
106
|
-
<input *ngIf="inputType === 'time'"
|
|
107
|
-
class="input"
|
|
108
|
-
type="time"
|
|
109
|
-
[formControl]="formControl"
|
|
110
|
-
[min]="'06:00:00'"
|
|
111
|
-
max="22:00:00"
|
|
112
|
-
step="900"
|
|
113
|
-
autocomplete="on"
|
|
114
|
-
value="08:00:00"
|
|
115
|
-
(click)="click($event)"
|
|
116
|
-
/>
|
|
117
|
-
|
|
118
|
-
<label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
|
|
119
|
-
|
|
120
|
-
<p *ngIf="(formControl.invalid && formControl.value !== '')">
|
|
121
|
-
{{ validateText }}
|
|
122
|
-
</p>
|
|
123
|
-
</div>
|
|
79
|
+
args: [{ selector: 'ipt-input', template: `
|
|
80
|
+
<div class="input-container">
|
|
81
|
+
<!-- Resto del código... -->
|
|
82
|
+
<input *ngIf="inputType === 'date'"
|
|
83
|
+
class="input"
|
|
84
|
+
type="{{ inputType ? 'text' : 'date' }}"
|
|
85
|
+
[formControl]="formControl"
|
|
86
|
+
(ngModelChange)="selectedDate($event)"
|
|
87
|
+
onfocus="this.type='date';"
|
|
88
|
+
onblur="javascript: if( !this.value ) this.type='text';"
|
|
89
|
+
uib-datepicker-popup="dd/MM/yyyy"
|
|
90
|
+
ng-model="inputType"/>
|
|
91
|
+
|
|
92
|
+
<input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
|
|
93
|
+
class="input"
|
|
94
|
+
type="{{ inputType }}"
|
|
95
|
+
[formControl]="formControl"
|
|
96
|
+
[attr.list]="list"/>
|
|
97
|
+
|
|
98
|
+
<input *ngIf="inputType === 'text' && withPipe"
|
|
99
|
+
class="input"
|
|
100
|
+
currencyMask
|
|
101
|
+
[options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
|
|
102
|
+
type="{{ inputType }}"
|
|
103
|
+
[formControl]="formControl"
|
|
104
|
+
[attr.list]="list"/>
|
|
105
|
+
|
|
106
|
+
<input *ngIf="inputType === 'time'"
|
|
107
|
+
class="input"
|
|
108
|
+
type="time"
|
|
109
|
+
[formControl]="formControl"
|
|
110
|
+
[min]="'06:00:00'"
|
|
111
|
+
max="22:00:00"
|
|
112
|
+
step="900"
|
|
113
|
+
autocomplete="on"
|
|
114
|
+
value="08:00:00"
|
|
115
|
+
(click)="click($event)"
|
|
116
|
+
/>
|
|
117
|
+
|
|
118
|
+
<label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
|
|
119
|
+
|
|
120
|
+
<p *ngIf="(formControl.invalid && formControl.value !== '')">
|
|
121
|
+
{{ validateText }}
|
|
122
|
+
</p>
|
|
123
|
+
</div>
|
|
124
124
|
`, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:9px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:9px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:9px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:3px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:9px;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:9px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
|
|
125
125
|
}], ctorParameters: function () { return []; }, propDecorators: { inputType: [{
|
|
126
126
|
type: Input
|
|
@@ -147,4 +147,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
147
147
|
}], disabledSel: [{
|
|
148
148
|
type: Input
|
|
149
149
|
}] } });
|
|
150
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
150
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvaW5wdXQvaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQXFCLE1BQU0sZUFBZSxDQUFDOzs7OztBQW9EMUYsTUFBTSxPQUFPLGNBQWM7SUF5QnpCO1FBdEJBLFNBQUksR0FBVSxFQUFFLENBQUM7UUFFakIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUtoQixhQUFRLEdBQWEsS0FBSyxDQUFDO1FBUzNCLFdBQU0sR0FBVyxHQUFHLENBQUM7UUFDckIsY0FBUyxHQUFXLEdBQUcsQ0FBQztRQUN4QixZQUFPLEdBQVcsR0FBRyxDQUFDO1FBQ3JCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUMzQyxnQkFBVyxHQUFZLEtBQUssQ0FBQztJQUV2QixDQUFDO0lBWmhCLElBQWEsT0FBTyxDQUFDLEtBQStCO1FBQ2xELElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxLQUFLLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFvQixDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQVVELFFBQVEsS0FBSSxDQUFDO0lBRWIsWUFBWSxDQUFDLEdBQVc7UUFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELEtBQUssQ0FBQyxLQUFpQjtRQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUM7SUFDakMsQ0FBQzs7MkdBbkNVLGNBQWM7K0ZBQWQsY0FBYyxnV0FoRGY7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQTZDUDsyRkFHUSxjQUFjO2tCQWxEMUIsU0FBUzsrQkFDRSxXQUFXLFlBQ1g7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQTZDUDswRUFVTSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ08sT0FBTztzQkFBbkIsS0FBSztnQkFNRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRSxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uSW5pdCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2lwdC1pbnB1dCcsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1jb250YWluZXJcIj5cclxuICAgICAgPCEtLSBSZXN0byBkZWwgY8OzZGlnby4uLiAtLT5cclxuICAgICAgPGlucHV0ICpuZ0lmPVwiaW5wdXRUeXBlID09PSAnZGF0ZSdcIlxyXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxyXG4gICAgICAgIHR5cGU9XCJ7eyBpbnB1dFR5cGUgPyAndGV4dCcgOiAnZGF0ZScgfX1cIlxyXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXHJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwic2VsZWN0ZWREYXRlKCRldmVudClcIlxyXG4gICAgICAgIG9uZm9jdXM9XCJ0aGlzLnR5cGU9J2RhdGUnO1wiXHJcbiAgICAgICAgb25ibHVyPVwiamF2YXNjcmlwdDogaWYoICF0aGlzLnZhbHVlICkgdGhpcy50eXBlPSd0ZXh0JztcIlxyXG4gICAgICAgIHVpYi1kYXRlcGlja2VyLXBvcHVwPVwiZGQvTU0veXl5eVwiXHJcbiAgICAgICAgbmctbW9kZWw9XCJpbnB1dFR5cGVcIi8+XHJcblxyXG4gICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgIT09ICdkYXRlJyAmJiBpbnB1dFR5cGUgIT09ICd0aW1lJyAmJiAhd2l0aFBpcGVcIlxyXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxyXG4gICAgICAgIHR5cGU9XCJ7eyBpbnB1dFR5cGUgfX1cIlxyXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXHJcbiAgICAgICAgW2F0dHIubGlzdF09XCJsaXN0XCIvPlxyXG5cclxuICAgICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgPT09ICd0ZXh0JyAmJiB3aXRoUGlwZVwiXHJcbiAgICAgICAgICBjbGFzcz1cImlucHV0XCJcclxuICAgICAgICAgIGN1cnJlbmN5TWFza1xyXG4gICAgICAgICAgW29wdGlvbnNdPVwieyBwcmVmaXg6IHByZWZpeCwgdGhvdXNhbmRzOiB0aG91c2FuZHMsIGRlY2ltYWw6IGRlY2ltYWwsIGFsbG93TmVnYXRpdmU6IGZhbHNlIH1cIlxyXG4gICAgICAgICAgdHlwZT1cInt7IGlucHV0VHlwZSB9fVwiXHJcbiAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxyXG4gICAgICAgICAgW2F0dHIubGlzdF09XCJsaXN0XCIvPlxyXG5cclxuICAgICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgPT09ICd0aW1lJ1wiXHJcbiAgICAgICAgICBjbGFzcz1cImlucHV0XCJcclxuICAgICAgICAgIHR5cGU9XCJ0aW1lXCJcclxuICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXHJcbiAgICAgICAgICBbbWluXT1cIicwNjowMDowMCdcIlxyXG4gICAgICAgICAgbWF4PVwiMjI6MDA6MDBcIlxyXG4gICAgICAgICAgc3RlcD1cIjkwMFwiXHJcbiAgICAgICAgICBhdXRvY29tcGxldGU9XCJvblwiXHJcbiAgICAgICAgICB2YWx1ZT1cIjA4OjAwOjAwXCJcclxuICAgICAgICAgIChjbGljayk9XCJjbGljaygkZXZlbnQpXCJcclxuICAgICAgICAvPlxyXG5cclxuICAgICAgPGxhYmVsIFtuZ0NsYXNzXT1cInsnbGFiZWxVcCc6IGZvcm1Db250cm9sLnZhbHVlICE9PSAnJ31cIj57eyBwbGFjZUhvbGRlciB9fTwvbGFiZWw+XHJcblxyXG4gICAgICA8cCAqbmdJZj1cIihmb3JtQ29udHJvbC5pbnZhbGlkICYmIGZvcm1Db250cm9sLnZhbHVlICE9PSAnJylcIj5cclxuICAgICAgICB7eyB2YWxpZGF0ZVRleHQgfX1cclxuICAgICAgPC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgICBgLFxyXG4gIHN0eWxlVXJsczogWycuL2lucHV0LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBwdWJsaWMgY29kZVZhbHVlITogc3RyaW5nO1xyXG4gIGRhdGE6IGFueVtdID0gW107XHJcbiAgZm9ybUNvbnRyb2whOiBGb3JtQ29udHJvbDtcclxuICBjbGlja2VkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIGlucHV0VHlwZSE6IHN0cmluZztcclxuICBASW5wdXQoKSBwbGFjZUhvbGRlciE6IHN0cmluZztcclxuICBASW5wdXQoKSB2YWxpZGF0ZVRleHQ/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgd2l0aFBpcGU/OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbGlzdD86IHN0cmluZzsgLy9QYXJhIGVsIGRhdGFsaXN0XHJcbiAgQElucHV0KCkgaWNvblVybD86IHN0cmluZztcclxuICBASW5wdXQoKSBzZXQgY29udHJvbCh2YWx1ZTogQWJzdHJhY3RDb250cm9sIHwgc3RyaW5nKSB7XHJcbiAgICBpZiAodGhpcy5mb3JtQ29udHJvbCAhPT0gdmFsdWUpIHtcclxuICAgICAgdGhpcy5mb3JtQ29udHJvbCA9IHZhbHVlIGFzIEZvcm1Db250cm9sO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQElucHV0KCkgcHJlZml4OiBzdHJpbmcgPSAnJCc7XHJcbiAgQElucHV0KCkgdGhvdXNhbmRzOiBzdHJpbmcgPSAnLic7XHJcbiAgQElucHV0KCkgZGVjaW1hbDogc3RyaW5nID0gJywnO1xyXG4gIEBPdXRwdXQoKSBkYXRlU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBASW5wdXQoKSBkaXNhYmxlZFNlbDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxuXHJcbiAgc2VsZWN0ZWREYXRlKGV2dDogc3RyaW5nKXtcclxuICAgIHRoaXMuZGF0ZVNlbGVjdGVkLmVtaXQoZXZ0KTtcclxuICB9XHJcblxyXG4gIGNsaWNrKHZhbHVlOiBNb3VzZUV2ZW50KSB7XHJcbiAgICB0aGlzLmNsaWNrZWQgPSB2YWx1ZS5pc1RydXN0ZWQ7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
|
|
@@ -10,47 +10,47 @@ export class LevelButtonComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
LevelButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LevelButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
LevelButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: LevelButtonComponent, selector: "ipt-level-button", inputs: { level: "level", buttonActive: "buttonActive", idColor: "idColor" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
|
|
14
|
-
<div [ngSwitch]="buttonActive">
|
|
15
|
-
<button
|
|
16
|
-
*ngSwitchCase="0"
|
|
17
|
-
(click)="clickAction()"
|
|
18
|
-
id="level"
|
|
19
|
-
class="courses"
|
|
20
|
-
>
|
|
21
|
-
<p class="p-level">{{ level }}</p>
|
|
22
|
-
</button>
|
|
23
|
-
|
|
24
|
-
<button
|
|
25
|
-
*ngSwitchCase="1"
|
|
26
|
-
(click)="clickAction()"
|
|
27
|
-
id="{{ idColor }}"
|
|
28
|
-
class="courses">
|
|
29
|
-
<p class="p-level p-level-active">{{ level }}</p>
|
|
30
|
-
</button>
|
|
31
|
-
</div>
|
|
13
|
+
LevelButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: LevelButtonComponent, selector: "ipt-level-button", inputs: { level: "level", buttonActive: "buttonActive", idColor: "idColor" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
|
|
14
|
+
<div [ngSwitch]="buttonActive">
|
|
15
|
+
<button
|
|
16
|
+
*ngSwitchCase="0"
|
|
17
|
+
(click)="clickAction()"
|
|
18
|
+
id="level"
|
|
19
|
+
class="courses"
|
|
20
|
+
>
|
|
21
|
+
<p class="p-level">{{ level }}</p>
|
|
22
|
+
</button>
|
|
23
|
+
|
|
24
|
+
<button
|
|
25
|
+
*ngSwitchCase="1"
|
|
26
|
+
(click)="clickAction()"
|
|
27
|
+
id="{{ idColor }}"
|
|
28
|
+
class="courses">
|
|
29
|
+
<p class="p-level p-level-active">{{ level }}</p>
|
|
30
|
+
</button>
|
|
31
|
+
</div>
|
|
32
32
|
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.courses{cursor:pointer;text-decoration:none;display:flex;border-radius:3px;width:100%;height:30px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset;border:none;outline:none;align-items:center;background-color:transparent;color:#1c77f7}.p-level{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}#level-1{background-color:#02eed8}#level-2{background-color:#61acff}#level-3{background-color:#f168f4}#level-4{background-color:#ff3737}#level-5{background-color:#004dfa}#level-6{background-color:#14c25a}#level-7{background-color:#a052da}#level-8{background-color:#f2583d}#level-9{background-color:#291d26}#level-10{background-color:#1c77f7}.p-level-active{color:#fff}}@media (min-width: 375px){.courses{height:40px}.p-level{font-size:18px}}@media (min-width: 425px){.courses{height:30px}}@media (min-width: 768px){.courses{height:40px}}@media (min-width: 1024px){.courses{transition:.6s}.courses:active{transform:scale(1.05);box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.p-level{font-weight:700}}@media (min-width: 1440px){.p-level{font-weight:600}}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LevelButtonComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
|
-
args: [{ selector: 'ipt-level-button', template: `
|
|
36
|
-
<div [ngSwitch]="buttonActive">
|
|
37
|
-
<button
|
|
38
|
-
*ngSwitchCase="0"
|
|
39
|
-
(click)="clickAction()"
|
|
40
|
-
id="level"
|
|
41
|
-
class="courses"
|
|
42
|
-
>
|
|
43
|
-
<p class="p-level">{{ level }}</p>
|
|
44
|
-
</button>
|
|
45
|
-
|
|
46
|
-
<button
|
|
47
|
-
*ngSwitchCase="1"
|
|
48
|
-
(click)="clickAction()"
|
|
49
|
-
id="{{ idColor }}"
|
|
50
|
-
class="courses">
|
|
51
|
-
<p class="p-level p-level-active">{{ level }}</p>
|
|
52
|
-
</button>
|
|
53
|
-
</div>
|
|
35
|
+
args: [{ selector: 'ipt-level-button', template: `
|
|
36
|
+
<div [ngSwitch]="buttonActive">
|
|
37
|
+
<button
|
|
38
|
+
*ngSwitchCase="0"
|
|
39
|
+
(click)="clickAction()"
|
|
40
|
+
id="level"
|
|
41
|
+
class="courses"
|
|
42
|
+
>
|
|
43
|
+
<p class="p-level">{{ level }}</p>
|
|
44
|
+
</button>
|
|
45
|
+
|
|
46
|
+
<button
|
|
47
|
+
*ngSwitchCase="1"
|
|
48
|
+
(click)="clickAction()"
|
|
49
|
+
id="{{ idColor }}"
|
|
50
|
+
class="courses">
|
|
51
|
+
<p class="p-level p-level-active">{{ level }}</p>
|
|
52
|
+
</button>
|
|
53
|
+
</div>
|
|
54
54
|
`, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.courses{cursor:pointer;text-decoration:none;display:flex;border-radius:3px;width:100%;height:30px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset;border:none;outline:none;align-items:center;background-color:transparent;color:#1c77f7}.p-level{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}#level-1{background-color:#02eed8}#level-2{background-color:#61acff}#level-3{background-color:#f168f4}#level-4{background-color:#ff3737}#level-5{background-color:#004dfa}#level-6{background-color:#14c25a}#level-7{background-color:#a052da}#level-8{background-color:#f2583d}#level-9{background-color:#291d26}#level-10{background-color:#1c77f7}.p-level-active{color:#fff}}@media (min-width: 375px){.courses{height:40px}.p-level{font-size:18px}}@media (min-width: 425px){.courses{height:30px}}@media (min-width: 768px){.courses{height:40px}}@media (min-width: 1024px){.courses{transition:.6s}.courses:active{transform:scale(1.05);box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.p-level{font-weight:700}}@media (min-width: 1440px){.p-level{font-weight:600}}\n"] }]
|
|
55
55
|
}], propDecorators: { level: [{
|
|
56
56
|
type: Input
|
|
@@ -61,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
61
61
|
}], isClicked: [{
|
|
62
62
|
type: Output
|
|
63
63
|
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV2ZWwtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2xldmVsLWJ1dHRvbi9sZXZlbC1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQTJCdkUsTUFBTSxPQUFPLG9CQUFvQjtJQXpCakM7UUE4QlksY0FBUyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FNbkQ7SUFKQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7aUhBVFUsb0JBQW9CO3FHQUFwQixvQkFBb0IsMktBdkJyQjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVDsyRkFJVSxvQkFBb0I7a0JBekJoQyxTQUFTOytCQUNFLGtCQUFrQixZQUNsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVDs4QkFNUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2lwdC1sZXZlbC1idXR0b24nLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IFtuZ1N3aXRjaF09XCJidXR0b25BY3RpdmVcIj5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgICpuZ1N3aXRjaENhc2U9XCIwXCJcclxuICAgICAgICAoY2xpY2spPVwiY2xpY2tBY3Rpb24oKVwiXHJcbiAgICAgICAgaWQ9XCJsZXZlbFwiXHJcbiAgICAgICAgY2xhc3M9XCJjb3Vyc2VzXCJcclxuICAgICAgPlxyXG4gICAgICA8cCBjbGFzcz1cInAtbGV2ZWxcIj57eyBsZXZlbCB9fTwvcD5cclxuICAgICAgPC9idXR0b24+XHJcblxyXG4gICAgICA8YnV0dG9uXHJcbiAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIjFcIlxyXG4gICAgICAgIChjbGljayk9XCJjbGlja0FjdGlvbigpXCJcclxuICAgICAgICBpZD1cInt7IGlkQ29sb3IgfX1cIlxyXG4gICAgICAgIGNsYXNzPVwiY291cnNlc1wiPlxyXG4gICAgICA8cCBjbGFzcz1cInAtbGV2ZWwgcC1sZXZlbC1hY3RpdmVcIj57eyBsZXZlbCB9fTwvcD5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL2xldmVsLWJ1dHRvbi5jc3MnXSxcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBMZXZlbEJ1dHRvbkNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGxldmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGJ1dHRvbkFjdGl2ZSE6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaWRDb2xvciE6IHN0cmluZztcclxuICBAT3V0cHV0KCkgaXNDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBjbGlja0FjdGlvbigpIHtcclxuICAgIHRoaXMuaXNDbGlja2VkLmVtaXQodHJ1ZSk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
|
|
@@ -3,17 +3,17 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class LevelTextComponent {
|
|
4
4
|
}
|
|
5
5
|
LevelTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LevelTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
LevelTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: LevelTextComponent, selector: "ipt-level-button", inputs: { level: "level", total: "total" }, ngImport: i0, template: `
|
|
7
|
-
<p class="p-table-course">{{ level }}: {{ total }}</p>
|
|
6
|
+
LevelTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: LevelTextComponent, selector: "ipt-level-button", inputs: { level: "level", total: "total" }, ngImport: i0, template: `
|
|
7
|
+
<p class="p-table-course">{{ level }}: {{ total }}</p>
|
|
8
8
|
`, isInline: true, styles: ["@media (min-width: 320px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 375px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 425px){.p-table-course{font-size:18px}}@media (min-width: 1024px){.p-table-course{font-size:20px}}\n"] });
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LevelTextComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'ipt-level-button', template: `
|
|
12
|
-
<p class="p-table-course">{{ level }}: {{ total }}</p>
|
|
11
|
+
args: [{ selector: 'ipt-level-button', template: `
|
|
12
|
+
<p class="p-table-course">{{ level }}: {{ total }}</p>
|
|
13
13
|
`, styles: ["@media (min-width: 320px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 375px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 425px){.p-table-course{font-size:18px}}@media (min-width: 1024px){.p-table-course{font-size:20px}}\n"] }]
|
|
14
14
|
}], propDecorators: { level: [{
|
|
15
15
|
type: Input
|
|
16
16
|
}], total: [{
|
|
17
17
|
type: Input
|
|
18
18
|
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV2ZWwtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy9sZXZlbC10ZXh0L2xldmVsLXRleHQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUF3QixNQUFNLGVBQWUsQ0FBQzs7QUFVdkUsTUFBTSxPQUFPLGtCQUFrQjs7K0dBQWxCLGtCQUFrQjttR0FBbEIsa0JBQWtCLG9HQU5uQjs7R0FFVDsyRkFJVSxrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0Usa0JBQWtCLFlBQ2xCOztHQUVUOzhCQU1RLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpcHQtbGV2ZWwtYnV0dG9uJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPHAgY2xhc3M9XCJwLXRhYmxlLWNvdXJzZVwiPnt7IGxldmVsIH19OiB7eyB0b3RhbCB9fTwvcD5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL2xldmVsLXRleHQuY3NzJ10sXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgTGV2ZWxUZXh0Q29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgbGV2ZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdG90YWwhOiBzdHJpbmc7XHJcblxyXG59XHJcbiJdfQ==
|
|
@@ -8,41 +8,41 @@ export class LoaderComponent {
|
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: LoaderComponent, selector: "ipt-loader", inputs: { message: "message", isDialog: "isDialog" }, ngImport: i0, template: `
|
|
12
|
-
<div [ngClass]="{'dialog': isDialog}">
|
|
13
|
-
<div [ngClass]="{'loader_container' : isDialog}">
|
|
14
|
-
<span>{{ message }}</span>
|
|
15
|
-
<div class="container">
|
|
16
|
-
<div class="spinner">
|
|
17
|
-
<div class="dot"></div>
|
|
18
|
-
<div class="dot"></div>
|
|
19
|
-
<div class="dot"></div>
|
|
20
|
-
<div class="dot"></div>
|
|
21
|
-
<div class="dot"></div>
|
|
22
|
-
</div>
|
|
23
|
-
</div>
|
|
24
|
-
</div>
|
|
11
|
+
LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: LoaderComponent, selector: "ipt-loader", inputs: { message: "message", isDialog: "isDialog" }, ngImport: i0, template: `
|
|
12
|
+
<div [ngClass]="{'dialog': isDialog}">
|
|
13
|
+
<div [ngClass]="{'loader_container' : isDialog}">
|
|
14
|
+
<span>{{ message }}</span>
|
|
15
|
+
<div class="container">
|
|
16
|
+
<div class="spinner">
|
|
17
|
+
<div class="dot"></div>
|
|
18
|
+
<div class="dot"></div>
|
|
19
|
+
<div class="dot"></div>
|
|
20
|
+
<div class="dot"></div>
|
|
21
|
+
<div class="dot"></div>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
25
|
</div>`, isInline: true, styles: [".dialog{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s;z-index:9999}.loader_container{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;position:absolute;inset:0;margin:auto;background-color:#fff;border-radius:3px;padding:1rem;z-index:9999}span{display:flex;justify-content:center;color:#1c77f7;font:bold;margin-bottom:1rem}.container{display:flex;justify-content:center}.spinner{width:60px;height:60px;position:relative}.spinner .dot{position:absolute;inset:0;display:flex;justify-content:center}.spinner .dot:after{content:\"\";width:7px;height:7px;border-radius:50%;background-color:#1c77f7}@keyframes spin{to{transform:rotate(360deg)}}.spinner .dot{animation:spin 2s infinite}.spinner .dot:nth-child(2){animation-delay:.1s}.spinner .dot:nth-child(3){animation-delay:.2s}.spinner .dot:nth-child(4){animation-delay:.3s}.spinner .dot:nth-child(5){animation-delay:.4s}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'ipt-loader', template: `
|
|
29
|
-
<div [ngClass]="{'dialog': isDialog}">
|
|
30
|
-
<div [ngClass]="{'loader_container' : isDialog}">
|
|
31
|
-
<span>{{ message }}</span>
|
|
32
|
-
<div class="container">
|
|
33
|
-
<div class="spinner">
|
|
34
|
-
<div class="dot"></div>
|
|
35
|
-
<div class="dot"></div>
|
|
36
|
-
<div class="dot"></div>
|
|
37
|
-
<div class="dot"></div>
|
|
38
|
-
<div class="dot"></div>
|
|
39
|
-
</div>
|
|
40
|
-
</div>
|
|
41
|
-
</div>
|
|
28
|
+
args: [{ selector: 'ipt-loader', template: `
|
|
29
|
+
<div [ngClass]="{'dialog': isDialog}">
|
|
30
|
+
<div [ngClass]="{'loader_container' : isDialog}">
|
|
31
|
+
<span>{{ message }}</span>
|
|
32
|
+
<div class="container">
|
|
33
|
+
<div class="spinner">
|
|
34
|
+
<div class="dot"></div>
|
|
35
|
+
<div class="dot"></div>
|
|
36
|
+
<div class="dot"></div>
|
|
37
|
+
<div class="dot"></div>
|
|
38
|
+
<div class="dot"></div>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
42
|
</div>`, styles: [".dialog{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s;z-index:9999}.loader_container{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;position:absolute;inset:0;margin:auto;background-color:#fff;border-radius:3px;padding:1rem;z-index:9999}span{display:flex;justify-content:center;color:#1c77f7;font:bold;margin-bottom:1rem}.container{display:flex;justify-content:center}.spinner{width:60px;height:60px;position:relative}.spinner .dot{position:absolute;inset:0;display:flex;justify-content:center}.spinner .dot:after{content:\"\";width:7px;height:7px;border-radius:50%;background-color:#1c77f7}@keyframes spin{to{transform:rotate(360deg)}}.spinner .dot{animation:spin 2s infinite}.spinner .dot:nth-child(2){animation-delay:.1s}.spinner .dot:nth-child(3){animation-delay:.2s}.spinner .dot:nth-child(4){animation-delay:.3s}.spinner .dot:nth-child(5){animation-delay:.4s}\n"] }]
|
|
43
43
|
}], propDecorators: { message: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], isDialog: [{
|
|
46
46
|
type: Input
|
|
47
47
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2xvYWRlci9sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFxQmpELE1BQU0sT0FBTyxlQUFlO0lBbkI1QjtRQW9CVyxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3JCLGFBQVEsR0FBWSxLQUFLLENBQUM7S0FDcEM7OzRHQUhZLGVBQWU7Z0dBQWYsZUFBZSx3R0FqQmhCOzs7Ozs7Ozs7Ozs7OztTQWNIOzJGQUdJLGVBQWU7a0JBbkIzQixTQUFTOytCQUNFLFlBQVksWUFDWjs7Ozs7Ozs7Ozs7Ozs7U0FjSDs4QkFJRSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXB0LWxvYWRlcicsXHJcbiAgdGVtcGxhdGU6IGBcclxuICA8ZGl2IFtuZ0NsYXNzXT1cInsnZGlhbG9nJzogaXNEaWFsb2d9XCI+XHJcbiAgICA8ZGl2IFtuZ0NsYXNzXT1cInsnbG9hZGVyX2NvbnRhaW5lcicgOiBpc0RpYWxvZ31cIj5cclxuICAgICAgPHNwYW4+e3sgbWVzc2FnZSB9fTwvc3Bhbj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzcGlubmVyXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+YCxcclxuICBzdHlsZVVybHM6IFsnLi9sb2FkZXIuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIExvYWRlckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbWVzc2FnZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgaXNEaWFsb2c6IGJvb2xlYW4gPSBmYWxzZTtcclxufVxyXG5cclxuIl19
|