iptdevs-design-system 1.0.2 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/{aside-button → atoms/aside-button}/aside-button.component.mjs +1 -1
- package/esm2020/lib/components/atoms/button/button.component.mjs +66 -0
- package/esm2020/lib/components/{checkbox → atoms/checkbox}/checkbox.component.mjs +1 -1
- package/esm2020/lib/components/atoms/datalist/datalist.component.mjs +88 -0
- package/esm2020/lib/components/atoms/input/input.component.mjs +109 -0
- package/esm2020/lib/components/{radio → atoms/radio}/radio.component.mjs +1 -1
- package/esm2020/lib/components/atoms/select/select.component.mjs +87 -0
- package/esm2020/lib/components/forms/login-form/login-form.component.mjs +119 -0
- package/esm2020/lib/components/forms/register-form/register-form.component.mjs +14 -0
- package/esm2020/lib/design-system.module.mjs +16 -10
- package/esm2020/public-api.mjs +11 -8
- package/fesm2015/iptdevs-design-system.mjs +146 -18
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +146 -18
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/components/{aside-button → atoms/aside-button}/aside-button.component.d.ts +0 -0
- package/lib/components/{button → atoms/button}/button.component.d.ts +2 -1
- package/lib/components/{checkbox → atoms/checkbox}/checkbox.component.d.ts +0 -0
- package/lib/components/{datalist → atoms/datalist}/datalist.component.d.ts +0 -0
- package/lib/components/{input → atoms/input}/input.component.d.ts +0 -0
- package/lib/components/{radio → atoms/radio}/radio.component.d.ts +0 -0
- package/lib/components/{select → atoms/select}/select.component.d.ts +0 -0
- package/lib/components/forms/login-form/login-form.component.d.ts +13 -0
- package/lib/components/forms/register-form/register-form.component.d.ts +8 -0
- package/lib/design-system.module.d.ts +13 -11
- package/package.json +1 -1
- package/public-api.d.ts +8 -7
- package/esm2020/lib/components/button/button.component.mjs +0 -64
- package/esm2020/lib/components/datalist/datalist.component.mjs +0 -88
- package/esm2020/lib/components/input/input.component.mjs +0 -109
- package/esm2020/lib/components/select/select.component.mjs +0 -89
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class ButtonComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.primary = false;
|
|
7
|
-
this.size = 'medium';
|
|
8
|
-
this.label = 'Button';
|
|
9
|
-
this.isEnabled = true;
|
|
10
|
-
this.onClick = new EventEmitter();
|
|
11
|
-
}
|
|
12
|
-
get classes() {
|
|
13
|
-
const mode = this.primary && this.isEnabled === true
|
|
14
|
-
? 'ipt-button--primary'
|
|
15
|
-
: this.isEnabled === false ? 'ipt-button--primary-disabled'
|
|
16
|
-
: 'ipt-button--secondary';
|
|
17
|
-
return ['ipt-button', `ipt-button--${this.size}`, mode];
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ButtonComponent, selector: "ipt-button", inputs: { primary: "primary", size: "size", label: "label", isEnabled: "isEnabled" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `<button *ngIf="isEnabled"
|
|
22
|
-
type="button"
|
|
23
|
-
(click)="onClick.emit($event)"
|
|
24
|
-
[ngClass]="classes"
|
|
25
|
-
>
|
|
26
|
-
{{ label }}
|
|
27
|
-
</button>
|
|
28
|
-
|
|
29
|
-
<button *ngIf="!isEnabled"
|
|
30
|
-
type="button"
|
|
31
|
-
(click)="onClick.emit($event)"
|
|
32
|
-
[ngClass]="classes"
|
|
33
|
-
>
|
|
34
|
-
{{ label }}
|
|
35
|
-
</button>`, isInline: true, styles: [".ipt-button{font-family:Poppins,sans-serif;font-weight:700;border:0;border-radius:12px;cursor:pointer;display:inline-block;line-height:1;transition:.4s;width:100%;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button:hover{box-shadow:0 10px 20px #1b1b1b80;transform:translateY(-3px)}.ipt-button:active{transform:scale(.99)}.ipt-button--primary{color:#fff;background-color:#1c77f7}.ipt-button--primary-disabled{color:gray;background-color:#fff;border:1px solid gray;box-shadow:none;cursor:not-allowed}.ipt-button--primary-disabled:hover{box-shadow:none}.ipt-button--secondary{color:#1c77f7;background-color:#fff;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button--small{font-size:12px;padding:10px 16px}.ipt-button--medium{font-size:14px;padding:11px 20px}.ipt-button--large{font-size:16px;padding:12px 24px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
37
|
-
type: Component,
|
|
38
|
-
args: [{ selector: 'ipt-button', template: `<button *ngIf="isEnabled"
|
|
39
|
-
type="button"
|
|
40
|
-
(click)="onClick.emit($event)"
|
|
41
|
-
[ngClass]="classes"
|
|
42
|
-
>
|
|
43
|
-
{{ label }}
|
|
44
|
-
</button>
|
|
45
|
-
|
|
46
|
-
<button *ngIf="!isEnabled"
|
|
47
|
-
type="button"
|
|
48
|
-
(click)="onClick.emit($event)"
|
|
49
|
-
[ngClass]="classes"
|
|
50
|
-
>
|
|
51
|
-
{{ label }}
|
|
52
|
-
</button>`, styles: [".ipt-button{font-family:Poppins,sans-serif;font-weight:700;border:0;border-radius:12px;cursor:pointer;display:inline-block;line-height:1;transition:.4s;width:100%;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button:hover{box-shadow:0 10px 20px #1b1b1b80;transform:translateY(-3px)}.ipt-button:active{transform:scale(.99)}.ipt-button--primary{color:#fff;background-color:#1c77f7}.ipt-button--primary-disabled{color:gray;background-color:#fff;border:1px solid gray;box-shadow:none;cursor:not-allowed}.ipt-button--primary-disabled:hover{box-shadow:none}.ipt-button--secondary{color:#1c77f7;background-color:#fff;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button--small{font-size:12px;padding:10px 16px}.ipt-button--medium{font-size:14px;padding:11px 20px}.ipt-button--large{font-size:16px;padding:12px 24px}\n"] }]
|
|
53
|
-
}], propDecorators: { primary: [{
|
|
54
|
-
type: Input
|
|
55
|
-
}], size: [{
|
|
56
|
-
type: Input
|
|
57
|
-
}], label: [{
|
|
58
|
-
type: Input
|
|
59
|
-
}], isEnabled: [{
|
|
60
|
-
type: Input
|
|
61
|
-
}], onClick: [{
|
|
62
|
-
type: Output
|
|
63
|
-
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQXFCdkUsTUFBTSxPQUFPLGVBQWU7SUFuQjVCO1FBcUJXLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsU0FBSSxHQUFpQyxRQUFRLENBQUM7UUFDOUMsVUFBSyxHQUFXLFFBQVEsQ0FBQztRQUN6QixjQUFTLEdBQVksSUFBSSxDQUFDO1FBRXpCLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0tBVS9DO0lBUkMsSUFBVyxPQUFPO1FBQ2hCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxJQUFJO1lBQ2xELENBQUMsQ0FBQyxxQkFBcUI7WUFDdkIsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyw4QkFBOEI7Z0JBQzNELENBQUMsQ0FBQyx1QkFBdUIsQ0FBQztRQUU1QixPQUFPLENBQUMsWUFBWSxFQUFFLGVBQWUsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQzFELENBQUM7OzRHQWhCVSxlQUFlO2dHQUFmLGVBQWUseUtBakJoQjs7Ozs7Ozs7Ozs7Ozs7WUFjQTsyRkFHQyxlQUFlO2tCQW5CM0IsU0FBUzsrQkFDRSxZQUFZLFlBQ1o7Ozs7Ozs7Ozs7Ozs7O1lBY0E7OEJBS0QsT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWJ1dHRvbicsXG4gIHRlbXBsYXRlOiBgPGJ1dHRvbiAqbmdJZj1cImlzRW5hYmxlZFwiXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgKGNsaWNrKT1cIm9uQ2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICBbbmdDbGFzc109XCJjbGFzc2VzXCJcbiAgPlxuICAgIHt7IGxhYmVsIH19XG4gIDwvYnV0dG9uPlxuXG4gIDxidXR0b24gKm5nSWY9XCIhaXNFbmFibGVkXCJcbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAoY2xpY2spPVwib25DbGljay5lbWl0KCRldmVudClcIlxuICAgIFtuZ0NsYXNzXT1cImNsYXNzZXNcIlxuICA+XG4gICAge3sgbGFiZWwgfX1cbiAgPC9idXR0b24+YCxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHByaW1hcnk6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdtZWRpdW0nO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJ0J1dHRvbic7XG4gIEBJbnB1dCgpIGlzRW5hYmxlZDogYm9vbGVhbiA9IHRydWU7XG5cbiAgQE91dHB1dCgpIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIHB1YmxpYyBnZXQgY2xhc3NlcygpOiBzdHJpbmdbXSB7XG4gICAgY29uc3QgbW9kZSA9IHRoaXMucHJpbWFyeSAmJiB0aGlzLmlzRW5hYmxlZCA9PT0gdHJ1ZVxuICAgICAgPyAnaXB0LWJ1dHRvbi0tcHJpbWFyeSdcbiAgICAgIDogdGhpcy5pc0VuYWJsZWQgPT09IGZhbHNlID8gJ2lwdC1idXR0b24tLXByaW1hcnktZGlzYWJsZWQnXG4gICAgICA6ICdpcHQtYnV0dG9uLS1zZWNvbmRhcnknO1xuXG4gICAgcmV0dXJuIFsnaXB0LWJ1dHRvbicsIGBpcHQtYnV0dG9uLS0ke3RoaXMuc2l6ZX1gLCBtb2RlXTtcbiAgfVxufVxuIl19
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
import { Validators } from '@angular/forms';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/forms";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
export class DatalistComponent {
|
|
7
|
-
constructor(fb) {
|
|
8
|
-
this.isChanged = new EventEmitter();
|
|
9
|
-
this.clicked = false;
|
|
10
|
-
this.formControl = fb.group({
|
|
11
|
-
dataListControl: ['', [Validators.required]],
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
ngOnInit() {
|
|
15
|
-
if (this.initalData != null) {
|
|
16
|
-
this.formControl.controls['dataListControl'].setValue(this.initalData);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
optionChanged(event) {
|
|
20
|
-
let selectOption = this.datalistData.find(element => element.name == event.target.value);
|
|
21
|
-
if (typeof (selectOption) != 'undefined') {
|
|
22
|
-
this.isChanged.emit(selectOption.code);
|
|
23
|
-
}
|
|
24
|
-
else {
|
|
25
|
-
this.isChanged.emit('-1');
|
|
26
|
-
this.formControl.controls['dataListControl'].setValue(null);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
click(value) {
|
|
30
|
-
this.clicked = value.isTrusted;
|
|
31
|
-
}
|
|
32
|
-
get labelClass() {
|
|
33
|
-
return this.clicked === false ? 'label' : 'labelUp';
|
|
34
|
-
}
|
|
35
|
-
}
|
|
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 });
|
|
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">
|
|
39
|
-
<label [ngClass]="labelClass">{{ placeHolder }}</label>
|
|
40
|
-
<input
|
|
41
|
-
type="text"
|
|
42
|
-
class="input"
|
|
43
|
-
(click)="click($event)"
|
|
44
|
-
[attr.list]="datalistId"
|
|
45
|
-
(change)="optionChanged($event)"
|
|
46
|
-
/>
|
|
47
|
-
|
|
48
|
-
<datalist id="{{ datalistId }}">
|
|
49
|
-
<option *ngFor="let item of datalistData; index as i" [value]="item.name">
|
|
50
|
-
{{item.name}} {{item.last_name}}
|
|
51
|
-
</option>
|
|
52
|
-
</datalist>
|
|
53
|
-
</div>
|
|
54
|
-
`, 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:transparent}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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, decorators: [{
|
|
56
|
-
type: Component,
|
|
57
|
-
args: [{ selector: 'ipt-datalist', template: `
|
|
58
|
-
<div class="input-container">
|
|
59
|
-
<label [ngClass]="labelClass">{{ placeHolder }}</label>
|
|
60
|
-
<input
|
|
61
|
-
type="text"
|
|
62
|
-
class="input"
|
|
63
|
-
(click)="click($event)"
|
|
64
|
-
[attr.list]="datalistId"
|
|
65
|
-
(change)="optionChanged($event)"
|
|
66
|
-
/>
|
|
67
|
-
|
|
68
|
-
<datalist id="{{ datalistId }}">
|
|
69
|
-
<option *ngFor="let item of datalistData; index as i" [value]="item.name">
|
|
70
|
-
{{item.name}} {{item.last_name}}
|
|
71
|
-
</option>
|
|
72
|
-
</datalist>
|
|
73
|
-
</div>
|
|
74
|
-
`, 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:transparent}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"] }]
|
|
75
|
-
}], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { datalistId: [{
|
|
76
|
-
type: Input
|
|
77
|
-
}], datalistData: [{
|
|
78
|
-
type: Input
|
|
79
|
-
}], placeHolder: [{
|
|
80
|
-
type: Input
|
|
81
|
-
}], validateText: [{
|
|
82
|
-
type: Input
|
|
83
|
-
}], initalData: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}], isChanged: [{
|
|
86
|
-
type: Output
|
|
87
|
-
}] } });
|
|
88
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZGF0YWxpc3QvZGF0YWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDbEYsT0FBTyxFQUFnRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQXdCMUcsTUFBTSxPQUFPLGlCQUFpQjtJQWE1QixZQUFZLEVBQWU7UUFMakIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFHakQsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUd2QixJQUFJLENBQUMsV0FBVyxHQUFHLEVBQUUsQ0FBQyxLQUFLLENBQUM7WUFDMUIsZUFBZSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQzdDLENBQUMsQ0FBQztJQUNKLENBQUM7SUFFRixRQUFRO1FBQ04sSUFBRyxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksRUFBRTtZQUMxQixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDeEU7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQVU7UUFDdEIsSUFBSSxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBRSxPQUFPLENBQUMsSUFBSSxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFMUYsSUFBSSxPQUFNLENBQUMsWUFBWSxDQUFDLElBQUksV0FBVyxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN4QzthQUFNO1lBQ0wsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDN0Q7SUFDSCxDQUFDO0lBRUQsS0FBSyxDQUFDLEtBQWlCO1FBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzhHQTFDVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixpUEFwQmxCOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVDsyRkFHVSxpQkFBaUI7a0JBdEI3QixTQUFTOytCQUNFLGNBQWMsWUFDZDs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQ7a0dBS1EsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1CdWlsZGVyLCBGb3JtQ29udHJvbCwgRm9ybUdyb3VwLCBOZ0Zvcm0sIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lwdC1kYXRhbGlzdCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImlucHV0LWNvbnRhaW5lclwiPlxuICAgICAgPGxhYmVsIFtuZ0NsYXNzXT1cImxhYmVsQ2xhc3NcIj57eyBwbGFjZUhvbGRlciB9fTwvbGFiZWw+XG4gICAgICA8aW5wdXRcbiAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIlxuICAgICAgICBbYXR0ci5saXN0XT1cImRhdGFsaXN0SWRcIlxuICAgICAgICAoY2hhbmdlKT1cIm9wdGlvbkNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICAvPlxuXG4gICAgICA8ZGF0YWxpc3QgaWQ9XCJ7eyBkYXRhbGlzdElkIH19XCI+XG4gICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YWxpc3REYXRhOyBpbmRleCBhcyBpXCIgW3ZhbHVlXT1cIml0ZW0ubmFtZVwiPlxuICAgICAgICAgIHt7aXRlbS5uYW1lfX0ge3tpdGVtLmxhc3RfbmFtZX19XG4gICAgICAgIDwvb3B0aW9uPlxuICAgICAgPC9kYXRhbGlzdD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0YWxpc3QuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERhdGFsaXN0Q29tcG9uZW50IHtcblxuICBASW5wdXQoKSBkYXRhbGlzdElkITogc3RyaW5nO1xuICBASW5wdXQoKSBkYXRhbGlzdERhdGEhOiBhbnlbXTtcbiAgQElucHV0KCkgcGxhY2VIb2xkZXIhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbGlkYXRlVGV4dCE6IHN0cmluZztcbiAgQElucHV0KCkgaW5pdGFsRGF0YSE6IHN0cmluZztcblxuICBAT3V0cHV0KCkgaXNDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgZm9ybUNvbnRyb2whOiBGb3JtR3JvdXA7XG4gIGNsaWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihmYjogRm9ybUJ1aWxkZXIpIHtcbiAgICB0aGlzLmZvcm1Db250cm9sID0gZmIuZ3JvdXAoe1xuICAgICAgZGF0YUxpc3RDb250cm9sOiBbJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkXV0sXG4gICAgfSk7XG4gICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYodGhpcy5pbml0YWxEYXRhICE9IG51bGwpIHtcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wuY29udHJvbHNbJ2RhdGFMaXN0Q29udHJvbCddLnNldFZhbHVlKHRoaXMuaW5pdGFsRGF0YSk7XG4gICAgfVxuICB9XG5cbiAgb3B0aW9uQ2hhbmdlZChldmVudDogYW55KSB7XG4gICAgbGV0IHNlbGVjdE9wdGlvbiA9IHRoaXMuZGF0YWxpc3REYXRhLmZpbmQoZWxlbWVudCA9PiAgZWxlbWVudC5uYW1lID09IGV2ZW50LnRhcmdldC52YWx1ZSk7XG5cbiAgICBpZiAodHlwZW9mKHNlbGVjdE9wdGlvbikgIT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIHRoaXMuaXNDaGFuZ2VkLmVtaXQoc2VsZWN0T3B0aW9uLmNvZGUpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmlzQ2hhbmdlZC5lbWl0KCctMScpO1xuICAgICAgdGhpcy5mb3JtQ29udHJvbC5jb250cm9sc1snZGF0YUxpc3RDb250cm9sJ10uc2V0VmFsdWUobnVsbCk7XG4gICAgfVxuICB9XG5cbiAgY2xpY2sodmFsdWU6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLmNsaWNrZWQgPSB2YWx1ZS5pc1RydXN0ZWQ7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGxhYmVsQ2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5jbGlja2VkID09PSBmYWxzZSA/ICdsYWJlbCcgOiAnbGFiZWxVcCc7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import { Component, Input } 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 InputComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.data = [];
|
|
8
|
-
this.clicked = false;
|
|
9
|
-
}
|
|
10
|
-
set control(value) {
|
|
11
|
-
if (this.formControl !== value) {
|
|
12
|
-
this.formControl = value;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
click(value) {
|
|
16
|
-
this.clicked = value.isTrusted;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: InputComponent, selector: "ipt-input", inputs: { inputType: "inputType", placeHolder: "placeHolder", validateText: "validateText", list: "list", iconUrl: "iconUrl", control: "control" }, ngImport: i0, template: `
|
|
21
|
-
<div class="input-container">
|
|
22
|
-
<input *ngIf="inputType === 'date'"
|
|
23
|
-
class="input"
|
|
24
|
-
type="{{ inputType ? 'text' : 'date' }}"
|
|
25
|
-
[formControl]="formControl"
|
|
26
|
-
onfocus="this.type='date';"
|
|
27
|
-
onblur="javascript: if( !this.value ) this.type='text';"
|
|
28
|
-
uib-datepicker-popup="dd/MM/yyyy"
|
|
29
|
-
ng-model="inputType"/>
|
|
30
|
-
|
|
31
|
-
<input *ngIf="inputType !== 'date' && inputType !== 'time'"
|
|
32
|
-
class="input"
|
|
33
|
-
class="input"
|
|
34
|
-
type="{{ inputType }}"
|
|
35
|
-
[formControl]="formControl"
|
|
36
|
-
[attr.list]="list"/>
|
|
37
|
-
|
|
38
|
-
<input *ngIf="inputType === 'time'"
|
|
39
|
-
class="input"
|
|
40
|
-
type="time"
|
|
41
|
-
[formControl]="formControl"
|
|
42
|
-
[min]="'06:00:00'"
|
|
43
|
-
max="22:00:00"
|
|
44
|
-
step="900"
|
|
45
|
-
autocomplete="on"
|
|
46
|
-
value="08:00:00"
|
|
47
|
-
(click)="click($event)"
|
|
48
|
-
/>
|
|
49
|
-
|
|
50
|
-
<label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
|
|
51
|
-
|
|
52
|
-
<p *ngIf="!formControl.valid && formControl.value !== '' && formControl.touched">
|
|
53
|
-
{{ validateText }}
|
|
54
|
-
</p>
|
|
55
|
-
</div>
|
|
56
|
-
`, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px;margin-top:35px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:14px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:16px;padding-left:15px}}.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:transparent;-webkit-appearance:none}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}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, decorators: [{
|
|
58
|
-
type: Component,
|
|
59
|
-
args: [{ selector: 'ipt-input', template: `
|
|
60
|
-
<div class="input-container">
|
|
61
|
-
<input *ngIf="inputType === 'date'"
|
|
62
|
-
class="input"
|
|
63
|
-
type="{{ inputType ? 'text' : 'date' }}"
|
|
64
|
-
[formControl]="formControl"
|
|
65
|
-
onfocus="this.type='date';"
|
|
66
|
-
onblur="javascript: if( !this.value ) this.type='text';"
|
|
67
|
-
uib-datepicker-popup="dd/MM/yyyy"
|
|
68
|
-
ng-model="inputType"/>
|
|
69
|
-
|
|
70
|
-
<input *ngIf="inputType !== 'date' && inputType !== 'time'"
|
|
71
|
-
class="input"
|
|
72
|
-
class="input"
|
|
73
|
-
type="{{ inputType }}"
|
|
74
|
-
[formControl]="formControl"
|
|
75
|
-
[attr.list]="list"/>
|
|
76
|
-
|
|
77
|
-
<input *ngIf="inputType === 'time'"
|
|
78
|
-
class="input"
|
|
79
|
-
type="time"
|
|
80
|
-
[formControl]="formControl"
|
|
81
|
-
[min]="'06:00:00'"
|
|
82
|
-
max="22:00:00"
|
|
83
|
-
step="900"
|
|
84
|
-
autocomplete="on"
|
|
85
|
-
value="08:00:00"
|
|
86
|
-
(click)="click($event)"
|
|
87
|
-
/>
|
|
88
|
-
|
|
89
|
-
<label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
|
|
90
|
-
|
|
91
|
-
<p *ngIf="!formControl.valid && formControl.value !== '' && formControl.touched">
|
|
92
|
-
{{ validateText }}
|
|
93
|
-
</p>
|
|
94
|
-
</div>
|
|
95
|
-
`, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px;margin-top:35px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:14px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:16px;padding-left:15px}}.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:transparent;-webkit-appearance:none}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}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;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"] }]
|
|
96
|
-
}], propDecorators: { inputType: [{
|
|
97
|
-
type: Input
|
|
98
|
-
}], placeHolder: [{
|
|
99
|
-
type: Input
|
|
100
|
-
}], validateText: [{
|
|
101
|
-
type: Input
|
|
102
|
-
}], list: [{
|
|
103
|
-
type: Input
|
|
104
|
-
}], iconUrl: [{
|
|
105
|
-
type: Input
|
|
106
|
-
}], control: [{
|
|
107
|
-
type: Input
|
|
108
|
-
}] } });
|
|
109
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvaW5wdXQvaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFtQyxNQUFNLGVBQWUsQ0FBQzs7OztBQTRDbEYsTUFBTSxPQUFPLGNBQWM7SUF6QzNCO1FBNENFLFNBQUksR0FBVSxFQUFFLENBQUM7UUFFakIsWUFBTyxHQUFZLEtBQUssQ0FBQztLQWlCMUI7SUFWQyxJQUFhLE9BQU8sQ0FBQyxLQUErQjtRQUNsRCxJQUFJLElBQUksQ0FBQyxXQUFXLEtBQUssS0FBSyxFQUFFO1lBQzlCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBb0IsQ0FBQztTQUN6QztJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQ2pDLENBQUM7OzJHQXBCVSxjQUFjOytGQUFkLGNBQWMscU1BdkNmOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0FvQ1A7MkZBR1EsY0FBYztrQkF6QzFCLFNBQVM7K0JBQ0UsV0FBVyxZQUNYOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0FvQ1A7OEJBVU0sU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDTyxPQUFPO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBGb3JtQnVpbGRlciwgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgTmdGb3JtLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpcHQtaW5wdXQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1jb250YWluZXJcIj5cbiAgICAgIDxpbnB1dCAqbmdJZj1cImlucHV0VHlwZSA9PT0gJ2RhdGUnXCJcbiAgICAgICAgY2xhc3M9XCJpbnB1dFwiXG4gICAgICAgIHR5cGU9XCJ7eyBpbnB1dFR5cGUgPyAndGV4dCcgOiAnZGF0ZScgfX1cIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICBvbmZvY3VzPVwidGhpcy50eXBlPSdkYXRlJztcIlxuICAgICAgICBvbmJsdXI9XCJqYXZhc2NyaXB0OiBpZiggIXRoaXMudmFsdWUgKSB0aGlzLnR5cGU9J3RleHQnO1wiXG4gICAgICAgIHVpYi1kYXRlcGlja2VyLXBvcHVwPVwiZGQvTU0veXl5eVwiXG4gICAgICAgIG5nLW1vZGVsPVwiaW5wdXRUeXBlXCIvPlxuXG4gICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgIT09ICdkYXRlJyAmJiBpbnB1dFR5cGUgIT09ICd0aW1lJ1wiXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxuICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgdHlwZT1cInt7IGlucHV0VHlwZSB9fVwiXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgIFthdHRyLmxpc3RdPVwibGlzdFwiLz5cblxuICAgICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgPT09ICd0aW1lJ1wiXG4gICAgICAgICAgY2xhc3M9XCJpbnB1dFwiXG4gICAgICAgICAgdHlwZT1cInRpbWVcIlxuICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgICAgW21pbl09XCInMDY6MDA6MDAnXCJcbiAgICAgICAgICBtYXg9XCIyMjowMDowMFwiXG4gICAgICAgICAgc3RlcD1cIjkwMFwiXG4gICAgICAgICAgYXV0b2NvbXBsZXRlPVwib25cIlxuICAgICAgICAgIHZhbHVlPVwiMDg6MDA6MDBcIlxuICAgICAgICAgIChjbGljayk9XCJjbGljaygkZXZlbnQpXCJcbiAgICAgICAgLz5cblxuICAgICAgPGxhYmVsIFtuZ0NsYXNzXT1cInsnbGFiZWxVcCc6IGZvcm1Db250cm9sLnZhbHVlICE9PSAnJ31cIj57eyBwbGFjZUhvbGRlciB9fTwvbGFiZWw+XG5cbiAgICAgIDxwICpuZ0lmPVwiIWZvcm1Db250cm9sLnZhbGlkICYmIGZvcm1Db250cm9sLnZhbHVlICE9PSAnJyAmJiBmb3JtQ29udHJvbC50b3VjaGVkXCI+XG4gICAgICAgIHt7IHZhbGlkYXRlVGV4dCB9fVxuICAgICAgPC9wPlxuICAgIDwvZGl2PlxuICAgIGAsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dENvbXBvbmVudCB7XG5cbiAgcHVibGljIGNvZGVWYWx1ZSE6IHN0cmluZztcbiAgZGF0YTogYW55W10gPSBbXTtcbiAgZm9ybUNvbnRyb2whOiBGb3JtQ29udHJvbDtcbiAgY2xpY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGlucHV0VHlwZSE6IHN0cmluZztcbiAgQElucHV0KCkgcGxhY2VIb2xkZXIhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbGlkYXRlVGV4dD86IHN0cmluZztcbiAgQElucHV0KCkgbGlzdD86IHN0cmluZzsgLy9QYXJhIGVsIGRhdGFsaXN0XG4gIEBJbnB1dCgpIGljb25Vcmw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNldCBjb250cm9sKHZhbHVlOiBBYnN0cmFjdENvbnRyb2wgfCBzdHJpbmcpIHtcbiAgICBpZiAodGhpcy5mb3JtQ29udHJvbCAhPT0gdmFsdWUpIHtcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wgPSB2YWx1ZSBhcyBGb3JtQ29udHJvbDtcbiAgICB9XG4gIH1cblxuICBjbGljayh2YWx1ZTogTW91c2VFdmVudCkge1xuICAgIHRoaXMuY2xpY2tlZCA9IHZhbHVlLmlzVHJ1c3RlZDtcbiAgfVxuXG59XG4iXX0=
|
|
@@ -1,89 +0,0 @@
|
|
|
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 disabled hidden>{{ defaultText }}</option>
|
|
53
|
-
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
54
|
-
{{ item.name }} {{ item.prefix }}
|
|
55
|
-
</option>
|
|
56
|
-
</select>
|
|
57
|
-
</div>
|
|
58
|
-
`, 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;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background:transparent;-webkit-appearance:none}.selected{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;transition:.5s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;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: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, decorators: [{
|
|
60
|
-
type: Component,
|
|
61
|
-
args: [{ selector: 'ipt-select', template: `
|
|
62
|
-
<div class="select-container">
|
|
63
|
-
<label [ngClass]="labelClass">{{ defaultText }}</label>
|
|
64
|
-
<select
|
|
65
|
-
[(ngModel)]="binding"
|
|
66
|
-
(ngModelChange)="seleccionar($event)"
|
|
67
|
-
(click)="click($event)"
|
|
68
|
-
[ngClass]="textClass">
|
|
69
|
-
<option disabled hidden>{{ defaultText }}</option>
|
|
70
|
-
<option *ngFor="let item of data; index as i" [value]="item.code">
|
|
71
|
-
{{ item.name }} {{ item.prefix }}
|
|
72
|
-
</option>
|
|
73
|
-
</select>
|
|
74
|
-
</div>
|
|
75
|
-
`, 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;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background:transparent;-webkit-appearance:none}.selected{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;transition:.5s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;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"] }]
|
|
76
|
-
}], propDecorators: { isRequired: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], data: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}], defaultText: [{
|
|
81
|
-
type: Input
|
|
82
|
-
}], selectCode: [{
|
|
83
|
-
type: Input
|
|
84
|
-
}], eventSelect: [{
|
|
85
|
-
type: Output
|
|
86
|
-
}], control: [{
|
|
87
|
-
type: Input
|
|
88
|
-
}] } });
|
|
89
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7O0FBc0J0RixNQUFNLE9BQU8sZUFBZTtJQW5CNUI7UUFzQkUsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUV0QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBT2YsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBdUNwRDtJQXRDQyxpR0FBaUc7SUFDakcsSUFBYSxPQUFPLENBQUMsS0FBc0I7UUFDekMsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLEtBQUssRUFBRTtZQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQW9CLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFDO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztTQUNqQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsR0FBVztRQUNyQixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDbkQsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUM7U0FDcEI7YUFDSTtZQUNILElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUVELEtBQUssQ0FBQyxLQUFpQjtRQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUM7SUFDakMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUN6RCxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzRHQWpEVSxlQUFlO2dHQUFmLGVBQWUsOE9BakJoQjs7Ozs7Ozs7Ozs7Ozs7R0FjVDsyRkFHVSxlQUFlO2tCQW5CM0IsU0FBUzsrQkFDRSxZQUFZLFlBQ1o7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7OEJBVVEsVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBRU0sT0FBTztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpcHQtc2VsZWN0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwic2VsZWN0LWNvbnRhaW5lclwiPlxuICAgICAgPGxhYmVsIFtuZ0NsYXNzXT1cImxhYmVsQ2xhc3NcIj57eyBkZWZhdWx0VGV4dCB9fTwvbGFiZWw+XG4gICAgICA8c2VsZWN0XG4gICAgICAgIFsobmdNb2RlbCldPVwiYmluZGluZ1wiXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInNlbGVjY2lvbmFyKCRldmVudClcIlxuICAgICAgICAoY2xpY2spPVwiY2xpY2soJGV2ZW50KVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInRleHRDbGFzc1wiPlxuICAgICAgICA8b3B0aW9uIGRpc2FibGVkIGhpZGRlbj57eyBkZWZhdWx0VGV4dCB9fTwvb3B0aW9uPlxuICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGE7IGluZGV4IGFzIGlcIiBbdmFsdWVdPVwiaXRlbS5jb2RlXCI+XG4gICAgICAgICAge3sgaXRlbS5uYW1lIH19IHt7IGl0ZW0ucHJlZml4IH19XG4gICAgICAgIDwvb3B0aW9uPlxuICAgICAgPC9zZWxlY3Q+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0Q29tcG9uZW50IHtcblxuICBiaW5kaW5nOiBhbnk7XG4gIGJveFNoYWRvdzogbnVtYmVyID0gMDtcbiAgZm9ybUNvbnRyb2whOiBGb3JtQ29udHJvbDtcbiAgY2xpY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGlzUmVxdWlyZWQhOiBib29sZWFuOyAvLyB0ZW1hcyBkZSB2YWxpZGFjaW9uXG4gIC8vIG9iamV0byBxdWUgbWUgdHJhZSBlbCBsaXN0YWRvXG4gIEBJbnB1dCgpIGRhdGEhOiBhbnlbXTsgLy8gcmVjaWJlIHVuIGFycmF5IGRlIGN1YWxxdWllciBjb3NhXG4gIEBJbnB1dCgpIGRlZmF1bHRUZXh0ITogYW55O1xuICBASW5wdXQoKSBzZWxlY3RDb2RlITpzdHJpbmc7XG4gIEBPdXRwdXQoKSBldmVudFNlbGVjdCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICAvLyB0eXBlIHZpZW5lIGRlIG90cm8gY29tcG9uZW50ZSAtPiBpbmRpY2EgZGUgcXVlIHRpcG8gZXMgZWwgYXJyZWdsbyBzaSBwcmVncmFkZSwgcG9zZ3JhZGUgbyBtb2RvXG4gIEBJbnB1dCgpIHNldCBjb250cm9sKHZhbHVlOiBBYnN0cmFjdENvbnRyb2wpIHtcbiAgICBpZiAodGhpcy5mb3JtQ29udHJvbCAhPT0gdmFsdWUpIHtcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wgPSB2YWx1ZSBhcyBGb3JtQ29udHJvbDtcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYoIGNoYW5nZXNbJ2RhdGEnXSl7XG4gICAgICB0aGlzLmJpbmRpbmcgPSB0aGlzLmRlZmF1bHRUZXh0O1xuICAgIH1cbiAgfVxuXG4gIHNlbGVjY2lvbmFyKGV2dDogc3RyaW5nKXtcbiAgICBpZiAodGhpcy5ldmVudFNlbGVjdC5lbWl0KGV2dCkgIT09IHRoaXMuZGVmYXVsdFRleHQpIHtcbiAgICAgIHRoaXMuYm94U2hhZG93ID0gMTtcbiAgICB9XG4gICAgZWxzZSB7XG4gICAgICB0aGlzLmJveFNoYWRvdyA9IDI7XG4gICAgfVxuICB9XG5cbiAgY2xpY2sodmFsdWU6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLmNsaWNrZWQgPSB2YWx1ZS5pc1RydXN0ZWQ7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmJpbmRpbmcgPSB0aGlzLmRlZmF1bHRUZXh0O1xuICB9XG5cbiAgcHVibGljIGdldCB0ZXh0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5kZWZhdWx0VGV4dCA9PT0gJycgPyAnc2VsZWN0ZWQnIDogJ3NlbGVjdCc7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGxhYmVsQ2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5jbGlja2VkID09PSBmYWxzZSA/ICdsYWJlbCcgOiAnbGFiZWxVcCc7XG4gIH1cblxufVxuIl19
|