iptdevs-design-system 2.2.2 → 2.2.3
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 +88 -88
- package/esm2020/lib/components/atoms/input/input.component.mjs +109 -109
- 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 +87 -87
- package/esm2020/lib/components/atoms/text-link/text-link.component.mjs +39 -39
- package/esm2020/lib/components/components.module.mjs +96 -96
- 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/budget/budget.model.mjs +2 -2
- 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/marketing/marketing.modal.mjs +2 -2
- package/esm2020/lib/core/models/session/session.model.mjs +3 -3
- 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/budget-service/budget-service.mjs +41 -41
- package/esm2020/lib/core/services/course-service/course-service.model.mjs +56 -56
- package/esm2020/lib/core/services/marketing-service/marketing-service.mjs +57 -40
- 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/switch-service/switch.service.mjs +16 -16
- package/esm2020/lib/core/services/test-service/test.service.mjs +135 -135
- package/esm2020/lib/core/services/user-service/user-service.mjs +74 -60
- 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 +29 -29
- package/esm2020/public-api.mjs +43 -43
- package/fesm2015/iptdevs-design-system.mjs +1588 -1557
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +1585 -1554
- 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 +17 -17
- 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 +23 -23
- 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/budget/budget.model.d.ts +69 -69
- package/lib/core/models/cod/cod-rq.model.d.ts +51 -51
- package/lib/core/models/course/course-rq.model.d.ts +77 -77
- package/lib/core/models/marketing/marketing.modal.d.ts +141 -67
- package/lib/core/models/session/session.model.d.ts +5 -5
- package/lib/core/models/table/table-rs.model.d.ts +7 -7
- package/lib/core/models/test/test.model.d.ts +213 -213
- package/lib/core/models/url/url.model.d.ts +8 -8
- package/lib/core/models/user/user-rq.model.d.ts +68 -68
- package/lib/core/models/user/user-rs.model.d.ts +35 -35
- package/lib/core/services/budget-service/budget-service.d.ts +16 -16
- package/lib/core/services/course-service/course-service.model.d.ts +19 -19
- package/lib/core/services/marketing-service/marketing-service.d.ts +20 -16
- 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/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 +24 -20
- 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 +8 -8
- package/package.json +1 -1
- package/public-api.d.ts +35 -35
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV2ZWwtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy9sZXZlbC10ZXh0L2xldmVsLXRleHQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUF3QixNQUFNLGVBQWUsQ0FBQzs7QUFVdkUsTUFBTSxPQUFPLGtCQUFrQjs7K0dBQWxCLGtCQUFrQjttR0FBbEIsa0JBQWtCLG9HQU5uQjs7R0FFVDsyRkFJVSxrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0Usa0JBQWtCLFlBQ2xCOztHQUVUOzhCQU1RLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpcHQtbGV2ZWwtYnV0dG9uJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPHAgY2xhc3M9XCJwLXRhYmxlLWNvdXJzZVwiPnt7IGxldmVsIH19OiB7eyB0b3RhbCB9fTwvcD5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL2xldmVsLXRleHQuY3NzJ10sXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgTGV2ZWxUZXh0Q29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgbGV2ZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdG90YWwhOiBzdHJpbmc7XHJcblxyXG59XHJcbiJdfQ==
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvcmFkaW8vcmFkaW8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW1CdkUsTUFBTSxPQUFPLGNBQWM7SUFoQjNCO1FBa0JXLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBTzVCLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0tBSWxEO0lBVkMsSUFBYSxPQUFPLENBQUMsS0FBc0I7UUFDekMsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLEtBQUssRUFBRTtZQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQW9CLENBQUM7U0FDekM7SUFDSCxDQUFDOzsyR0FQVSxjQUFjOytGQUFkLGNBQWMsb0pBZGY7Ozs7Ozs7Ozs7R0FVVDsyRkFJVSxjQUFjO2tCQWhCMUIsU0FBUzsrQkFDRSxXQUFXLFlBQ1g7Ozs7Ozs7Ozs7R0FVVDs4QkFNUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNPLE9BQU87c0JBQW5CLEtBQUs7Z0JBTUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBGb3JtQ29udHJvbCB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpcHQtcmFkaW8nLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8bGFiZWwgY2xhc3M9XCJjb250XCI+XHJcbiAgICAgIDxpbnB1dFxyXG4gICAgICAgIGNsYXNzPVwicmFkaW9cIlxyXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXHJcbiAgICAgICAgW2NoZWNrZWRdPVwicmFkaW9PcHRpb25cIlxyXG4gICAgICAgIChjbGljayk9XCJvblNlbGVjdGVkLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgICAgdHlwZT1cInJhZGlvXCI+XHJcbiAgICAgIDxzcGFuPjwvc3Bhbj5cclxuICAgIDwvbGFiZWw+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9yYWRpby5jc3MnXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFJhZGlvQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgcmFkaW9PcHRpb246IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzZXQgY29udHJvbCh2YWx1ZTogQWJzdHJhY3RDb250cm9sKSB7XHJcbiAgICBpZiAodGhpcy5mb3JtQ29udHJvbCAhPT0gdmFsdWUpIHtcclxuICAgICAgdGhpcy5mb3JtQ29udHJvbCA9IHZhbHVlIGFzIEZvcm1Db250cm9sO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpIG9uU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xyXG5cclxuICBmb3JtQ29udHJvbCE6IEZvcm1Db250cm9sO1xyXG5cclxufVxyXG4iXX0=
|
|
@@ -1,87 +1,87 @@
|
|
|
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.eventSelect = new EventEmitter();
|
|
10
|
-
}
|
|
11
|
-
// type viene de otro componente -> indica de que tipo es el arreglo si pregrade, posgrade o modo
|
|
12
|
-
set control(value) {
|
|
13
|
-
if (this.formControl !== value) {
|
|
14
|
-
this.formControl = value;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
ngOnChanges(changes) {
|
|
18
|
-
if (changes['data']) {
|
|
19
|
-
this.binding = this.defaultText;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
seleccionar(evt) {
|
|
23
|
-
if (this.eventSelect.emit(evt) !== this.defaultText) {
|
|
24
|
-
this.boxShadow = 1;
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
this.boxShadow = 2;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
click(value) {
|
|
31
|
-
this.clicked = value.isTrusted;
|
|
32
|
-
}
|
|
33
|
-
ngOnInit() {
|
|
34
|
-
this.binding = this.defaultText;
|
|
35
|
-
}
|
|
36
|
-
get textClass() {
|
|
37
|
-
return this.defaultText === '' ? 'selected' : 'select';
|
|
38
|
-
}
|
|
39
|
-
get labelClass() {
|
|
40
|
-
return this.clicked === false ? 'label' : 'labelUp';
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
-
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", control: "control" }, outputs: { eventSelect: "eventSelect" }, usesOnChanges: true, ngImport: i0, template: `
|
|
45
|
-
<div class="select-container">
|
|
46
|
-
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
47
|
-
<select
|
|
48
|
-
[(ngModel)]="binding"
|
|
49
|
-
(ngModelChange)="seleccionar($event)"
|
|
50
|
-
(click)="click($event)"
|
|
51
|
-
[ngClass]="textClass">
|
|
52
|
-
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
53
|
-
{{ item.name }} {{ item.prefix }}
|
|
54
|
-
</option>
|
|
55
|
-
</select>
|
|
56
|
-
</div>
|
|
57
|
-
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.select-container{position:relative;margin-top:30px}.select{box-shadow:#64646f33 0 7px 29px;border-radius:10px;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:10px;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"] }] });
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, decorators: [{
|
|
59
|
-
type: Component,
|
|
60
|
-
args: [{ selector: 'ipt-select', template: `
|
|
61
|
-
<div class="select-container">
|
|
62
|
-
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
63
|
-
<select
|
|
64
|
-
[(ngModel)]="binding"
|
|
65
|
-
(ngModelChange)="seleccionar($event)"
|
|
66
|
-
(click)="click($event)"
|
|
67
|
-
[ngClass]="textClass">
|
|
68
|
-
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
69
|
-
{{ item.name }} {{ item.prefix }}
|
|
70
|
-
</option>
|
|
71
|
-
</select>
|
|
72
|
-
</div>
|
|
73
|
-
`, styles: ["*{font-family:Poppins,sans-serif}.select-container{position:relative;margin-top:30px}.select{box-shadow:#64646f33 0 7px 29px;border-radius:10px;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:10px;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"] }]
|
|
74
|
-
}], propDecorators: { isRequired: [{
|
|
75
|
-
type: Input
|
|
76
|
-
}], data: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], defaultText: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}], selectCode: [{
|
|
81
|
-
type: Input
|
|
82
|
-
}], eventSelect: [{
|
|
83
|
-
type: Output
|
|
84
|
-
}], control: [{
|
|
85
|
-
type: Input
|
|
86
|
-
}] } });
|
|
87
|
-
//# 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.eventSelect = new EventEmitter();
|
|
10
|
+
}
|
|
11
|
+
// type viene de otro componente -> indica de que tipo es el arreglo si pregrade, posgrade o modo
|
|
12
|
+
set control(value) {
|
|
13
|
+
if (this.formControl !== value) {
|
|
14
|
+
this.formControl = value;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
ngOnChanges(changes) {
|
|
18
|
+
if (changes['data']) {
|
|
19
|
+
this.binding = this.defaultText;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
seleccionar(evt) {
|
|
23
|
+
if (this.eventSelect.emit(evt) !== this.defaultText) {
|
|
24
|
+
this.boxShadow = 1;
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
this.boxShadow = 2;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
click(value) {
|
|
31
|
+
this.clicked = value.isTrusted;
|
|
32
|
+
}
|
|
33
|
+
ngOnInit() {
|
|
34
|
+
this.binding = this.defaultText;
|
|
35
|
+
}
|
|
36
|
+
get textClass() {
|
|
37
|
+
return this.defaultText === '' ? 'selected' : 'select';
|
|
38
|
+
}
|
|
39
|
+
get labelClass() {
|
|
40
|
+
return this.clicked === false ? 'label' : 'labelUp';
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
+
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", control: "control" }, outputs: { eventSelect: "eventSelect" }, usesOnChanges: true, ngImport: i0, template: `
|
|
45
|
+
<div class="select-container">
|
|
46
|
+
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
47
|
+
<select
|
|
48
|
+
[(ngModel)]="binding"
|
|
49
|
+
(ngModelChange)="seleccionar($event)"
|
|
50
|
+
(click)="click($event)"
|
|
51
|
+
[ngClass]="textClass">
|
|
52
|
+
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
53
|
+
{{ item.name }} {{ item.prefix }}
|
|
54
|
+
</option>
|
|
55
|
+
</select>
|
|
56
|
+
</div>
|
|
57
|
+
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.select-container{position:relative;margin-top:30px}.select{box-shadow:#64646f33 0 7px 29px;border-radius:10px;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:10px;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"] }] });
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, decorators: [{
|
|
59
|
+
type: Component,
|
|
60
|
+
args: [{ selector: 'ipt-select', template: `
|
|
61
|
+
<div class="select-container">
|
|
62
|
+
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
63
|
+
<select
|
|
64
|
+
[(ngModel)]="binding"
|
|
65
|
+
(ngModelChange)="seleccionar($event)"
|
|
66
|
+
(click)="click($event)"
|
|
67
|
+
[ngClass]="textClass">
|
|
68
|
+
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
69
|
+
{{ item.name }} {{ item.prefix }}
|
|
70
|
+
</option>
|
|
71
|
+
</select>
|
|
72
|
+
</div>
|
|
73
|
+
`, styles: ["*{font-family:Poppins,sans-serif}.select-container{position:relative;margin-top:30px}.select{box-shadow:#64646f33 0 7px 29px;border-radius:10px;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:10px;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"] }]
|
|
74
|
+
}], propDecorators: { isRequired: [{
|
|
75
|
+
type: Input
|
|
76
|
+
}], data: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}], defaultText: [{
|
|
79
|
+
type: Input
|
|
80
|
+
}], selectCode: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], eventSelect: [{
|
|
83
|
+
type: Output
|
|
84
|
+
}], control: [{
|
|
85
|
+
type: Input
|
|
86
|
+
}] } });
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7O0FBcUJ0RixNQUFNLE9BQU8sZUFBZTtJQWxCNUI7UUFxQkUsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUV0QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBT2YsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBdUNwRDtJQXRDQyxpR0FBaUc7SUFDakcsSUFBYSxPQUFPLENBQUMsS0FBc0I7UUFDekMsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLEtBQUssRUFBRTtZQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQW9CLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFDO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztTQUNqQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsR0FBVztRQUNyQixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDbkQsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUM7U0FDcEI7YUFDSTtZQUNILElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUVELEtBQUssQ0FBQyxLQUFpQjtRQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUM7SUFDakMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUN6RCxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzRHQWpEVSxlQUFlO2dHQUFmLGVBQWUsOE9BaEJoQjs7Ozs7Ozs7Ozs7OztHQWFUOzJGQUdVLGVBQWU7a0JBbEIzQixTQUFTOytCQUNFLFlBQVksWUFDWjs7Ozs7Ozs7Ozs7OztHQWFUOzhCQVVRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNO2dCQUVNLE9BQU87c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpcHQtc2VsZWN0JyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cInNlbGVjdC1jb250YWluZXJcIj5cclxuICAgICAgPGxhYmVsIFtuZ0NsYXNzXT1cImxhYmVsQ2xhc3NcIj57eyBkZWZhdWx0VGV4dCB9fTwvbGFiZWw+XHJcbiAgICAgIDxzZWxlY3RcclxuICAgICAgICBbKG5nTW9kZWwpXT1cImJpbmRpbmdcIlxyXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInNlbGVjY2lvbmFyKCRldmVudClcIlxyXG4gICAgICAgIChjbGljayk9XCJjbGljaygkZXZlbnQpXCJcclxuICAgICAgICBbbmdDbGFzc109XCJ0ZXh0Q2xhc3NcIj5cclxuICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGE7IGluZGV4IGFzIGlcIiBbdmFsdWVdPVwiaXRlbS5jb2RlXCI+XHJcbiAgICAgICAgICB7eyBpdGVtLm5hbWUgfX0ge3sgaXRlbS5wcmVmaXggfX1cclxuICAgICAgICA8L29wdGlvbj5cclxuICAgICAgPC9zZWxlY3Q+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlbGVjdENvbXBvbmVudCB7XHJcblxyXG4gIGJpbmRpbmc6IGFueTtcclxuICBib3hTaGFkb3c6IG51bWJlciA9IDA7XHJcbiAgZm9ybUNvbnRyb2whOiBGb3JtQ29udHJvbDtcclxuICBjbGlja2VkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIGlzUmVxdWlyZWQhOiBib29sZWFuOyAvLyB0ZW1hcyBkZSB2YWxpZGFjaW9uXHJcbiAgLy8gb2JqZXRvIHF1ZSBtZSB0cmFlIGVsIGxpc3RhZG9cclxuICBASW5wdXQoKSBkYXRhITogYW55W107IC8vIHJlY2liZSB1biBhcnJheSBkZSBjdWFscXVpZXIgY29zYVxyXG4gIEBJbnB1dCgpIGRlZmF1bHRUZXh0ITogYW55O1xyXG4gIEBJbnB1dCgpIHNlbGVjdENvZGUhOnN0cmluZztcclxuICBAT3V0cHV0KCkgZXZlbnRTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICAvLyB0eXBlIHZpZW5lIGRlIG90cm8gY29tcG9uZW50ZSAtPiBpbmRpY2EgZGUgcXVlIHRpcG8gZXMgZWwgYXJyZWdsbyBzaSBwcmVncmFkZSwgcG9zZ3JhZGUgbyBtb2RvXHJcbiAgQElucHV0KCkgc2V0IGNvbnRyb2wodmFsdWU6IEFic3RyYWN0Q29udHJvbCkge1xyXG4gICAgaWYgKHRoaXMuZm9ybUNvbnRyb2wgIT09IHZhbHVlKSB7XHJcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wgPSB2YWx1ZSBhcyBGb3JtQ29udHJvbDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGlmKCBjaGFuZ2VzWydkYXRhJ10pe1xyXG4gICAgICB0aGlzLmJpbmRpbmcgPSB0aGlzLmRlZmF1bHRUZXh0O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgc2VsZWNjaW9uYXIoZXZ0OiBzdHJpbmcpe1xyXG4gICAgaWYgKHRoaXMuZXZlbnRTZWxlY3QuZW1pdChldnQpICE9PSB0aGlzLmRlZmF1bHRUZXh0KSB7XHJcbiAgICAgIHRoaXMuYm94U2hhZG93ID0gMTtcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICB0aGlzLmJveFNoYWRvdyA9IDI7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjbGljayh2YWx1ZTogTW91c2VFdmVudCkge1xyXG4gICAgdGhpcy5jbGlja2VkID0gdmFsdWUuaXNUcnVzdGVkO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmJpbmRpbmcgPSB0aGlzLmRlZmF1bHRUZXh0O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCB0ZXh0Q2xhc3MoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLmRlZmF1bHRUZXh0ID09PSAnJyA/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL3RleHQtbGluay90ZXh0LWxpbmsuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBZXZFLE1BQU0sT0FBTyxpQkFBaUI7SUFTNUI7UUFIVSxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUlsRCxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVCLENBQUM7OzhHQWRVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGtKQVhsQjs7Ozs7OztHQU9UOzJGQUlVLGlCQUFpQjtrQkFiN0IsU0FBUzsrQkFDRSxlQUFlLFlBQ2Y7Ozs7Ozs7R0FPVDswRUFNUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXB0LXRleHQtbGluaycsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxhIGNsYXNzPVwidGV4dC1saW5rXCIgKGNsaWNrKT0naXNMaW5rQ2xpY2tlZCgpJz5cclxuICAgICAgPHAgY2xhc3M9XCJ0ZXh0LWxpbmtfX3BhcmFncmFwaFwiPlxyXG4gICAgICAgIDxpIGNsYXNzPVwie3tpY29ufX1cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XHJcbiAgICAgICAge3t0ZXh0fX1cclxuICAgICAgPC9wPlxyXG4gICAgPC9hPlxyXG4gIGAsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dC1saW5rLmNzcyddLFxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFRleHRMaW5rQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgdGV4dCE6IHN0cmluZztcclxuICBASW5wdXQoKSBibGFuaz86IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaWNvbj86IHN0cmluZztcclxuXHJcbiAgQE91dHB1dCgpIGlzQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gIH1cclxuXHJcbiAgaXNMaW5rQ2xpY2tlZCgpIHtcclxuICAgIHRoaXMuaXNDbGlja2VkLmVtaXQodHJ1ZSk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
|