iptdevs-design-system 2.4.3 → 5.0.0
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/iptdevs-design-system.mjs +4 -4
- package/esm2020/lib/components/atoms/aside-button/aside-button.component.mjs +50 -50
- package/esm2020/lib/components/atoms/button/button.component.mjs +64 -64
- package/esm2020/lib/components/atoms/checkbox/checkbox.component.mjs +47 -47
- package/esm2020/lib/components/atoms/datalist/datalist.component.mjs +94 -94
- package/esm2020/lib/components/atoms/input/input.component.mjs +137 -137
- package/esm2020/lib/components/atoms/level-button/level-button.component.mjs +64 -64
- package/esm2020/lib/components/atoms/level-text/level-text.component.mjs +19 -19
- package/esm2020/lib/components/atoms/radio/radio.component.mjs +47 -47
- package/esm2020/lib/components/atoms/select/select.component.mjs +92 -92
- package/esm2020/lib/components/atoms/text-link/text-link.component.mjs +39 -39
- package/esm2020/lib/components/components.module.mjs +108 -108
- package/esm2020/lib/components/forms/login-form/login-form.component.mjs +93 -93
- package/esm2020/lib/components/material.module.mjs +18 -18
- package/esm2020/lib/components/molecules/sidenav/sidenav.component.mjs +146 -146
- package/esm2020/lib/core/core.module.mjs +46 -46
- package/esm2020/lib/core/models/activities/activities.interface.mjs +2 -0
- package/esm2020/lib/core/models/attendance/attendance.interface.mjs +2 -0
- package/esm2020/lib/core/models/budget/budget.model.mjs +2 -2
- package/esm2020/lib/core/models/calendar/calendar-rq.models.mjs +2 -0
- package/esm2020/lib/core/models/cod/cod-rq.model.mjs +2 -2
- package/esm2020/lib/core/models/course/course-rq.model.mjs +2 -2
- package/esm2020/lib/core/models/cronogram/cronogram.models.mjs +2 -0
- package/esm2020/lib/core/models/marketing/marketing.model.mjs +2 -2
- package/esm2020/lib/core/models/notes/notes.interface.mjs +2 -0
- package/esm2020/lib/core/models/response/response.interface.mjs +2 -0
- package/esm2020/lib/core/models/session/session.model.mjs +3 -3
- package/esm2020/lib/core/models/student/student.interface.mjs +2 -0
- package/esm2020/lib/core/models/table/table-rs.model.mjs +2 -2
- package/esm2020/lib/core/models/test/test.model.mjs +2 -2
- package/esm2020/lib/core/models/url/url.model.mjs +2 -2
- package/esm2020/lib/core/models/user/user-rq.model.mjs +2 -2
- package/esm2020/lib/core/models/user/user-rs.model.mjs +5 -5
- package/esm2020/lib/core/services/attendance-service/attendance.service.mjs +17 -0
- package/esm2020/lib/core/services/budget-service/budget-service.mjs +41 -41
- package/esm2020/lib/core/services/calendar-service/calendar.service.mjs +34 -0
- package/esm2020/lib/core/services/course-service/course-service.model.mjs +75 -56
- package/esm2020/lib/core/services/marketing-service/marketing-service.mjs +57 -57
- package/esm2020/lib/core/services/notes-service/notes.service.mjs +40 -0
- package/esm2020/lib/core/services/parameters-service/parameters.service.mjs +110 -110
- package/esm2020/lib/core/services/storage-service/storage-service.mjs +50 -50
- package/esm2020/lib/core/services/student-service/student.service.mjs +30 -0
- package/esm2020/lib/core/services/switch-service/switch.service.mjs +16 -16
- package/esm2020/lib/core/services/test-service/test.service.mjs +136 -136
- package/esm2020/lib/core/services/user-service/user-service.mjs +84 -84
- package/esm2020/lib/core/utils/base-service/base.service.mjs +153 -153
- package/esm2020/lib/core/utils/route-service/route.service.mjs +18 -18
- package/esm2020/lib/design-system.module.mjs +36 -36
- package/esm2020/public-api.mjs +56 -45
- package/fesm2015/iptdevs-design-system.mjs +1782 -1657
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +1779 -1654
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/iptdevs-design-system.d.ts +5 -5
- package/lib/components/atoms/aside-button/aside-button.component.d.ts +11 -11
- package/lib/components/atoms/button/button.component.d.ts +13 -13
- package/lib/components/atoms/checkbox/checkbox.component.d.ts +11 -11
- package/lib/components/atoms/datalist/datalist.component.d.ts +20 -20
- package/lib/components/atoms/input/input.component.d.ts +24 -24
- package/lib/components/atoms/level-button/level-button.component.d.ts +11 -11
- package/lib/components/atoms/level-text/level-text.component.d.ts +7 -7
- package/lib/components/atoms/radio/radio.component.d.ts +11 -11
- package/lib/components/atoms/select/select.component.d.ts +24 -24
- package/lib/components/atoms/text-link/text-link.component.d.ts +12 -12
- package/lib/components/components.module.d.ts +22 -22
- package/lib/components/forms/login-form/login-form.component.d.ts +13 -13
- package/lib/components/material.module.d.ts +10 -10
- package/lib/components/molecules/sidenav/sidenav.component.d.ts +22 -22
- package/lib/core/core.module.d.ts +6 -6
- package/lib/core/models/activities/activities.interface.d.ts +6 -0
- package/lib/core/models/attendance/attendance.interface.d.ts +44 -0
- package/lib/core/models/budget/budget.model.d.ts +69 -69
- package/lib/core/models/calendar/calendar-rq.models.d.ts +27 -0
- package/lib/core/models/cod/cod-rq.model.d.ts +51 -51
- package/lib/core/models/course/course-rq.model.d.ts +86 -78
- package/lib/core/models/cronogram/cronogram.models.d.ts +71 -0
- package/lib/core/models/marketing/marketing.model.d.ts +104 -104
- package/lib/core/models/notes/notes.interface.d.ts +59 -0
- package/lib/core/models/response/response.interface.d.ts +10 -0
- package/lib/core/models/session/session.model.d.ts +5 -5
- package/lib/core/models/student/student.interface.d.ts +4 -0
- package/lib/core/models/table/table-rs.model.d.ts +7 -7
- package/lib/core/models/test/test.model.d.ts +219 -219
- package/lib/core/models/url/url.model.d.ts +8 -8
- package/lib/core/models/user/user-rq.model.d.ts +91 -72
- package/lib/core/models/user/user-rs.model.d.ts +35 -35
- package/lib/core/services/attendance-service/attendance.service.d.ts +8 -0
- package/lib/core/services/budget-service/budget-service.d.ts +16 -16
- package/lib/core/services/calendar-service/calendar.service.d.ts +15 -0
- package/lib/core/services/course-service/course-service.model.d.ts +24 -19
- package/lib/core/services/marketing-service/marketing-service.d.ts +20 -20
- package/lib/core/services/notes-service/notes.service.d.ts +17 -0
- package/lib/core/services/parameters-service/parameters.service.d.ts +33 -33
- package/lib/core/services/storage-service/storage-service.d.ts +18 -18
- package/lib/core/services/student-service/student.service.d.ts +14 -0
- package/lib/core/services/switch-service/switch.service.d.ts +8 -8
- package/lib/core/services/test-service/test.service.d.ts +35 -35
- package/lib/core/services/user-service/user-service.d.ts +26 -26
- package/lib/core/utils/base-service/base.service.d.ts +18 -18
- package/lib/core/utils/route-service/route.service.d.ts +9 -9
- package/lib/design-system.module.d.ts +9 -9
- package/package.json +3 -3
- package/public-api.d.ts +47 -36
|
@@ -1,64 +1,64 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class LevelButtonComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.isClicked = new EventEmitter();
|
|
7
|
-
}
|
|
8
|
-
clickAction() {
|
|
9
|
-
this.isClicked.emit(true);
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
LevelButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
LevelButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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
|
-
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.courses{cursor:pointer;text-decoration:none;display:flex;border-radius:6px;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"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelButtonComponent, decorators: [{
|
|
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>
|
|
54
|
-
`, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.courses{cursor:pointer;text-decoration:none;display:flex;border-radius:6px;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
|
-
}], propDecorators: { level: [{
|
|
56
|
-
type: Input
|
|
57
|
-
}], buttonActive: [{
|
|
58
|
-
type: Input
|
|
59
|
-
}], idColor: [{
|
|
60
|
-
type: Input
|
|
61
|
-
}], isClicked: [{
|
|
62
|
-
type: Output
|
|
63
|
-
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class LevelButtonComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.isClicked = new EventEmitter();
|
|
7
|
+
}
|
|
8
|
+
clickAction() {
|
|
9
|
+
this.isClicked.emit(true);
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
LevelButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
LevelButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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
|
+
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.courses{cursor:pointer;text-decoration:none;display:flex;border-radius:6px;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"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelButtonComponent, decorators: [{
|
|
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>
|
|
54
|
+
`, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.courses{cursor:pointer;text-decoration:none;display:flex;border-radius:6px;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
|
+
}], propDecorators: { level: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], buttonActive: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], idColor: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], isClicked: [{
|
|
62
|
+
type: Output
|
|
63
|
+
}] } });
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV2ZWwtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2xldmVsLWJ1dHRvbi9sZXZlbC1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQTJCdkUsTUFBTSxPQUFPLG9CQUFvQjtJQXpCakM7UUE4QlksY0FBUyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FNbkQ7SUFKQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7aUhBVFUsb0JBQW9CO3FHQUFwQixvQkFBb0IsMktBdkJyQjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVDsyRkFJVSxvQkFBb0I7a0JBekJoQyxTQUFTOytCQUNFLGtCQUFrQixZQUNsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVDs4QkFNUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2lwdC1sZXZlbC1idXR0b24nLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IFtuZ1N3aXRjaF09XCJidXR0b25BY3RpdmVcIj5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgICpuZ1N3aXRjaENhc2U9XCIwXCJcclxuICAgICAgICAoY2xpY2spPVwiY2xpY2tBY3Rpb24oKVwiXHJcbiAgICAgICAgaWQ9XCJsZXZlbFwiXHJcbiAgICAgICAgY2xhc3M9XCJjb3Vyc2VzXCJcclxuICAgICAgPlxyXG4gICAgICA8cCBjbGFzcz1cInAtbGV2ZWxcIj57eyBsZXZlbCB9fTwvcD5cclxuICAgICAgPC9idXR0b24+XHJcblxyXG4gICAgICA8YnV0dG9uXHJcbiAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIjFcIlxyXG4gICAgICAgIChjbGljayk9XCJjbGlja0FjdGlvbigpXCJcclxuICAgICAgICBpZD1cInt7IGlkQ29sb3IgfX1cIlxyXG4gICAgICAgIGNsYXNzPVwiY291cnNlc1wiPlxyXG4gICAgICA8cCBjbGFzcz1cInAtbGV2ZWwgcC1sZXZlbC1hY3RpdmVcIj57eyBsZXZlbCB9fTwvcD5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL2xldmVsLWJ1dHRvbi5jc3MnXSxcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBMZXZlbEJ1dHRvbkNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGxldmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGJ1dHRvbkFjdGl2ZSE6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaWRDb2xvciE6IHN0cmluZztcclxuICBAT3V0cHV0KCkgaXNDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBjbGlja0FjdGlvbigpIHtcclxuICAgIHRoaXMuaXNDbGlja2VkLmVtaXQodHJ1ZSk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class LevelTextComponent {
|
|
4
|
-
}
|
|
5
|
-
LevelTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
LevelTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LevelTextComponent, selector: "ipt-level-button", inputs: { level: "level", total: "total" }, ngImport: i0, template: `
|
|
7
|
-
<p class="p-table-course">{{ level }}: {{ total }}</p>
|
|
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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelTextComponent, decorators: [{
|
|
10
|
-
type: Component,
|
|
11
|
-
args: [{ selector: 'ipt-level-button', template: `
|
|
12
|
-
<p class="p-table-course">{{ level }}: {{ total }}</p>
|
|
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
|
-
}], propDecorators: { level: [{
|
|
15
|
-
type: Input
|
|
16
|
-
}], total: [{
|
|
17
|
-
type: Input
|
|
18
|
-
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class LevelTextComponent {
|
|
4
|
+
}
|
|
5
|
+
LevelTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
LevelTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LevelTextComponent, selector: "ipt-level-button", inputs: { level: "level", total: "total" }, ngImport: i0, template: `
|
|
7
|
+
<p class="p-table-course">{{ level }}: {{ total }}</p>
|
|
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
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelTextComponent, decorators: [{
|
|
10
|
+
type: Component,
|
|
11
|
+
args: [{ selector: 'ipt-level-button', template: `
|
|
12
|
+
<p class="p-table-course">{{ level }}: {{ total }}</p>
|
|
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
|
+
}], propDecorators: { level: [{
|
|
15
|
+
type: Input
|
|
16
|
+
}], total: [{
|
|
17
|
+
type: Input
|
|
18
|
+
}] } });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV2ZWwtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy9sZXZlbC10ZXh0L2xldmVsLXRleHQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUF3QixNQUFNLGVBQWUsQ0FBQzs7QUFVdkUsTUFBTSxPQUFPLGtCQUFrQjs7K0dBQWxCLGtCQUFrQjttR0FBbEIsa0JBQWtCLG9HQU5uQjs7R0FFVDsyRkFJVSxrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0Usa0JBQWtCLFlBQ2xCOztHQUVUOzhCQU1RLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpcHQtbGV2ZWwtYnV0dG9uJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPHAgY2xhc3M9XCJwLXRhYmxlLWNvdXJzZVwiPnt7IGxldmVsIH19OiB7eyB0b3RhbCB9fTwvcD5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL2xldmVsLXRleHQuY3NzJ10sXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgTGV2ZWxUZXh0Q29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgbGV2ZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdG90YWwhOiBzdHJpbmc7XHJcblxyXG59XHJcbiJdfQ==
|
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from "@angular/core";
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/forms";
|
|
4
|
-
export class RadioComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.radioOption = false;
|
|
7
|
-
this.onSelected = new EventEmitter();
|
|
8
|
-
}
|
|
9
|
-
set control(value) {
|
|
10
|
-
if (this.formControl !== value) {
|
|
11
|
-
this.formControl = value;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
RadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: RadioComponent, selector: "ipt-radio", inputs: { radioOption: "radioOption", control: "control" }, outputs: { onSelected: "onSelected" }, ngImport: i0, template: `
|
|
17
|
-
<label class="cont">
|
|
18
|
-
<input
|
|
19
|
-
class="radio"
|
|
20
|
-
[formControl]="formControl"
|
|
21
|
-
[checked]="radioOption"
|
|
22
|
-
(click)="onSelected.emit($event)"
|
|
23
|
-
type="radio">
|
|
24
|
-
<span></span>
|
|
25
|
-
</label>
|
|
26
|
-
`, isInline: true, styles: [""], directives: [{ type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RadioComponent, decorators: [{
|
|
28
|
-
type: Component,
|
|
29
|
-
args: [{ selector: 'ipt-radio', template: `
|
|
30
|
-
<label class="cont">
|
|
31
|
-
<input
|
|
32
|
-
class="radio"
|
|
33
|
-
[formControl]="formControl"
|
|
34
|
-
[checked]="radioOption"
|
|
35
|
-
(click)="onSelected.emit($event)"
|
|
36
|
-
type="radio">
|
|
37
|
-
<span></span>
|
|
38
|
-
</label>
|
|
39
|
-
`, styles: [""] }]
|
|
40
|
-
}], propDecorators: { radioOption: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], control: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}], onSelected: [{
|
|
45
|
-
type: Output
|
|
46
|
-
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/forms";
|
|
4
|
+
export class RadioComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.radioOption = false;
|
|
7
|
+
this.onSelected = new EventEmitter();
|
|
8
|
+
}
|
|
9
|
+
set control(value) {
|
|
10
|
+
if (this.formControl !== value) {
|
|
11
|
+
this.formControl = value;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
RadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: RadioComponent, selector: "ipt-radio", inputs: { radioOption: "radioOption", control: "control" }, outputs: { onSelected: "onSelected" }, ngImport: i0, template: `
|
|
17
|
+
<label class="cont">
|
|
18
|
+
<input
|
|
19
|
+
class="radio"
|
|
20
|
+
[formControl]="formControl"
|
|
21
|
+
[checked]="radioOption"
|
|
22
|
+
(click)="onSelected.emit($event)"
|
|
23
|
+
type="radio">
|
|
24
|
+
<span></span>
|
|
25
|
+
</label>
|
|
26
|
+
`, isInline: true, styles: [""], directives: [{ type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RadioComponent, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{ selector: 'ipt-radio', template: `
|
|
30
|
+
<label class="cont">
|
|
31
|
+
<input
|
|
32
|
+
class="radio"
|
|
33
|
+
[formControl]="formControl"
|
|
34
|
+
[checked]="radioOption"
|
|
35
|
+
(click)="onSelected.emit($event)"
|
|
36
|
+
type="radio">
|
|
37
|
+
<span></span>
|
|
38
|
+
</label>
|
|
39
|
+
`, styles: [""] }]
|
|
40
|
+
}], propDecorators: { radioOption: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}], control: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], onSelected: [{
|
|
45
|
+
type: Output
|
|
46
|
+
}] } });
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvcmFkaW8vcmFkaW8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW1CdkUsTUFBTSxPQUFPLGNBQWM7SUFoQjNCO1FBa0JXLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBTzVCLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0tBSWxEO0lBVkMsSUFBYSxPQUFPLENBQUMsS0FBc0I7UUFDekMsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLEtBQUssRUFBRTtZQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQW9CLENBQUM7U0FDekM7SUFDSCxDQUFDOzsyR0FQVSxjQUFjOytGQUFkLGNBQWMsb0pBZGY7Ozs7Ozs7Ozs7R0FVVDsyRkFJVSxjQUFjO2tCQWhCMUIsU0FBUzsrQkFDRSxXQUFXLFlBQ1g7Ozs7Ozs7Ozs7R0FVVDs4QkFNUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNPLE9BQU87c0JBQW5CLEtBQUs7Z0JBTUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBGb3JtQ29udHJvbCB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpcHQtcmFkaW8nLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8bGFiZWwgY2xhc3M9XCJjb250XCI+XHJcbiAgICAgIDxpbnB1dFxyXG4gICAgICAgIGNsYXNzPVwicmFkaW9cIlxyXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXHJcbiAgICAgICAgW2NoZWNrZWRdPVwicmFkaW9PcHRpb25cIlxyXG4gICAgICAgIChjbGljayk9XCJvblNlbGVjdGVkLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgICAgdHlwZT1cInJhZGlvXCI+XHJcbiAgICAgIDxzcGFuPjwvc3Bhbj5cclxuICAgIDwvbGFiZWw+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9yYWRpby5jc3MnXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFJhZGlvQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgcmFkaW9PcHRpb246IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzZXQgY29udHJvbCh2YWx1ZTogQWJzdHJhY3RDb250cm9sKSB7XHJcbiAgICBpZiAodGhpcy5mb3JtQ29udHJvbCAhPT0gdmFsdWUpIHtcclxuICAgICAgdGhpcy5mb3JtQ29udHJvbCA9IHZhbHVlIGFzIEZvcm1Db250cm9sO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpIG9uU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xyXG5cclxuICBmb3JtQ29udHJvbCE6IEZvcm1Db250cm9sO1xyXG5cclxufVxyXG4iXX0=
|
|
@@ -1,92 +1,92 @@
|
|
|
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
|
-
export class SelectComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.boxShadow = 0;
|
|
8
|
-
this.clicked = false;
|
|
9
|
-
this.disabledSel = false;
|
|
10
|
-
this.eventSelect = new EventEmitter();
|
|
11
|
-
}
|
|
12
|
-
// type viene de otro componente -> indica de que tipo es el arreglo si pregrade, posgrade o modo
|
|
13
|
-
set control(value) {
|
|
14
|
-
if (this.formControl !== value) {
|
|
15
|
-
this.formControl = value;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
ngOnChanges(changes) {
|
|
19
|
-
if (changes['data']) {
|
|
20
|
-
this.binding = this.defaultText;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
seleccionar(evt) {
|
|
24
|
-
if (this.eventSelect.emit(evt) !== this.defaultText) {
|
|
25
|
-
this.boxShadow = 1;
|
|
26
|
-
}
|
|
27
|
-
else {
|
|
28
|
-
this.boxShadow = 2;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
click(value) {
|
|
32
|
-
this.clicked = value.isTrusted;
|
|
33
|
-
}
|
|
34
|
-
ngOnInit() {
|
|
35
|
-
this.binding = this.defaultText;
|
|
36
|
-
}
|
|
37
|
-
get textClass() {
|
|
38
|
-
return this.defaultText === '' ? 'selected' : 'select';
|
|
39
|
-
}
|
|
40
|
-
get labelClass() {
|
|
41
|
-
return this.clicked === false ? 'label' : 'labelUp';
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
45
|
-
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: SelectComponent, selector: "ipt-select", inputs: { isRequired: "isRequired", data: "data", defaultText: "defaultText", selectCode: "selectCode", disabledSel: "disabledSel", control: "control" }, outputs: { eventSelect: "eventSelect" }, usesOnChanges: true, ngImport: i0, template: `
|
|
46
|
-
<div class="select-container">
|
|
47
|
-
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
48
|
-
<select
|
|
49
|
-
[(ngModel)]="binding"
|
|
50
|
-
(ngModelChange)="seleccionar($event)"
|
|
51
|
-
(click)="click($event)"
|
|
52
|
-
[ngClass]="textClass"
|
|
53
|
-
[disabled]="disabledSel">
|
|
54
|
-
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
55
|
-
{{ item.name }} {{ item.prefix }}
|
|
56
|
-
</option>
|
|
57
|
-
</select>
|
|
58
|
-
</div>
|
|
59
|
-
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.select-container{position:relative;margin-top:30px}.select{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}.selected{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.5s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;background-color:#fff;padding-left:10px}select:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.select: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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, decorators: [{
|
|
61
|
-
type: Component,
|
|
62
|
-
args: [{ selector: 'ipt-select', template: `
|
|
63
|
-
<div class="select-container">
|
|
64
|
-
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
65
|
-
<select
|
|
66
|
-
[(ngModel)]="binding"
|
|
67
|
-
(ngModelChange)="seleccionar($event)"
|
|
68
|
-
(click)="click($event)"
|
|
69
|
-
[ngClass]="textClass"
|
|
70
|
-
[disabled]="disabledSel">
|
|
71
|
-
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
72
|
-
{{ item.name }} {{ item.prefix }}
|
|
73
|
-
</option>
|
|
74
|
-
</select>
|
|
75
|
-
</div>
|
|
76
|
-
`, styles: ["*{font-family:Poppins,sans-serif}.select-container{position:relative;margin-top:30px}.select{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}.selected{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.5s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;background-color:#fff;padding-left:10px}select:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.select: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"] }]
|
|
77
|
-
}], propDecorators: { isRequired: [{
|
|
78
|
-
type: Input
|
|
79
|
-
}], data: [{
|
|
80
|
-
type: Input
|
|
81
|
-
}], defaultText: [{
|
|
82
|
-
type: Input
|
|
83
|
-
}], selectCode: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}], disabledSel: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], eventSelect: [{
|
|
88
|
-
type: Output
|
|
89
|
-
}], control: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}] } });
|
|
92
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
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
|
+
export class SelectComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.boxShadow = 0;
|
|
8
|
+
this.clicked = false;
|
|
9
|
+
this.disabledSel = false;
|
|
10
|
+
this.eventSelect = new EventEmitter();
|
|
11
|
+
}
|
|
12
|
+
// type viene de otro componente -> indica de que tipo es el arreglo si pregrade, posgrade o modo
|
|
13
|
+
set control(value) {
|
|
14
|
+
if (this.formControl !== value) {
|
|
15
|
+
this.formControl = value;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
ngOnChanges(changes) {
|
|
19
|
+
if (changes['data']) {
|
|
20
|
+
this.binding = this.defaultText;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
seleccionar(evt) {
|
|
24
|
+
if (this.eventSelect.emit(evt) !== this.defaultText) {
|
|
25
|
+
this.boxShadow = 1;
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
this.boxShadow = 2;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
click(value) {
|
|
32
|
+
this.clicked = value.isTrusted;
|
|
33
|
+
}
|
|
34
|
+
ngOnInit() {
|
|
35
|
+
this.binding = this.defaultText;
|
|
36
|
+
}
|
|
37
|
+
get textClass() {
|
|
38
|
+
return this.defaultText === '' ? 'selected' : 'select';
|
|
39
|
+
}
|
|
40
|
+
get labelClass() {
|
|
41
|
+
return this.clicked === false ? 'label' : 'labelUp';
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
45
|
+
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: SelectComponent, selector: "ipt-select", inputs: { isRequired: "isRequired", data: "data", defaultText: "defaultText", selectCode: "selectCode", disabledSel: "disabledSel", control: "control" }, outputs: { eventSelect: "eventSelect" }, usesOnChanges: true, ngImport: i0, template: `
|
|
46
|
+
<div class="select-container">
|
|
47
|
+
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
48
|
+
<select
|
|
49
|
+
[(ngModel)]="binding"
|
|
50
|
+
(ngModelChange)="seleccionar($event)"
|
|
51
|
+
(click)="click($event)"
|
|
52
|
+
[ngClass]="textClass"
|
|
53
|
+
[disabled]="disabledSel">
|
|
54
|
+
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
55
|
+
{{ item.name }} {{ item.prefix }}
|
|
56
|
+
</option>
|
|
57
|
+
</select>
|
|
58
|
+
</div>
|
|
59
|
+
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.select-container{position:relative;margin-top:30px}.select{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}.selected{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.5s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;background-color:#fff;padding-left:10px}select:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.select: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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, decorators: [{
|
|
61
|
+
type: Component,
|
|
62
|
+
args: [{ selector: 'ipt-select', template: `
|
|
63
|
+
<div class="select-container">
|
|
64
|
+
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
65
|
+
<select
|
|
66
|
+
[(ngModel)]="binding"
|
|
67
|
+
(ngModelChange)="seleccionar($event)"
|
|
68
|
+
(click)="click($event)"
|
|
69
|
+
[ngClass]="textClass"
|
|
70
|
+
[disabled]="disabledSel">
|
|
71
|
+
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
72
|
+
{{ item.name }} {{ item.prefix }}
|
|
73
|
+
</option>
|
|
74
|
+
</select>
|
|
75
|
+
</div>
|
|
76
|
+
`, styles: ["*{font-family:Poppins,sans-serif}.select-container{position:relative;margin-top:30px}.select{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}.selected{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.5s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;background-color:#fff;padding-left:10px}select:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.select: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"] }]
|
|
77
|
+
}], propDecorators: { isRequired: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], data: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], defaultText: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], selectCode: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], disabledSel: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], eventSelect: [{
|
|
88
|
+
type: Output
|
|
89
|
+
}], control: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}] } });
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7O0FBc0J0RixNQUFNLE9BQU8sZUFBZTtJQW5CNUI7UUFzQkUsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUV0QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBT2hCLGdCQUFXLEdBQVcsS0FBSyxDQUFDO1FBRTNCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQXVDcEQ7SUF0Q0MsaUdBQWlHO0lBQ2pHLElBQWEsT0FBTyxDQUFDLEtBQXNCO1FBQ3pDLElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxLQUFLLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFvQixDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBQztZQUNsQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7U0FDakM7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLEdBQVc7UUFDckIsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ25ELElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDO1NBQ3BCO2FBQ0k7WUFDSCxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztTQUNwQjtJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxJQUFXLFNBQVM7UUFDbEIsT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUM7SUFDekQsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixPQUFPLElBQUksQ0FBQyxPQUFPLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUN0RCxDQUFDOzs0R0FuRFUsZUFBZTtnR0FBZixlQUFlLDBRQWpCaEI7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7MkZBR1UsZUFBZTtrQkFuQjNCLFNBQVM7K0JBQ0UsWUFBWSxZQUNaOzs7Ozs7Ozs7Ozs7OztHQWNUOzhCQVVRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU07Z0JBRU0sT0FBTztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2lwdC1zZWxlY3QnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGNsYXNzPVwic2VsZWN0LWNvbnRhaW5lclwiPlxyXG4gICAgICA8bGFiZWwgW25nQ2xhc3NdPVwibGFiZWxDbGFzc1wiPnt7IGRlZmF1bHRUZXh0IH19PC9sYWJlbD5cclxuICAgICAgPHNlbGVjdFxyXG4gICAgICAgIFsobmdNb2RlbCldPVwiYmluZGluZ1wiXHJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwic2VsZWNjaW9uYXIoJGV2ZW50KVwiXHJcbiAgICAgICAgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInRleHRDbGFzc1wiXHJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkU2VsXCI+XHJcbiAgICAgICAgPG9wdGlvbiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhOyBpbmRleCBhcyBpXCIgW3ZhbHVlXT1cIml0ZW0uY29kZVwiPlxyXG4gICAgICAgICAge3sgaXRlbS5uYW1lIH19IHt7IGl0ZW0ucHJlZml4IH19XHJcbiAgICAgICAgPC9vcHRpb24+XHJcbiAgICAgIDwvc2VsZWN0PlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9zZWxlY3QuY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWxlY3RDb21wb25lbnQge1xyXG5cclxuICBiaW5kaW5nOiBhbnk7XHJcbiAgYm94U2hhZG93OiBudW1iZXIgPSAwO1xyXG4gIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2w7XHJcbiAgY2xpY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKSBpc1JlcXVpcmVkITogYm9vbGVhbjsgLy8gdGVtYXMgZGUgdmFsaWRhY2lvblxyXG4gIC8vIG9iamV0byBxdWUgbWUgdHJhZSBlbCBsaXN0YWRvXHJcbiAgQElucHV0KCkgZGF0YSE6IGFueVtdOyAvLyByZWNpYmUgdW4gYXJyYXkgZGUgY3VhbHF1aWVyIGNvc2FcclxuICBASW5wdXQoKSBkZWZhdWx0VGV4dCE6IGFueTtcclxuICBASW5wdXQoKSBzZWxlY3RDb2RlITpzdHJpbmc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWRTZWw6Ym9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgZXZlbnRTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICAvLyB0eXBlIHZpZW5lIGRlIG90cm8gY29tcG9uZW50ZSAtPiBpbmRpY2EgZGUgcXVlIHRpcG8gZXMgZWwgYXJyZWdsbyBzaSBwcmVncmFkZSwgcG9zZ3JhZGUgbyBtb2RvXHJcbiAgQElucHV0KCkgc2V0IGNvbnRyb2wodmFsdWU6IEFic3RyYWN0Q29udHJvbCkge1xyXG4gICAgaWYgKHRoaXMuZm9ybUNvbnRyb2wgIT09IHZhbHVlKSB7XHJcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wgPSB2YWx1ZSBhcyBGb3JtQ29udHJvbDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGlmKCBjaGFuZ2VzWydkYXRhJ10pe1xyXG4gICAgICB0aGlzLmJpbmRpbmcgPSB0aGlzLmRlZmF1bHRUZXh0O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgc2VsZWNjaW9uYXIoZXZ0OiBzdHJpbmcpe1xyXG4gICAgaWYgKHRoaXMuZXZlbnRTZWxlY3QuZW1pdChldnQpICE9PSB0aGlzLmRlZmF1bHRUZXh0KSB7XHJcbiAgICAgIHRoaXMuYm94U2hhZG93ID0gMTtcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICB0aGlzLmJveFNoYWRvdyA9IDI7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjbGljayh2YWx1ZTogTW91c2VFdmVudCkge1xyXG4gICAgdGhpcy5jbGlja2VkID0gdmFsdWUuaXNUcnVzdGVkO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmJpbmRpbmcgPSB0aGlzLmRlZmF1bHRUZXh0O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCB0ZXh0Q2xhc3MoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLmRlZmF1bHRUZXh0ID09PSAnJyA/ICdzZWxlY3RlZCcgOiAnc2VsZWN0JztcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgbGFiZWxDbGFzcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuY2xpY2tlZCA9PT0gZmFsc2UgPyAnbGFiZWwnIDogJ2xhYmVsVXAnO1xyXG4gIH1cclxuXHJcbn1cclxuIl19
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class TextLinkComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.isClicked = new EventEmitter();
|
|
6
|
-
}
|
|
7
|
-
isLinkClicked() {
|
|
8
|
-
this.isClicked.emit(true);
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
TextLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TextLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
TextLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TextLinkComponent, selector: "ipt-text-link", inputs: { text: "text", blank: "blank", icon: "icon" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
|
|
13
|
-
<a class="text-link" (click)='isLinkClicked()'>
|
|
14
|
-
<p class="text-link__paragraph">
|
|
15
|
-
<i class="{{icon}}" aria-hidden="true"></i>
|
|
16
|
-
{{text}}
|
|
17
|
-
</p>
|
|
18
|
-
</a>
|
|
19
|
-
`, isInline: true, styles: [".text-link{font-family:Poppins,sans-serif;font-size:1.1rem;color:gray;display:flex;flex-direction:row}.text-link__image{height:1rem;background-position:center;fill:#0ff;-webkit-print-color-adjust:aqua;color-adjust:aqua}.text-link__paragraph{margin:0;text-align:end}a:hover,a:focus,.text-link:hover,.text-link:focus{color:#1c77f7;cursor:pointer}@media (max-width: 1200px){.text-link{font-size:.9rem;width:160px}}@media (max-width: 450px){.text-link{font-size:.9rem;width:150px}}\n"] });
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TextLinkComponent, decorators: [{
|
|
21
|
-
type: Component,
|
|
22
|
-
args: [{ selector: 'ipt-text-link', template: `
|
|
23
|
-
<a class="text-link" (click)='isLinkClicked()'>
|
|
24
|
-
<p class="text-link__paragraph">
|
|
25
|
-
<i class="{{icon}}" aria-hidden="true"></i>
|
|
26
|
-
{{text}}
|
|
27
|
-
</p>
|
|
28
|
-
</a>
|
|
29
|
-
`, styles: [".text-link{font-family:Poppins,sans-serif;font-size:1.1rem;color:gray;display:flex;flex-direction:row}.text-link__image{height:1rem;background-position:center;fill:#0ff;-webkit-print-color-adjust:aqua;color-adjust:aqua}.text-link__paragraph{margin:0;text-align:end}a:hover,a:focus,.text-link:hover,.text-link:focus{color:#1c77f7;cursor:pointer}@media (max-width: 1200px){.text-link{font-size:.9rem;width:160px}}@media (max-width: 450px){.text-link{font-size:.9rem;width:150px}}\n"] }]
|
|
30
|
-
}], ctorParameters: function () { return []; }, propDecorators: { text: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}], blank: [{
|
|
33
|
-
type: Input
|
|
34
|
-
}], icon: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}], isClicked: [{
|
|
37
|
-
type: Output
|
|
38
|
-
}] } });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class TextLinkComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.isClicked = new EventEmitter();
|
|
6
|
+
}
|
|
7
|
+
isLinkClicked() {
|
|
8
|
+
this.isClicked.emit(true);
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
TextLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TextLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
TextLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TextLinkComponent, selector: "ipt-text-link", inputs: { text: "text", blank: "blank", icon: "icon" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
|
|
13
|
+
<a class="text-link" (click)='isLinkClicked()'>
|
|
14
|
+
<p class="text-link__paragraph">
|
|
15
|
+
<i class="{{icon}}" aria-hidden="true"></i>
|
|
16
|
+
{{text}}
|
|
17
|
+
</p>
|
|
18
|
+
</a>
|
|
19
|
+
`, isInline: true, styles: [".text-link{font-family:Poppins,sans-serif;font-size:1.1rem;color:gray;display:flex;flex-direction:row}.text-link__image{height:1rem;background-position:center;fill:#0ff;-webkit-print-color-adjust:aqua;color-adjust:aqua}.text-link__paragraph{margin:0;text-align:end}a:hover,a:focus,.text-link:hover,.text-link:focus{color:#1c77f7;cursor:pointer}@media (max-width: 1200px){.text-link{font-size:.9rem;width:160px}}@media (max-width: 450px){.text-link{font-size:.9rem;width:150px}}\n"] });
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TextLinkComponent, decorators: [{
|
|
21
|
+
type: Component,
|
|
22
|
+
args: [{ selector: 'ipt-text-link', template: `
|
|
23
|
+
<a class="text-link" (click)='isLinkClicked()'>
|
|
24
|
+
<p class="text-link__paragraph">
|
|
25
|
+
<i class="{{icon}}" aria-hidden="true"></i>
|
|
26
|
+
{{text}}
|
|
27
|
+
</p>
|
|
28
|
+
</a>
|
|
29
|
+
`, styles: [".text-link{font-family:Poppins,sans-serif;font-size:1.1rem;color:gray;display:flex;flex-direction:row}.text-link__image{height:1rem;background-position:center;fill:#0ff;-webkit-print-color-adjust:aqua;color-adjust:aqua}.text-link__paragraph{margin:0;text-align:end}a:hover,a:focus,.text-link:hover,.text-link:focus{color:#1c77f7;cursor:pointer}@media (max-width: 1200px){.text-link{font-size:.9rem;width:160px}}@media (max-width: 450px){.text-link{font-size:.9rem;width:150px}}\n"] }]
|
|
30
|
+
}], ctorParameters: function () { return []; }, propDecorators: { text: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], blank: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], icon: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], isClicked: [{
|
|
37
|
+
type: Output
|
|
38
|
+
}] } });
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL3RleHQtbGluay90ZXh0LWxpbmsuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBZXZFLE1BQU0sT0FBTyxpQkFBaUI7SUFTNUI7UUFIVSxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUlsRCxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVCLENBQUM7OzhHQWRVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGtKQVhsQjs7Ozs7OztHQU9UOzJGQUlVLGlCQUFpQjtrQkFiN0IsU0FBUzsrQkFDRSxlQUFlLFlBQ2Y7Ozs7Ozs7R0FPVDswRUFNUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXB0LXRleHQtbGluaycsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxhIGNsYXNzPVwidGV4dC1saW5rXCIgKGNsaWNrKT0naXNMaW5rQ2xpY2tlZCgpJz5cclxuICAgICAgPHAgY2xhc3M9XCJ0ZXh0LWxpbmtfX3BhcmFncmFwaFwiPlxyXG4gICAgICAgIDxpIGNsYXNzPVwie3tpY29ufX1cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XHJcbiAgICAgICAge3t0ZXh0fX1cclxuICAgICAgPC9wPlxyXG4gICAgPC9hPlxyXG4gIGAsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dC1saW5rLmNzcyddLFxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFRleHRMaW5rQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgdGV4dCE6IHN0cmluZztcclxuICBASW5wdXQoKSBibGFuaz86IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaWNvbj86IHN0cmluZztcclxuXHJcbiAgQE91dHB1dCgpIGlzQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gIH1cclxuXHJcbiAgaXNMaW5rQ2xpY2tlZCgpIHtcclxuICAgIHRoaXMuaXNDbGlja2VkLmVtaXQodHJ1ZSk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
|