iptdevs-design-system 2.7.37 → 2.7.39
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/cod/cod-documents-section/cod-documents-section.component.mjs +16 -16
- package/esm2020/lib/cod/cod-form/cod-form.component.mjs +227 -227
- package/esm2020/lib/cod/cod.module.mjs +90 -90
- package/esm2020/lib/cod/logic/calculate-quotes.service.mjs +72 -72
- package/esm2020/lib/cod/logic/cod-form-controls.mjs +91 -91
- package/esm2020/lib/cod/logic/cod-form-steps.mjs +29 -29
- package/esm2020/lib/cod/logic/communicator.service.mjs +28 -28
- package/esm2020/lib/cod/logic/local-storage-cod.service.mjs +39 -39
- package/esm2020/lib/cod/steps/cod-form-step-five/cod-form-step-five.component.mjs +146 -146
- package/esm2020/lib/cod/steps/cod-form-step-four/cod-form-step-four.component.mjs +251 -251
- package/esm2020/lib/cod/steps/cod-form-step-one/cod-form-step-one.component.mjs +200 -200
- package/esm2020/lib/cod/steps/cod-form-step-three/cod-form-step-three.component.mjs +175 -175
- package/esm2020/lib/cod/steps/cod-form-step-two/cod-form-step-two.component.mjs +255 -255
- 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 +145 -145
- 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/loader/loader.component.mjs +48 -48
- package/esm2020/lib/components/atoms/radio/radio.component.mjs +47 -47
- package/esm2020/lib/components/atoms/select/select.component.mjs +102 -102
- package/esm2020/lib/components/atoms/text-link/text-link.component.mjs +39 -39
- package/esm2020/lib/components/components.module.mjs +123 -118
- package/esm2020/lib/components/forms/create-user-form/create-user-form.component.mjs +228 -228
- package/esm2020/lib/components/forms/login-form/login-form.component.mjs +93 -93
- package/esm2020/lib/components/material.module.mjs +19 -19
- package/esm2020/lib/components/molecules/question-type/edit-question-types.component.mjs +299 -0
- package/esm2020/lib/components/molecules/sidenav/sidenav.component.mjs +150 -150
- package/esm2020/lib/core/core.module.mjs +73 -73
- package/esm2020/lib/core/models/academic/academic.component.mjs +2 -2
- package/esm2020/lib/core/models/activities/activities.interface.mjs +2 -2
- package/esm2020/lib/core/models/attendance/attendance.interface.mjs +2 -2
- package/esm2020/lib/core/models/budget/budget.model.mjs +2 -2
- package/esm2020/lib/core/models/calendar/calendar-rq.models.mjs +2 -2
- package/esm2020/lib/core/models/classroom/classroom-rq.model.mjs +2 -2
- package/esm2020/lib/core/models/cod/cod-rq.model.mjs +2 -2
- package/esm2020/lib/core/models/commercial/commercial.model.mjs +2 -2
- package/esm2020/lib/core/models/course/course-rq.model.mjs +2 -2
- package/esm2020/lib/core/models/course/courses.model.mjs +2 -2
- package/esm2020/lib/core/models/cronogram/cronogram.models.mjs +2 -2
- package/esm2020/lib/core/models/marketing/marketing.model.mjs +2 -2
- package/esm2020/lib/core/models/notes/notes.interface.mjs +2 -2
- package/esm2020/lib/core/models/payment/payment-rq.model.mjs +2 -2
- package/esm2020/lib/core/models/response/response.interface.mjs +2 -2
- package/esm2020/lib/core/models/session/session.model.mjs +3 -3
- package/esm2020/lib/core/models/student/student.interface.mjs +2 -2
- 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/academic-service/academic.service.mjs +55 -55
- package/esm2020/lib/core/services/activity-service/activity.service.mjs +87 -87
- package/esm2020/lib/core/services/attendance-service/attendance.service.mjs +64 -64
- package/esm2020/lib/core/services/budget-service/budget-service.mjs +66 -66
- package/esm2020/lib/core/services/calendar-service/calendar.service.mjs +65 -65
- package/esm2020/lib/core/services/certificate-service/certificate.service.mjs +26 -26
- package/esm2020/lib/core/services/classroom-service/classroom-service.service.mjs +36 -36
- package/esm2020/lib/core/services/commercial-service/comercial.service.mjs +49 -49
- package/esm2020/lib/core/services/commercial-service/validators.mjs +4 -4
- package/esm2020/lib/core/services/copies.service.mjs +17 -17
- package/esm2020/lib/core/services/course-service/course-service.model.mjs +70 -70
- package/esm2020/lib/core/services/ekt-service/userekt.service.mjs +29 -29
- package/esm2020/lib/core/services/marketing-service/marketing-service.mjs +52 -52
- package/esm2020/lib/core/services/notes-service/notes.service.mjs +46 -46
- package/esm2020/lib/core/services/parameters-service/parameters.service.mjs +173 -173
- package/esm2020/lib/core/services/service-enviroments.mjs +26 -26
- package/esm2020/lib/core/services/storage-service/storage-service.mjs +50 -50
- package/esm2020/lib/core/services/student-service/student.service.mjs +26 -26
- package/esm2020/lib/core/services/switch-service/switch.service.mjs +16 -16
- package/esm2020/lib/core/services/test-service/test.service.mjs +128 -131
- package/esm2020/lib/core/services/user-service/user-service.mjs +100 -100
- package/esm2020/lib/core/utils/base-service/base.service.mjs +191 -186
- package/esm2020/lib/core/utils/copies.mjs +214 -214
- package/esm2020/lib/core/utils/route-service/route.service.mjs +18 -18
- package/esm2020/lib/design-system.module.mjs +40 -40
- package/esm2020/public-api.mjs +89 -88
- package/fesm2015/iptdevs-design-system.mjs +4548 -4247
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +4545 -4244
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/iptdevs-design-system.d.ts +5 -5
- package/lib/cod/cod-documents-section/cod-documents-section.component.d.ts +8 -8
- package/lib/cod/cod-form/cod-form.component.d.ts +37 -37
- package/lib/cod/cod.module.d.ts +21 -21
- package/lib/cod/logic/calculate-quotes.service.d.ts +14 -14
- package/lib/cod/logic/cod-form-controls.d.ts +16 -16
- package/lib/cod/logic/cod-form-steps.d.ts +15 -15
- package/lib/cod/logic/communicator.service.d.ts +13 -13
- package/lib/cod/logic/local-storage-cod.service.d.ts +8 -8
- package/lib/cod/steps/cod-form-step-five/cod-form-step-five.component.d.ts +31 -31
- package/lib/cod/steps/cod-form-step-four/cod-form-step-four.component.d.ts +47 -47
- package/lib/cod/steps/cod-form-step-one/cod-form-step-one.component.d.ts +46 -46
- package/lib/cod/steps/cod-form-step-three/cod-form-step-three.component.d.ts +35 -35
- package/lib/cod/steps/cod-form-step-two/cod-form-step-two.component.d.ts +44 -44
- 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 +26 -26
- 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/loader/loader.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 +26 -26
- package/lib/components/atoms/text-link/text-link.component.d.ts +12 -12
- package/lib/components/components.module.d.ts +25 -24
- package/lib/components/forms/create-user-form/create-user-form.component.d.ts +36 -36
- package/lib/components/forms/login-form/login-form.component.d.ts +13 -13
- package/lib/components/material.module.d.ts +11 -11
- package/lib/components/molecules/question-type/edit-question-types.component.d.ts +10 -0
- package/lib/components/molecules/sidenav/sidenav.component.d.ts +25 -25
- package/lib/core/core.module.d.ts +6 -6
- package/lib/core/models/academic/academic.component.d.ts +26 -26
- package/lib/core/models/activities/activities.interface.d.ts +12 -12
- package/lib/core/models/attendance/attendance.interface.d.ts +62 -62
- package/lib/core/models/budget/budget.model.d.ts +69 -69
- package/lib/core/models/calendar/calendar-rq.models.d.ts +27 -27
- package/lib/core/models/classroom/classroom-rq.model.d.ts +23 -23
- package/lib/core/models/cod/cod-rq.model.d.ts +168 -168
- package/lib/core/models/commercial/commercial.model.d.ts +10 -10
- package/lib/core/models/course/course-rq.model.d.ts +86 -86
- package/lib/core/models/course/courses.model.d.ts +18 -18
- package/lib/core/models/cronogram/cronogram.models.d.ts +183 -183
- package/lib/core/models/marketing/marketing.model.d.ts +104 -104
- package/lib/core/models/notes/notes.interface.d.ts +89 -89
- package/lib/core/models/payment/payment-rq.model.d.ts +212 -212
- package/lib/core/models/response/response.interface.d.ts +10 -10
- package/lib/core/models/session/session.model.d.ts +5 -5
- package/lib/core/models/student/student.interface.d.ts +4 -4
- 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 +90 -90
- package/lib/core/models/user/user-rs.model.d.ts +35 -35
- package/lib/core/services/academic-service/academic.service.d.ts +20 -20
- package/lib/core/services/activity-service/activity.service.d.ts +25 -25
- package/lib/core/services/attendance-service/attendance.service.d.ts +22 -22
- package/lib/core/services/budget-service/budget-service.d.ts +23 -23
- package/lib/core/services/calendar-service/calendar.service.d.ts +23 -23
- package/lib/core/services/certificate-service/certificate.service.d.ts +13 -13
- package/lib/core/services/classroom-service/classroom-service.service.d.ts +15 -15
- package/lib/core/services/commercial-service/comercial.service.d.ts +19 -19
- package/lib/core/services/commercial-service/validators.d.ts +2 -2
- package/lib/core/services/copies.service.d.ts +7 -7
- package/lib/core/services/course-service/course-service.model.d.ts +23 -23
- package/lib/core/services/ekt-service/userekt.service.d.ts +13 -13
- package/lib/core/services/marketing-service/marketing-service.d.ts +19 -19
- package/lib/core/services/notes-service/notes.service.d.ts +18 -18
- package/lib/core/services/parameters-service/parameters.service.d.ts +49 -49
- package/lib/core/services/service-enviroments.d.ts +5 -5
- package/lib/core/services/storage-service/storage-service.d.ts +18 -18
- package/lib/core/services/student-service/student.service.d.ts +13 -13
- package/lib/core/services/switch-service/switch.service.d.ts +8 -8
- package/lib/core/services/test-service/test.service.d.ts +33 -34
- package/lib/core/services/user-service/user-service.d.ts +30 -30
- package/lib/core/utils/base-service/base.service.d.ts +23 -22
- package/lib/core/utils/copies.d.ts +1 -1
- package/lib/core/utils/route-service/route.service.d.ts +9 -9
- package/lib/design-system.module.d.ts +10 -10
- package/package.json +1 -1
- package/public-api.d.ts +76 -75
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class LoaderComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.message = '';
|
|
7
|
-
this.isDialog = false;
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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
|
-
</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:6px;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"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
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>
|
|
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:6px;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
|
-
}], propDecorators: { message: [{
|
|
44
|
-
type: Input
|
|
45
|
-
}], isDialog: [{
|
|
46
|
-
type: Input
|
|
47
|
-
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class LoaderComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.message = '';
|
|
7
|
+
this.isDialog = false;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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
|
+
</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:6px;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"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
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>
|
|
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:6px;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
|
+
}], propDecorators: { message: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], isDialog: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2xvYWRlci9sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFxQmpELE1BQU0sT0FBTyxlQUFlO0lBbkI1QjtRQW9CVyxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3JCLGFBQVEsR0FBWSxLQUFLLENBQUM7S0FDcEM7OzRHQUhZLGVBQWU7Z0dBQWYsZUFBZSx3R0FqQmhCOzs7Ozs7Ozs7Ozs7OztTQWNIOzJGQUdJLGVBQWU7a0JBbkIzQixTQUFTOytCQUNFLFlBQVksWUFDWjs7Ozs7Ozs7Ozs7Ozs7U0FjSDs4QkFJRSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWxvYWRlcicsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgW25nQ2xhc3NdPVwieydkaWFsb2cnOiBpc0RpYWxvZ31cIj5cbiAgICA8ZGl2IFtuZ0NsYXNzXT1cInsnbG9hZGVyX2NvbnRhaW5lcicgOiBpc0RpYWxvZ31cIj5cbiAgICAgIDxzcGFuPnt7IG1lc3NhZ2UgfX08L3NwYW4+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzcGlubmVyXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRvdFwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkb3RcIj48L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG90XCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRvdFwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkb3RcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+YCxcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZGVyLmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIExvYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1lc3NhZ2U6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBpc0RpYWxvZzogYm9vbGVhbiA9IGZhbHNlO1xufVxuXG4iXX0=
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvcmFkaW8vcmFkaW8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW1CdkUsTUFBTSxPQUFPLGNBQWM7SUFoQjNCO1FBa0JXLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBTzVCLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0tBSWxEO0lBVkMsSUFBYSxPQUFPLENBQUMsS0FBc0I7UUFDekMsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLEtBQUssRUFBRTtZQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQW9CLENBQUM7U0FDekM7SUFDSCxDQUFDOzsyR0FQVSxjQUFjOytGQUFkLGNBQWMsb0pBZGY7Ozs7Ozs7Ozs7R0FVVDsyRkFJVSxjQUFjO2tCQWhCMUIsU0FBUzsrQkFDRSxXQUFXLFlBQ1g7Ozs7Ozs7Ozs7R0FVVDs4QkFNUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNPLE9BQU87c0JBQW5CLEtBQUs7Z0JBTUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUNvbnRyb2wgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LXJhZGlvJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bGFiZWwgY2xhc3M9XCJjb250XCI+XG4gICAgICA8aW5wdXRcbiAgICAgICAgY2xhc3M9XCJyYWRpb1wiXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgIFtjaGVja2VkXT1cInJhZGlvT3B0aW9uXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uU2VsZWN0ZWQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgdHlwZT1cInJhZGlvXCI+XG4gICAgICA8c3Bhbj48L3NwYW4+XG4gICAgPC9sYWJlbD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vcmFkaW8uY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBSYWRpb0NvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgcmFkaW9PcHRpb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2V0IGNvbnRyb2wodmFsdWU6IEFic3RyYWN0Q29udHJvbCkge1xuICAgIGlmICh0aGlzLmZvcm1Db250cm9sICE9PSB2YWx1ZSkge1xuICAgICAgdGhpcy5mb3JtQ29udHJvbCA9IHZhbHVlIGFzIEZvcm1Db250cm9sO1xuICAgIH1cbiAgfVxuXG4gIEBPdXRwdXQoKSBvblNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICBmb3JtQ29udHJvbCE6IEZvcm1Db250cm9sO1xuXG59XG4iXX0=
|
|
@@ -1,102 +1,102 @@
|
|
|
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.setBinding();
|
|
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
|
-
setBinding() {
|
|
32
|
-
if (this.initialValue !== '') {
|
|
33
|
-
this.binding = this.initialValue;
|
|
34
|
-
}
|
|
35
|
-
else {
|
|
36
|
-
this.binding = this.defaultText;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
click(value) {
|
|
40
|
-
this.clicked = value.isTrusted;
|
|
41
|
-
}
|
|
42
|
-
ngOnInit() {
|
|
43
|
-
this.setBinding();
|
|
44
|
-
}
|
|
45
|
-
get textClass() {
|
|
46
|
-
return this.defaultText === '' ? 'selected' : 'select';
|
|
47
|
-
}
|
|
48
|
-
get labelClass() {
|
|
49
|
-
return (this.clicked || this.initialValue !== '') ? 'labelUp' : 'label';
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
-
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", initialValue: "initialValue", control: "control" }, outputs: { eventSelect: "eventSelect" }, usesOnChanges: true, ngImport: i0, template: `
|
|
54
|
-
<div class="select-container">
|
|
55
|
-
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
56
|
-
<select
|
|
57
|
-
[(ngModel)]="binding"
|
|
58
|
-
(ngModelChange)="seleccionar($event)"
|
|
59
|
-
(click)="click($event)"
|
|
60
|
-
[ngClass]="textClass"
|
|
61
|
-
[disabled]="disabledSel">
|
|
62
|
-
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
63
|
-
{{ item.name }} {{ item.prefix }}
|
|
64
|
-
</option>
|
|
65
|
-
</select>
|
|
66
|
-
</div>
|
|
67
|
-
`, 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"] }] });
|
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, decorators: [{
|
|
69
|
-
type: Component,
|
|
70
|
-
args: [{ selector: 'ipt-select', template: `
|
|
71
|
-
<div class="select-container">
|
|
72
|
-
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
73
|
-
<select
|
|
74
|
-
[(ngModel)]="binding"
|
|
75
|
-
(ngModelChange)="seleccionar($event)"
|
|
76
|
-
(click)="click($event)"
|
|
77
|
-
[ngClass]="textClass"
|
|
78
|
-
[disabled]="disabledSel">
|
|
79
|
-
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
80
|
-
{{ item.name }} {{ item.prefix }}
|
|
81
|
-
</option>
|
|
82
|
-
</select>
|
|
83
|
-
</div>
|
|
84
|
-
`, 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"] }]
|
|
85
|
-
}], propDecorators: { isRequired: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], data: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}], defaultText: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}], selectCode: [{
|
|
92
|
-
type: Input
|
|
93
|
-
}], disabledSel: [{
|
|
94
|
-
type: Input
|
|
95
|
-
}], initialValue: [{
|
|
96
|
-
type: Input
|
|
97
|
-
}], eventSelect: [{
|
|
98
|
-
type: Output
|
|
99
|
-
}], control: [{
|
|
100
|
-
type: Input
|
|
101
|
-
}] } });
|
|
102
|
-
//# 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.setBinding();
|
|
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
|
+
setBinding() {
|
|
32
|
+
if (this.initialValue !== '') {
|
|
33
|
+
this.binding = this.initialValue;
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
this.binding = this.defaultText;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
click(value) {
|
|
40
|
+
this.clicked = value.isTrusted;
|
|
41
|
+
}
|
|
42
|
+
ngOnInit() {
|
|
43
|
+
this.setBinding();
|
|
44
|
+
}
|
|
45
|
+
get textClass() {
|
|
46
|
+
return this.defaultText === '' ? 'selected' : 'select';
|
|
47
|
+
}
|
|
48
|
+
get labelClass() {
|
|
49
|
+
return (this.clicked || this.initialValue !== '') ? 'labelUp' : 'label';
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
+
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", initialValue: "initialValue", control: "control" }, outputs: { eventSelect: "eventSelect" }, usesOnChanges: true, ngImport: i0, template: `
|
|
54
|
+
<div class="select-container">
|
|
55
|
+
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
56
|
+
<select
|
|
57
|
+
[(ngModel)]="binding"
|
|
58
|
+
(ngModelChange)="seleccionar($event)"
|
|
59
|
+
(click)="click($event)"
|
|
60
|
+
[ngClass]="textClass"
|
|
61
|
+
[disabled]="disabledSel">
|
|
62
|
+
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
63
|
+
{{ item.name }} {{ item.prefix }}
|
|
64
|
+
</option>
|
|
65
|
+
</select>
|
|
66
|
+
</div>
|
|
67
|
+
`, 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"] }] });
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, decorators: [{
|
|
69
|
+
type: Component,
|
|
70
|
+
args: [{ selector: 'ipt-select', template: `
|
|
71
|
+
<div class="select-container">
|
|
72
|
+
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
73
|
+
<select
|
|
74
|
+
[(ngModel)]="binding"
|
|
75
|
+
(ngModelChange)="seleccionar($event)"
|
|
76
|
+
(click)="click($event)"
|
|
77
|
+
[ngClass]="textClass"
|
|
78
|
+
[disabled]="disabledSel">
|
|
79
|
+
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
80
|
+
{{ item.name }} {{ item.prefix }}
|
|
81
|
+
</option>
|
|
82
|
+
</select>
|
|
83
|
+
</div>
|
|
84
|
+
`, 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"] }]
|
|
85
|
+
}], propDecorators: { isRequired: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], data: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], defaultText: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], selectCode: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], disabledSel: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], initialValue: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], eventSelect: [{
|
|
98
|
+
type: Output
|
|
99
|
+
}], control: [{
|
|
100
|
+
type: Input
|
|
101
|
+
}] } });
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7O0FBc0J0RixNQUFNLE9BQU8sZUFBZTtJQW5CNUI7UUFzQkUsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUV0QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBT2hCLGdCQUFXLEdBQVcsS0FBSyxDQUFDO1FBRzNCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQStDcEQ7SUE5Q0MsaUdBQWlHO0lBQ2pHLElBQWEsT0FBTyxDQUFDLEtBQXNCO1FBQ3pDLElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxLQUFLLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFvQixDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBQztZQUNsQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7U0FDbkI7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLEdBQVc7UUFDckIsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ25ELElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDO1NBQ3BCO2FBQ0k7WUFDSCxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztTQUNwQjtJQUNILENBQUM7SUFFTyxVQUFVO1FBQ2hCLElBQUcsSUFBSSxDQUFDLFlBQVksS0FBSyxFQUFFLEVBQUU7WUFDM0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO1NBQ2xDO2FBQU07WUFDTCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7U0FDakM7SUFDSCxDQUFDO0lBRUQsS0FBSyxDQUFDLEtBQWlCO1FBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsUUFBUTtRQUNMLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsSUFBVyxTQUFTO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO0lBQ3pELENBQUM7SUFFRCxJQUFXLFVBQVU7UUFDbkIsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFlBQVksS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7SUFDMUUsQ0FBQzs7NEdBNURVLGVBQWU7Z0dBQWYsZUFBZSx3U0FqQmhCOzs7Ozs7Ozs7Ozs7OztHQWNUOzJGQUdVLGVBQWU7a0JBbkIzQixTQUFTOytCQUNFLFlBQVksWUFDWjs7Ozs7Ozs7Ozs7Ozs7R0FjVDs4QkFVUSxVQUFVO3NCQUFsQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU07Z0JBRU0sT0FBTztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpcHQtc2VsZWN0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwic2VsZWN0LWNvbnRhaW5lclwiPlxuICAgICAgPGxhYmVsIFtuZ0NsYXNzXT1cImxhYmVsQ2xhc3NcIj57eyBkZWZhdWx0VGV4dCB9fTwvbGFiZWw+XG4gICAgICA8c2VsZWN0XG4gICAgICAgIFsobmdNb2RlbCldPVwiYmluZGluZ1wiXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInNlbGVjY2lvbmFyKCRldmVudClcIlxuICAgICAgICAoY2xpY2spPVwiY2xpY2soJGV2ZW50KVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInRleHRDbGFzc1wiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFNlbFwiPlxuICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGE7IGluZGV4IGFzIGlcIiBbdmFsdWVdPVwiaXRlbS5jb2RlXCI+XG4gICAgICAgICAge3sgaXRlbS5uYW1lIH19IHt7IGl0ZW0ucHJlZml4IH19XG4gICAgICAgIDwvb3B0aW9uPlxuICAgICAgPC9zZWxlY3Q+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0Q29tcG9uZW50IHtcblxuICBiaW5kaW5nOiBhbnk7XG4gIGJveFNoYWRvdzogbnVtYmVyID0gMDtcbiAgZm9ybUNvbnRyb2whOiBGb3JtQ29udHJvbDtcbiAgY2xpY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGlzUmVxdWlyZWQhOiBib29sZWFuOyAvLyB0ZW1hcyBkZSB2YWxpZGFjaW9uXG4gIC8vIG9iamV0byBxdWUgbWUgdHJhZSBlbCBsaXN0YWRvXG4gIEBJbnB1dCgpIGRhdGEhOiBhbnlbXTsgLy8gcmVjaWJlIHVuIGFycmF5IGRlIGN1YWxxdWllciBjb3NhXG4gIEBJbnB1dCgpIGRlZmF1bHRUZXh0ITogYW55O1xuICBASW5wdXQoKSBzZWxlY3RDb2RlITpzdHJpbmc7XG4gIEBJbnB1dCgpIGRpc2FibGVkU2VsOmJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaW5pdGlhbFZhbHVlITogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBldmVudFNlbGVjdCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICAvLyB0eXBlIHZpZW5lIGRlIG90cm8gY29tcG9uZW50ZSAtPiBpbmRpY2EgZGUgcXVlIHRpcG8gZXMgZWwgYXJyZWdsbyBzaSBwcmVncmFkZSwgcG9zZ3JhZGUgbyBtb2RvXG4gIEBJbnB1dCgpIHNldCBjb250cm9sKHZhbHVlOiBBYnN0cmFjdENvbnRyb2wpIHtcbiAgICBpZiAodGhpcy5mb3JtQ29udHJvbCAhPT0gdmFsdWUpIHtcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wgPSB2YWx1ZSBhcyBGb3JtQ29udHJvbDtcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYoIGNoYW5nZXNbJ2RhdGEnXSl7XG4gICAgICB0aGlzLnNldEJpbmRpbmcoKTtcbiAgICB9XG4gIH1cblxuICBzZWxlY2Npb25hcihldnQ6IHN0cmluZyl7XG4gICAgaWYgKHRoaXMuZXZlbnRTZWxlY3QuZW1pdChldnQpICE9PSB0aGlzLmRlZmF1bHRUZXh0KSB7XG4gICAgICB0aGlzLmJveFNoYWRvdyA9IDE7XG4gICAgfVxuICAgIGVsc2Uge1xuICAgICAgdGhpcy5ib3hTaGFkb3cgPSAyO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgc2V0QmluZGluZygpIHtcbiAgICBpZih0aGlzLmluaXRpYWxWYWx1ZSAhPT0gJycpIHtcbiAgICAgIHRoaXMuYmluZGluZyA9IHRoaXMuaW5pdGlhbFZhbHVlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmJpbmRpbmcgPSB0aGlzLmRlZmF1bHRUZXh0O1xuICAgIH1cbiAgfVxuXG4gIGNsaWNrKHZhbHVlOiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy5jbGlja2VkID0gdmFsdWUuaXNUcnVzdGVkO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgIHRoaXMuc2V0QmluZGluZygpO1xuICB9XG5cbiAgcHVibGljIGdldCB0ZXh0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5kZWZhdWx0VGV4dCA9PT0gJycgPyAnc2VsZWN0ZWQnIDogJ3NlbGVjdCc7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGxhYmVsQ2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gKHRoaXMuY2xpY2tlZCB8fCB0aGlzLmluaXRpYWxWYWx1ZSAhPT0gJycpID8gJ2xhYmVsVXAnIDogJ2xhYmVsJztcbiAgfVxuXG59XG4iXX0=
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL3RleHQtbGluay90ZXh0LWxpbmsuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBZXZFLE1BQU0sT0FBTyxpQkFBaUI7SUFTNUI7UUFIVSxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUlsRCxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVCLENBQUM7OzhHQWRVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGtKQVhsQjs7Ozs7OztHQU9UOzJGQUlVLGlCQUFpQjtrQkFiN0IsU0FBUzsrQkFDRSxlQUFlLFlBQ2Y7Ozs7Ozs7R0FPVDswRUFNUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LXRleHQtbGluaycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGEgY2xhc3M9XCJ0ZXh0LWxpbmtcIiAoY2xpY2spPSdpc0xpbmtDbGlja2VkKCknPlxuICAgICAgPHAgY2xhc3M9XCJ0ZXh0LWxpbmtfX3BhcmFncmFwaFwiPlxuICAgICAgICA8aSBjbGFzcz1cInt7aWNvbn19XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgICB7e3RleHR9fVxuICAgICAgPC9wPlxuICAgIDwvYT5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dC1saW5rLmNzcyddLFxufSlcblxuZXhwb3J0IGNsYXNzIFRleHRMaW5rQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSB0ZXh0ITogc3RyaW5nO1xuICBASW5wdXQoKSBibGFuaz86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGljb24/OiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGlzQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgaXNMaW5rQ2xpY2tlZCgpIHtcbiAgICB0aGlzLmlzQ2xpY2tlZC5lbWl0KHRydWUpO1xuICB9XG5cbn1cbiJdfQ==
|