iptdevs-design-system 2.2.36 → 2.2.37
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/esm2020/lib/components/atoms/datalist/datalist.component.mjs +7 -10
- package/esm2020/lib/components/atoms/select/select.component.mjs +4 -9
- package/fesm2015/iptdevs-design-system.mjs +9 -17
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +9 -17
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/components/atoms/datalist/datalist.component.d.ts +1 -2
- package/lib/components/atoms/select/select.component.d.ts +1 -2
- package/package.json +1 -1
|
@@ -5,7 +5,6 @@ import * as i1 from "@angular/forms";
|
|
|
5
5
|
import * as i2 from "@angular/common";
|
|
6
6
|
export class DatalistComponent {
|
|
7
7
|
constructor(fb) {
|
|
8
|
-
this.disabledSel = false;
|
|
9
8
|
this.isChanged = new EventEmitter();
|
|
10
9
|
this.clicked = false;
|
|
11
10
|
this.formControl = fb.group({
|
|
@@ -35,8 +34,8 @@ export class DatalistComponent {
|
|
|
35
34
|
}
|
|
36
35
|
}
|
|
37
36
|
DatalistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DatalistComponent, selector: "ipt-datalist", inputs: { datalistId: "datalistId", datalistData: "datalistData", placeHolder: "placeHolder", validateText: "validateText", initalData: "initalData"
|
|
39
|
-
<div class="input-container">
|
|
37
|
+
DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DatalistComponent, selector: "ipt-datalist", inputs: { datalistId: "datalistId", datalistData: "datalistData", placeHolder: "placeHolder", validateText: "validateText", initalData: "initalData" }, outputs: { isChanged: "isChanged" }, ngImport: i0, template: `
|
|
38
|
+
<div class="input-container" [formGroup]="formControl">
|
|
40
39
|
<label [ngClass]="labelClass">{{ placeHolder }}</label>
|
|
41
40
|
<input
|
|
42
41
|
type="text"
|
|
@@ -44,7 +43,7 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
44
43
|
(click)="click($event)"
|
|
45
44
|
[attr.list]="datalistId"
|
|
46
45
|
(change)="optionChanged($event)"
|
|
47
|
-
|
|
46
|
+
formControlName="dataListControl"
|
|
48
47
|
/>
|
|
49
48
|
|
|
50
49
|
<datalist id="{{ datalistId }}">
|
|
@@ -53,11 +52,11 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
53
52
|
</option>
|
|
54
53
|
</datalist>
|
|
55
54
|
</div>
|
|
56
|
-
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
|
|
55
|
+
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
|
|
57
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, decorators: [{
|
|
58
57
|
type: Component,
|
|
59
58
|
args: [{ selector: 'ipt-datalist', template: `
|
|
60
|
-
<div class="input-container">
|
|
59
|
+
<div class="input-container" [formGroup]="formControl">
|
|
61
60
|
<label [ngClass]="labelClass">{{ placeHolder }}</label>
|
|
62
61
|
<input
|
|
63
62
|
type="text"
|
|
@@ -65,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
65
64
|
(click)="click($event)"
|
|
66
65
|
[attr.list]="datalistId"
|
|
67
66
|
(change)="optionChanged($event)"
|
|
68
|
-
|
|
67
|
+
formControlName="dataListControl"
|
|
69
68
|
/>
|
|
70
69
|
|
|
71
70
|
<datalist id="{{ datalistId }}">
|
|
@@ -85,9 +84,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
85
84
|
type: Input
|
|
86
85
|
}], initalData: [{
|
|
87
86
|
type: Input
|
|
88
|
-
}], disabledSel: [{
|
|
89
|
-
type: Input
|
|
90
87
|
}], isChanged: [{
|
|
91
88
|
type: Output
|
|
92
89
|
}] } });
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvZGF0YWxpc3QvZGF0YWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDbEYsT0FBTyxFQUFnRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQXlCMUcsTUFBTSxPQUFPLGlCQUFpQjtJQWE1QixZQUFZLEVBQWU7UUFMakIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFHakQsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUd2QixJQUFJLENBQUMsV0FBVyxHQUFHLEVBQUUsQ0FBQyxLQUFLLENBQUM7WUFDMUIsZUFBZSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQzdDLENBQUMsQ0FBQztJQUNKLENBQUM7SUFFRixRQUFRO1FBQ04sSUFBRyxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksRUFBRTtZQUMxQixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDeEU7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQVU7UUFDdEIsSUFBSSxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBRSxPQUFPLENBQUMsSUFBSSxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFMUYsSUFBSSxPQUFNLENBQUMsWUFBWSxDQUFDLElBQUksV0FBVyxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN4QzthQUFNO1lBQ0wsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDN0Q7SUFDSCxDQUFDO0lBRUQsS0FBSyxDQUFDLEtBQWlCO1FBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzhHQTFDVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixpUEFyQmxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQlQ7MkZBR1UsaUJBQWlCO2tCQXZCN0IsU0FBUzsrQkFDRSxjQUFjLFlBQ2Q7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCVDtrR0FLUSxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIE5nRm9ybSwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWRhdGFsaXN0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtY29udGFpbmVyXCIgW2Zvcm1Hcm91cF09XCJmb3JtQ29udHJvbFwiPlxuICAgICAgPGxhYmVsIFtuZ0NsYXNzXT1cImxhYmVsQ2xhc3NcIj57eyBwbGFjZUhvbGRlciB9fTwvbGFiZWw+XG4gICAgICA8aW5wdXRcbiAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIlxuICAgICAgICBbYXR0ci5saXN0XT1cImRhdGFsaXN0SWRcIlxuICAgICAgICAoY2hhbmdlKT1cIm9wdGlvbkNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICAgIGZvcm1Db250cm9sTmFtZT1cImRhdGFMaXN0Q29udHJvbFwiXG4gICAgICAvPlxuXG4gICAgICA8ZGF0YWxpc3QgaWQ9XCJ7eyBkYXRhbGlzdElkIH19XCI+XG4gICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YWxpc3REYXRhOyBpbmRleCBhcyBpXCIgW3ZhbHVlXT1cIml0ZW0ubmFtZVwiPlxuICAgICAgICAgIHt7aXRlbS5pZF9jYXJkfX0ge3tpdGVtLm5hbWV9fVxuICAgICAgICA8L29wdGlvbj5cbiAgICAgIDwvZGF0YWxpc3Q+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2RhdGFsaXN0LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEYXRhbGlzdENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgZGF0YWxpc3RJZCE6IHN0cmluZztcbiAgQElucHV0KCkgZGF0YWxpc3REYXRhITogYW55W107XG4gIEBJbnB1dCgpIHBsYWNlSG9sZGVyITogc3RyaW5nO1xuICBASW5wdXQoKSB2YWxpZGF0ZVRleHQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGluaXRhbERhdGEhOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGlzQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGZvcm1Db250cm9sITogRm9ybUdyb3VwO1xuICBjbGlja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoZmI6IEZvcm1CdWlsZGVyKSB7XG4gICAgdGhpcy5mb3JtQ29udHJvbCA9IGZiLmdyb3VwKHtcbiAgICAgIGRhdGFMaXN0Q29udHJvbDogWycnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF1dLFxuICAgIH0pO1xuICAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmKHRoaXMuaW5pdGFsRGF0YSAhPSBudWxsKSB7XG4gICAgICB0aGlzLmZvcm1Db250cm9sLmNvbnRyb2xzWydkYXRhTGlzdENvbnRyb2wnXS5zZXRWYWx1ZSh0aGlzLmluaXRhbERhdGEpO1xuICAgIH1cbiAgfVxuXG4gIG9wdGlvbkNoYW5nZWQoZXZlbnQ6IGFueSkge1xuICAgIGxldCBzZWxlY3RPcHRpb24gPSB0aGlzLmRhdGFsaXN0RGF0YS5maW5kKGVsZW1lbnQgPT4gIGVsZW1lbnQubmFtZSA9PSBldmVudC50YXJnZXQudmFsdWUpO1xuXG4gICAgaWYgKHR5cGVvZihzZWxlY3RPcHRpb24pICE9ICd1bmRlZmluZWQnKSB7XG4gICAgICB0aGlzLmlzQ2hhbmdlZC5lbWl0KHNlbGVjdE9wdGlvbi5jb2RlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pc0NoYW5nZWQuZW1pdCgnLTEnKTtcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wuY29udHJvbHNbJ2RhdGFMaXN0Q29udHJvbCddLnNldFZhbHVlKG51bGwpO1xuICAgIH1cbiAgfVxuXG4gIGNsaWNrKHZhbHVlOiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy5jbGlja2VkID0gdmFsdWUuaXNUcnVzdGVkO1xuICB9XG5cbiAgcHVibGljIGdldCBsYWJlbENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuY2xpY2tlZCA9PT0gZmFsc2UgPyAnbGFiZWwnIDogJ2xhYmVsVXAnO1xuICB9XG59XG4iXX0=
|
|
@@ -6,7 +6,6 @@ export class SelectComponent {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
this.boxShadow = 0;
|
|
8
8
|
this.clicked = false;
|
|
9
|
-
this.disabledSel = false;
|
|
10
9
|
this.eventSelect = new EventEmitter();
|
|
11
10
|
}
|
|
12
11
|
// type viene de otro componente -> indica de que tipo es el arreglo si pregrade, posgrade o modo
|
|
@@ -42,15 +41,14 @@ export class SelectComponent {
|
|
|
42
41
|
}
|
|
43
42
|
}
|
|
44
43
|
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
45
|
-
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: SelectComponent, selector: "ipt-select", inputs: { isRequired: "isRequired", data: "data", defaultText: "defaultText", selectCode: "selectCode",
|
|
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: `
|
|
46
45
|
<div class="select-container">
|
|
47
46
|
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
48
47
|
<select
|
|
49
48
|
[(ngModel)]="binding"
|
|
50
49
|
(ngModelChange)="seleccionar($event)"
|
|
51
50
|
(click)="click($event)"
|
|
52
|
-
[ngClass]="textClass"
|
|
53
|
-
[disabled]="disabledSel">
|
|
51
|
+
[ngClass]="textClass">
|
|
54
52
|
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
55
53
|
{{ item.name }} {{ item.prefix }}
|
|
56
54
|
</option>
|
|
@@ -66,8 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
66
64
|
[(ngModel)]="binding"
|
|
67
65
|
(ngModelChange)="seleccionar($event)"
|
|
68
66
|
(click)="click($event)"
|
|
69
|
-
[ngClass]="textClass"
|
|
70
|
-
[disabled]="disabledSel">
|
|
67
|
+
[ngClass]="textClass">
|
|
71
68
|
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
72
69
|
{{ item.name }} {{ item.prefix }}
|
|
73
70
|
</option>
|
|
@@ -82,11 +79,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
82
79
|
type: Input
|
|
83
80
|
}], selectCode: [{
|
|
84
81
|
type: Input
|
|
85
|
-
}], disabledSel: [{
|
|
86
|
-
type: Input
|
|
87
82
|
}], eventSelect: [{
|
|
88
83
|
type: Output
|
|
89
84
|
}], control: [{
|
|
90
85
|
type: Input
|
|
91
86
|
}] } });
|
|
92
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7O0FBcUJ0RixNQUFNLE9BQU8sZUFBZTtJQWxCNUI7UUFxQkUsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUV0QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBT2YsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBdUNwRDtJQXRDQyxpR0FBaUc7SUFDakcsSUFBYSxPQUFPLENBQUMsS0FBc0I7UUFDekMsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLEtBQUssRUFBRTtZQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQW9CLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFDO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztTQUNqQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsR0FBVztRQUNyQixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDbkQsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUM7U0FDcEI7YUFDSTtZQUNILElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUVELEtBQUssQ0FBQyxLQUFpQjtRQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUM7SUFDakMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUN6RCxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzRHQWpEVSxlQUFlO2dHQUFmLGVBQWUsOE9BaEJoQjs7Ozs7Ozs7Ozs7OztHQWFUOzJGQUdVLGVBQWU7a0JBbEIzQixTQUFTOytCQUNFLFlBQVksWUFDWjs7Ozs7Ozs7Ozs7OztHQWFUOzhCQVVRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNO2dCQUVNLE9BQU87c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LXNlbGVjdCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInNlbGVjdC1jb250YWluZXJcIj5cbiAgICAgIDxsYWJlbCBbbmdDbGFzc109XCJsYWJlbENsYXNzXCI+e3sgZGVmYXVsdFRleHQgfX08L2xhYmVsPlxuICAgICAgPHNlbGVjdFxuICAgICAgICBbKG5nTW9kZWwpXT1cImJpbmRpbmdcIlxuICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJzZWxlY2Npb25hcigkZXZlbnQpXCJcbiAgICAgICAgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIlxuICAgICAgICBbbmdDbGFzc109XCJ0ZXh0Q2xhc3NcIj5cbiAgICAgICAgPG9wdGlvbiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhOyBpbmRleCBhcyBpXCIgW3ZhbHVlXT1cIml0ZW0uY29kZVwiPlxuICAgICAgICAgIHt7IGl0ZW0ubmFtZSB9fSB7eyBpdGVtLnByZWZpeCB9fVxuICAgICAgICA8L29wdGlvbj5cbiAgICAgIDwvc2VsZWN0PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9zZWxlY3QuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNlbGVjdENvbXBvbmVudCB7XG5cbiAgYmluZGluZzogYW55O1xuICBib3hTaGFkb3c6IG51bWJlciA9IDA7XG4gIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2w7XG4gIGNsaWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKSBpc1JlcXVpcmVkITogYm9vbGVhbjsgLy8gdGVtYXMgZGUgdmFsaWRhY2lvblxuICAvLyBvYmpldG8gcXVlIG1lIHRyYWUgZWwgbGlzdGFkb1xuICBASW5wdXQoKSBkYXRhITogYW55W107IC8vIHJlY2liZSB1biBhcnJheSBkZSBjdWFscXVpZXIgY29zYVxuICBASW5wdXQoKSBkZWZhdWx0VGV4dCE6IGFueTtcbiAgQElucHV0KCkgc2VsZWN0Q29kZSE6c3RyaW5nO1xuICBAT3V0cHV0KCkgZXZlbnRTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgLy8gdHlwZSB2aWVuZSBkZSBvdHJvIGNvbXBvbmVudGUgLT4gaW5kaWNhIGRlIHF1ZSB0aXBvIGVzIGVsIGFycmVnbG8gc2kgcHJlZ3JhZGUsIHBvc2dyYWRlIG8gbW9kb1xuICBASW5wdXQoKSBzZXQgY29udHJvbCh2YWx1ZTogQWJzdHJhY3RDb250cm9sKSB7XG4gICAgaWYgKHRoaXMuZm9ybUNvbnRyb2wgIT09IHZhbHVlKSB7XG4gICAgICB0aGlzLmZvcm1Db250cm9sID0gdmFsdWUgYXMgRm9ybUNvbnRyb2w7XG4gICAgfVxuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmKCBjaGFuZ2VzWydkYXRhJ10pe1xuICAgICAgdGhpcy5iaW5kaW5nID0gdGhpcy5kZWZhdWx0VGV4dDtcbiAgICB9XG4gIH1cblxuICBzZWxlY2Npb25hcihldnQ6IHN0cmluZyl7XG4gICAgaWYgKHRoaXMuZXZlbnRTZWxlY3QuZW1pdChldnQpICE9PSB0aGlzLmRlZmF1bHRUZXh0KSB7XG4gICAgICB0aGlzLmJveFNoYWRvdyA9IDE7XG4gICAgfVxuICAgIGVsc2Uge1xuICAgICAgdGhpcy5ib3hTaGFkb3cgPSAyO1xuICAgIH1cbiAgfVxuXG4gIGNsaWNrKHZhbHVlOiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy5jbGlja2VkID0gdmFsdWUuaXNUcnVzdGVkO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5iaW5kaW5nID0gdGhpcy5kZWZhdWx0VGV4dDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgdGV4dENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuZGVmYXVsdFRleHQgPT09ICcnID8gJ3NlbGVjdGVkJyA6ICdzZWxlY3QnO1xuICB9XG5cbiAgcHVibGljIGdldCBsYWJlbENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuY2xpY2tlZCA9PT0gZmFsc2UgPyAnbGFiZWwnIDogJ2xhYmVsVXAnO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -172,7 +172,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
172
172
|
|
|
173
173
|
class DatalistComponent {
|
|
174
174
|
constructor(fb) {
|
|
175
|
-
this.disabledSel = false;
|
|
176
175
|
this.isChanged = new EventEmitter();
|
|
177
176
|
this.clicked = false;
|
|
178
177
|
this.formControl = fb.group({
|
|
@@ -202,8 +201,8 @@ class DatalistComponent {
|
|
|
202
201
|
}
|
|
203
202
|
}
|
|
204
203
|
DatalistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
205
|
-
DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DatalistComponent, selector: "ipt-datalist", inputs: { datalistId: "datalistId", datalistData: "datalistData", placeHolder: "placeHolder", validateText: "validateText", initalData: "initalData"
|
|
206
|
-
<div class="input-container">
|
|
204
|
+
DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DatalistComponent, selector: "ipt-datalist", inputs: { datalistId: "datalistId", datalistData: "datalistData", placeHolder: "placeHolder", validateText: "validateText", initalData: "initalData" }, outputs: { isChanged: "isChanged" }, ngImport: i0, template: `
|
|
205
|
+
<div class="input-container" [formGroup]="formControl">
|
|
207
206
|
<label [ngClass]="labelClass">{{ placeHolder }}</label>
|
|
208
207
|
<input
|
|
209
208
|
type="text"
|
|
@@ -211,7 +210,7 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
211
210
|
(click)="click($event)"
|
|
212
211
|
[attr.list]="datalistId"
|
|
213
212
|
(change)="optionChanged($event)"
|
|
214
|
-
|
|
213
|
+
formControlName="dataListControl"
|
|
215
214
|
/>
|
|
216
215
|
|
|
217
216
|
<datalist id="{{ datalistId }}">
|
|
@@ -220,11 +219,11 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
220
219
|
</option>
|
|
221
220
|
</datalist>
|
|
222
221
|
</div>
|
|
223
|
-
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
|
|
222
|
+
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
|
|
224
223
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, decorators: [{
|
|
225
224
|
type: Component,
|
|
226
225
|
args: [{ selector: 'ipt-datalist', template: `
|
|
227
|
-
<div class="input-container">
|
|
226
|
+
<div class="input-container" [formGroup]="formControl">
|
|
228
227
|
<label [ngClass]="labelClass">{{ placeHolder }}</label>
|
|
229
228
|
<input
|
|
230
229
|
type="text"
|
|
@@ -232,7 +231,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
232
231
|
(click)="click($event)"
|
|
233
232
|
[attr.list]="datalistId"
|
|
234
233
|
(change)="optionChanged($event)"
|
|
235
|
-
|
|
234
|
+
formControlName="dataListControl"
|
|
236
235
|
/>
|
|
237
236
|
|
|
238
237
|
<datalist id="{{ datalistId }}">
|
|
@@ -252,8 +251,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
252
251
|
type: Input
|
|
253
252
|
}], initalData: [{
|
|
254
253
|
type: Input
|
|
255
|
-
}], disabledSel: [{
|
|
256
|
-
type: Input
|
|
257
254
|
}], isChanged: [{
|
|
258
255
|
type: Output
|
|
259
256
|
}] } });
|
|
@@ -516,7 +513,6 @@ class SelectComponent {
|
|
|
516
513
|
constructor() {
|
|
517
514
|
this.boxShadow = 0;
|
|
518
515
|
this.clicked = false;
|
|
519
|
-
this.disabledSel = false;
|
|
520
516
|
this.eventSelect = new EventEmitter();
|
|
521
517
|
}
|
|
522
518
|
// type viene de otro componente -> indica de que tipo es el arreglo si pregrade, posgrade o modo
|
|
@@ -552,15 +548,14 @@ class SelectComponent {
|
|
|
552
548
|
}
|
|
553
549
|
}
|
|
554
550
|
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
555
|
-
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",
|
|
551
|
+
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: `
|
|
556
552
|
<div class="select-container">
|
|
557
553
|
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
558
554
|
<select
|
|
559
555
|
[(ngModel)]="binding"
|
|
560
556
|
(ngModelChange)="seleccionar($event)"
|
|
561
557
|
(click)="click($event)"
|
|
562
|
-
[ngClass]="textClass"
|
|
563
|
-
[disabled]="disabledSel">
|
|
558
|
+
[ngClass]="textClass">
|
|
564
559
|
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
565
560
|
{{ item.name }} {{ item.prefix }}
|
|
566
561
|
</option>
|
|
@@ -576,8 +571,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
576
571
|
[(ngModel)]="binding"
|
|
577
572
|
(ngModelChange)="seleccionar($event)"
|
|
578
573
|
(click)="click($event)"
|
|
579
|
-
[ngClass]="textClass"
|
|
580
|
-
[disabled]="disabledSel">
|
|
574
|
+
[ngClass]="textClass">
|
|
581
575
|
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
582
576
|
{{ item.name }} {{ item.prefix }}
|
|
583
577
|
</option>
|
|
@@ -592,8 +586,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
592
586
|
type: Input
|
|
593
587
|
}], selectCode: [{
|
|
594
588
|
type: Input
|
|
595
|
-
}], disabledSel: [{
|
|
596
|
-
type: Input
|
|
597
589
|
}], eventSelect: [{
|
|
598
590
|
type: Output
|
|
599
591
|
}], control: [{
|