iptdevs-design-system 2.7.5 → 2.7.6
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/select/select.component.mjs +8 -9
- package/fesm2015/iptdevs-design-system.mjs +8 -8
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +7 -8
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -31,6 +31,7 @@ export class SelectComponent {
|
|
|
31
31
|
setBinding() {
|
|
32
32
|
if (this.initialValue !== '') {
|
|
33
33
|
this.binding = this.initialValue;
|
|
34
|
+
document.getElementById('select')?.click();
|
|
34
35
|
}
|
|
35
36
|
else {
|
|
36
37
|
this.binding = this.defaultText;
|
|
@@ -46,15 +47,14 @@ export class SelectComponent {
|
|
|
46
47
|
return this.defaultText === '' ? 'selected' : 'select';
|
|
47
48
|
}
|
|
48
49
|
get labelClass() {
|
|
49
|
-
return this.clicked
|
|
50
|
+
return (this.clicked || this.initialValue !== '') ? 'labelUp' : 'label';
|
|
50
51
|
}
|
|
51
52
|
}
|
|
52
53
|
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53
54
|
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
55
|
<div class="select-container">
|
|
55
|
-
<label
|
|
56
|
-
<
|
|
57
|
-
<select id="select"
|
|
56
|
+
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
57
|
+
<select
|
|
58
58
|
[(ngModel)]="binding"
|
|
59
59
|
(ngModelChange)="seleccionar($event)"
|
|
60
60
|
(click)="click($event)"
|
|
@@ -65,14 +65,13 @@ SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
|
|
|
65
65
|
</option>
|
|
66
66
|
</select>
|
|
67
67
|
</div>
|
|
68
|
-
`, 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.
|
|
68
|
+
`, 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"] }] });
|
|
69
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, decorators: [{
|
|
70
70
|
type: Component,
|
|
71
71
|
args: [{ selector: 'ipt-select', template: `
|
|
72
72
|
<div class="select-container">
|
|
73
|
-
<label
|
|
74
|
-
<
|
|
75
|
-
<select id="select"
|
|
73
|
+
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
74
|
+
<select
|
|
76
75
|
[(ngModel)]="binding"
|
|
77
76
|
(ngModelChange)="seleccionar($event)"
|
|
78
77
|
(click)="click($event)"
|
|
@@ -101,4 +100,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
101
100
|
}], control: [{
|
|
102
101
|
type: Input
|
|
103
102
|
}] } });
|
|
104
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
103
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7O0FBc0J0RixNQUFNLE9BQU8sZUFBZTtJQW5CNUI7UUFzQkUsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUV0QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBT2hCLGdCQUFXLEdBQVcsS0FBSyxDQUFDO1FBRzNCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQWdEcEQ7SUEvQ0MsaUdBQWlHO0lBQ2pHLElBQWEsT0FBTyxDQUFDLEtBQXNCO1FBQ3pDLElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxLQUFLLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFvQixDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBQztZQUNsQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7U0FDbkI7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLEdBQVc7UUFDckIsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ25ELElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDO1NBQ3BCO2FBQ0k7WUFDSCxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztTQUNwQjtJQUNILENBQUM7SUFFTyxVQUFVO1FBQ2hCLElBQUcsSUFBSSxDQUFDLFlBQVksS0FBSyxFQUFFLEVBQUU7WUFDM0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO1lBQ2pDLFFBQVEsQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUM7U0FDNUM7YUFBTTtZQUNMLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztTQUNqQztJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxRQUFRO1FBQ0wsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxJQUFXLFNBQVM7UUFDbEIsT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUM7SUFDekQsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsWUFBWSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQztJQUMxRSxDQUFDOzs0R0E3RFUsZUFBZTtnR0FBZixlQUFlLHdTQWpCaEI7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7MkZBR1UsZUFBZTtrQkFuQjNCLFNBQVM7K0JBQ0UsWUFBWSxZQUNaOzs7Ozs7Ozs7Ozs7OztHQWNUOzhCQVVRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFFTSxPQUFPO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lwdC1zZWxlY3QnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJzZWxlY3QtY29udGFpbmVyXCI+XG4gICAgICA8bGFiZWwgW25nQ2xhc3NdPVwibGFiZWxDbGFzc1wiPnt7IGRlZmF1bHRUZXh0IH19PC9sYWJlbD5cbiAgICAgIDxzZWxlY3RcbiAgICAgICAgWyhuZ01vZGVsKV09XCJiaW5kaW5nXCJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwic2VsZWNjaW9uYXIoJGV2ZW50KVwiXG4gICAgICAgIChjbGljayk9XCJjbGljaygkZXZlbnQpXCJcbiAgICAgICAgW25nQ2xhc3NdPVwidGV4dENsYXNzXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkU2VsXCI+XG4gICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YTsgaW5kZXggYXMgaVwiIFt2YWx1ZV09XCJpdGVtLmNvZGVcIj5cbiAgICAgICAgICB7eyBpdGVtLm5hbWUgfX0ge3sgaXRlbS5wcmVmaXggfX1cbiAgICAgICAgPC9vcHRpb24+XG4gICAgICA8L3NlbGVjdD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RDb21wb25lbnQge1xuXG4gIGJpbmRpbmc6IGFueTtcbiAgYm94U2hhZG93OiBudW1iZXIgPSAwO1xuICBmb3JtQ29udHJvbCE6IEZvcm1Db250cm9sO1xuICBjbGlja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KCkgaXNSZXF1aXJlZCE6IGJvb2xlYW47IC8vIHRlbWFzIGRlIHZhbGlkYWNpb25cbiAgLy8gb2JqZXRvIHF1ZSBtZSB0cmFlIGVsIGxpc3RhZG9cbiAgQElucHV0KCkgZGF0YSE6IGFueVtdOyAvLyByZWNpYmUgdW4gYXJyYXkgZGUgY3VhbHF1aWVyIGNvc2FcbiAgQElucHV0KCkgZGVmYXVsdFRleHQhOiBhbnk7XG4gIEBJbnB1dCgpIHNlbGVjdENvZGUhOnN0cmluZztcbiAgQElucHV0KCkgZGlzYWJsZWRTZWw6Ym9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBpbml0aWFsVmFsdWUhOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGV2ZW50U2VsZWN0ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIC8vIHR5cGUgdmllbmUgZGUgb3RybyBjb21wb25lbnRlIC0+IGluZGljYSBkZSBxdWUgdGlwbyBlcyBlbCBhcnJlZ2xvIHNpIHByZWdyYWRlLCBwb3NncmFkZSBvIG1vZG9cbiAgQElucHV0KCkgc2V0IGNvbnRyb2wodmFsdWU6IEFic3RyYWN0Q29udHJvbCkge1xuICAgIGlmICh0aGlzLmZvcm1Db250cm9sICE9PSB2YWx1ZSkge1xuICAgICAgdGhpcy5mb3JtQ29udHJvbCA9IHZhbHVlIGFzIEZvcm1Db250cm9sO1xuICAgIH1cbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiggY2hhbmdlc1snZGF0YSddKXtcbiAgICAgIHRoaXMuc2V0QmluZGluZygpO1xuICAgIH1cbiAgfVxuXG4gIHNlbGVjY2lvbmFyKGV2dDogc3RyaW5nKXtcbiAgICBpZiAodGhpcy5ldmVudFNlbGVjdC5lbWl0KGV2dCkgIT09IHRoaXMuZGVmYXVsdFRleHQpIHtcbiAgICAgIHRoaXMuYm94U2hhZG93ID0gMTtcbiAgICB9XG4gICAgZWxzZSB7XG4gICAgICB0aGlzLmJveFNoYWRvdyA9IDI7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBzZXRCaW5kaW5nKCkge1xuICAgIGlmKHRoaXMuaW5pdGlhbFZhbHVlICE9PSAnJykge1xuICAgICAgdGhpcy5iaW5kaW5nID0gdGhpcy5pbml0aWFsVmFsdWU7XG4gICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnc2VsZWN0Jyk/LmNsaWNrKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuYmluZGluZyA9IHRoaXMuZGVmYXVsdFRleHQ7XG4gICAgfVxuICB9XG5cbiAgY2xpY2sodmFsdWU6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLmNsaWNrZWQgPSB2YWx1ZS5pc1RydXN0ZWQ7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgdGhpcy5zZXRCaW5kaW5nKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IHRleHRDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmRlZmF1bHRUZXh0ID09PSAnJyA/ICdzZWxlY3RlZCcgOiAnc2VsZWN0JztcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbGFiZWxDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiAodGhpcy5jbGlja2VkIHx8IHRoaXMuaW5pdGlhbFZhbHVlICE9PSAnJykgPyAnbGFiZWxVcCcgOiAnbGFiZWwnO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -596,8 +596,10 @@ class SelectComponent {
|
|
|
596
596
|
}
|
|
597
597
|
}
|
|
598
598
|
setBinding() {
|
|
599
|
+
var _a;
|
|
599
600
|
if (this.initialValue !== '') {
|
|
600
601
|
this.binding = this.initialValue;
|
|
602
|
+
(_a = document.getElementById('select')) === null || _a === void 0 ? void 0 : _a.click();
|
|
601
603
|
}
|
|
602
604
|
else {
|
|
603
605
|
this.binding = this.defaultText;
|
|
@@ -613,15 +615,14 @@ class SelectComponent {
|
|
|
613
615
|
return this.defaultText === '' ? 'selected' : 'select';
|
|
614
616
|
}
|
|
615
617
|
get labelClass() {
|
|
616
|
-
return this.clicked
|
|
618
|
+
return (this.clicked || this.initialValue !== '') ? 'labelUp' : 'label';
|
|
617
619
|
}
|
|
618
620
|
}
|
|
619
621
|
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
620
622
|
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: `
|
|
621
623
|
<div class="select-container">
|
|
622
|
-
<label
|
|
623
|
-
<
|
|
624
|
-
<select id="select"
|
|
624
|
+
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
625
|
+
<select
|
|
625
626
|
[(ngModel)]="binding"
|
|
626
627
|
(ngModelChange)="seleccionar($event)"
|
|
627
628
|
(click)="click($event)"
|
|
@@ -632,14 +633,13 @@ SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
|
|
|
632
633
|
</option>
|
|
633
634
|
</select>
|
|
634
635
|
</div>
|
|
635
|
-
`, 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.
|
|
636
|
+
`, 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: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.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: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
|
|
636
637
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, decorators: [{
|
|
637
638
|
type: Component,
|
|
638
639
|
args: [{ selector: 'ipt-select', template: `
|
|
639
640
|
<div class="select-container">
|
|
640
|
-
<label
|
|
641
|
-
<
|
|
642
|
-
<select id="select"
|
|
641
|
+
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
642
|
+
<select
|
|
643
643
|
[(ngModel)]="binding"
|
|
644
644
|
(ngModelChange)="seleccionar($event)"
|
|
645
645
|
(click)="click($event)"
|