lightning-tec-br-angular-components 0.0.1 → 0.0.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/esm2022/lib/txt-box/txt-box.component.mjs +64 -0
- package/esm2022/lib/txt-box/txt-box.enum.mjs +25 -0
- package/esm2022/lib/txt-box/txt-box.model.mjs +7 -0
- package/esm2022/lib/txt-box/txt-box.service.mjs +15 -0
- package/esm2022/public-api.mjs +5 -3
- package/fesm2022/lightning-tec-br-angular-components.mjs +99 -24
- package/fesm2022/lightning-tec-br-angular-components.mjs.map +1 -1
- package/lib/txt-box/txt-box.component.d.ts +27 -0
- package/lib/txt-box/txt-box.enum.d.ts +21 -0
- package/lib/txt-box/txt-box.model.d.ts +4 -0
- package/lib/txt-box/txt-box.service.d.ts +8 -0
- package/package.json +2 -4
- package/public-api.d.ts +4 -2
- package/esm2022/lib/lightning-tec-br-angular-components.component.mjs +0 -19
- package/esm2022/lib/lightning-tec-br-angular-components.service.mjs +0 -14
- package/lib/lightning-tec-br-angular-components.component.d.ts +0 -5
- package/lib/lightning-tec-br-angular-components.service.d.ts +0 -6
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { Component, inject, input } from '@angular/core';
|
|
2
|
+
import { FormsModule } from '@angular/forms';
|
|
3
|
+
import { TxtBoxTypesEnum, TxtBoxIconsEnum, TxtBoxInputTypesEnum } from './txt-box.enum';
|
|
4
|
+
import { TxtBoxService } from './txt-box.service';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
import { TxtBoxModel } from './txt-box.model';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/forms";
|
|
9
|
+
import * as i2 from "@angular/common";
|
|
10
|
+
export class TxtBoxComponent {
|
|
11
|
+
constructor() {
|
|
12
|
+
//Template Properties
|
|
13
|
+
this._iconInput = input.required();
|
|
14
|
+
this._nameInput = input.required();
|
|
15
|
+
this._idInput = input();
|
|
16
|
+
this._placeHolderType = '';
|
|
17
|
+
this._placeHolderValue = '';
|
|
18
|
+
this._iconPassword = TxtBoxIconsEnum.EyeOpen;
|
|
19
|
+
this._CorIcone = input.required();
|
|
20
|
+
this._CorFont = input.required();
|
|
21
|
+
this._FontSize = input.required();
|
|
22
|
+
this._IconEnabled = '';
|
|
23
|
+
this._FontFamily = input.required();
|
|
24
|
+
//Internal Properties
|
|
25
|
+
this.typeInput = input.required();
|
|
26
|
+
this.IconEnabled = input.required();
|
|
27
|
+
this.text = '';
|
|
28
|
+
this.model = new TxtBoxModel();
|
|
29
|
+
//Services
|
|
30
|
+
this.internalServices = inject(TxtBoxService);
|
|
31
|
+
}
|
|
32
|
+
ngOnInit() {
|
|
33
|
+
//Limpa as Memórias de Estado
|
|
34
|
+
this._IconEnabled = '';
|
|
35
|
+
this._placeHolderType = '';
|
|
36
|
+
this._placeHolderValue = '';
|
|
37
|
+
this._IconEnabled = this.IconEnabled() ? '' : 'none';
|
|
38
|
+
switch (this.typeInput()) {
|
|
39
|
+
case (TxtBoxTypesEnum.Email):
|
|
40
|
+
{
|
|
41
|
+
this._placeHolderType = TxtBoxInputTypesEnum.Text;
|
|
42
|
+
this._placeHolderValue = 'nome@empresa.com.br';
|
|
43
|
+
break;
|
|
44
|
+
}
|
|
45
|
+
case (TxtBoxTypesEnum.Password):
|
|
46
|
+
{
|
|
47
|
+
this._placeHolderType = TxtBoxInputTypesEnum.Password;
|
|
48
|
+
this._placeHolderValue = '**********';
|
|
49
|
+
break;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
onValueChanged() {
|
|
54
|
+
this.model.name = this._nameInput();
|
|
55
|
+
this.internalServices.value.next(this.model);
|
|
56
|
+
}
|
|
57
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TxtBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
58
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: TxtBoxComponent, isStandalone: true, selector: "app-txt-box", inputs: { _iconInput: { classPropertyName: "_iconInput", publicName: "_iconInput", isSignal: true, isRequired: true, transformFunction: null }, _nameInput: { classPropertyName: "_nameInput", publicName: "_nameInput", isSignal: true, isRequired: true, transformFunction: null }, _idInput: { classPropertyName: "_idInput", publicName: "_idInput", isSignal: true, isRequired: false, transformFunction: null }, _CorIcone: { classPropertyName: "_CorIcone", publicName: "_CorIcone", isSignal: true, isRequired: true, transformFunction: null }, _CorFont: { classPropertyName: "_CorFont", publicName: "_CorFont", isSignal: true, isRequired: true, transformFunction: null }, _FontSize: { classPropertyName: "_FontSize", publicName: "_FontSize", isSignal: true, isRequired: true, transformFunction: null }, _FontFamily: { classPropertyName: "_FontFamily", publicName: "_FontFamily", isSignal: true, isRequired: true, transformFunction: null }, typeInput: { classPropertyName: "typeInput", publicName: "typeInput", isSignal: true, isRequired: true, transformFunction: null }, IconEnabled: { classPropertyName: "IconEnabled", publicName: "IconEnabled", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"container\" \r\n[style.width]=\"(_FontSize()*19.375) +'px'\"\r\n[style.height]=\"(_FontSize()*2.5) +'px'\"\r\n[style.border-radius]=\"(_FontSize()*0.3125) +'px'\"\r\n[ngStyle]=\"\r\n{'box-shadow':'\r\nrgb(204, 219, 232)'+ (_FontSize()*0.1875) + 'px '+ (_FontSize()*0.1875) + 'px '+ (_FontSize()*0.375) + 'px 0px inset' + ',' + \r\n'rgba(255, 255, 255, 0.5)'+ (_FontSize()*-0.1875) + 'px '+ (_FontSize()*-0.1875) + 'px '+ (_FontSize()*0.375) + 'px '+ (_FontSize()*0.0625) + 'px inset'\r\n}\r\n\"\r\n>\r\n\r\n <i class=\"{{_iconInput()}} icon\"\r\n [style.color]=\"_CorIcone()\"\r\n [style.font-size]=\"(_FontSize()*1.25) +'px'\"\r\n [style.margin-left]=\"(_FontSize()*0.5625) +'px'\"\r\n [style.display]=\"_IconEnabled\"\r\n ></i>\r\n\r\n <input\r\n type=\"{{_placeHolderType}}\"\r\n name=\"{{_nameInput()}}\"\r\n id=\"{{_idInput()}}\"\r\n placeholder=\"{{_placeHolderValue}}\"\r\n [(ngModel)]=\"model.value\"\r\n (ngModelChange)=\"onValueChanged()\"\r\n\r\n [style.color]=\"_CorFont()\"\r\n [style.font-family]=\"_FontFamily()\"\r\n [style.font-size]=\"_FontSize()+'px'\"\r\n [style.width]=\"(_FontSize()*15.3125) +'px'\"\r\n [style.margin-left]=\"(_FontSize()*0.375) +'px'\"\r\n >\r\n \r\n\r\n</div>\r\n\r\n\r\n\r\n\r\n", styles: [".container{display:flex;align-items:center}i{line-height:0px}input{background-color:transparent;border:none;padding:0}input:focus{outline:none;box-sizing:content-box}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", 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]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
59
|
+
}
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TxtBoxComponent, decorators: [{
|
|
61
|
+
type: Component,
|
|
62
|
+
args: [{ selector: 'app-txt-box', standalone: true, imports: [FormsModule, CommonModule], template: "<div class=\"container\" \r\n[style.width]=\"(_FontSize()*19.375) +'px'\"\r\n[style.height]=\"(_FontSize()*2.5) +'px'\"\r\n[style.border-radius]=\"(_FontSize()*0.3125) +'px'\"\r\n[ngStyle]=\"\r\n{'box-shadow':'\r\nrgb(204, 219, 232)'+ (_FontSize()*0.1875) + 'px '+ (_FontSize()*0.1875) + 'px '+ (_FontSize()*0.375) + 'px 0px inset' + ',' + \r\n'rgba(255, 255, 255, 0.5)'+ (_FontSize()*-0.1875) + 'px '+ (_FontSize()*-0.1875) + 'px '+ (_FontSize()*0.375) + 'px '+ (_FontSize()*0.0625) + 'px inset'\r\n}\r\n\"\r\n>\r\n\r\n <i class=\"{{_iconInput()}} icon\"\r\n [style.color]=\"_CorIcone()\"\r\n [style.font-size]=\"(_FontSize()*1.25) +'px'\"\r\n [style.margin-left]=\"(_FontSize()*0.5625) +'px'\"\r\n [style.display]=\"_IconEnabled\"\r\n ></i>\r\n\r\n <input\r\n type=\"{{_placeHolderType}}\"\r\n name=\"{{_nameInput()}}\"\r\n id=\"{{_idInput()}}\"\r\n placeholder=\"{{_placeHolderValue}}\"\r\n [(ngModel)]=\"model.value\"\r\n (ngModelChange)=\"onValueChanged()\"\r\n\r\n [style.color]=\"_CorFont()\"\r\n [style.font-family]=\"_FontFamily()\"\r\n [style.font-size]=\"_FontSize()+'px'\"\r\n [style.width]=\"(_FontSize()*15.3125) +'px'\"\r\n [style.margin-left]=\"(_FontSize()*0.375) +'px'\"\r\n >\r\n \r\n\r\n</div>\r\n\r\n\r\n\r\n\r\n", styles: [".container{display:flex;align-items:center}i{line-height:0px}input{background-color:transparent;border:none;padding:0}input:focus{outline:none;box-sizing:content-box}\n"] }]
|
|
63
|
+
}] });
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHh0LWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWdodG5pbmctdGVjLWJyLWFuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL3R4dC1ib3gvdHh0LWJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWdodG5pbmctdGVjLWJyLWFuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL3R4dC1ib3gvdHh0LWJveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFDLE1BQU0sRUFBQyxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7QUFXOUMsTUFBTSxPQUFPLGVBQWU7SUFQNUI7UUFTRSxxQkFBcUI7UUFDckIsZUFBVSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQW1CLENBQUM7UUFDL0MsZUFBVSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztRQUN0QyxhQUFRLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDM0IscUJBQWdCLEdBQVksRUFBRSxDQUFDO1FBQy9CLHNCQUFpQixHQUFVLEVBQUUsQ0FBQztRQUM5QixrQkFBYSxHQUFXLGVBQWUsQ0FBQyxPQUFPLENBQUM7UUFDaEQsY0FBUyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztRQUNyQyxhQUFRLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ3BDLGNBQVMsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDckMsaUJBQVksR0FBWSxFQUFFLENBQUM7UUFDM0IsZ0JBQVcsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFLdkMscUJBQXFCO1FBQ3JCLGNBQVMsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFtQixDQUFDO1FBQzlDLGdCQUFXLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVyxDQUFDO1FBQ3hDLFNBQUksR0FBWSxFQUFFLENBQUM7UUFDbkIsVUFBSyxHQUFHLElBQUksV0FBVyxFQUFFLENBQUM7UUFJMUIsVUFBVTtRQUNWLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztLQXdDMUM7SUF0Q0MsUUFBUTtRQUVOLDZCQUE2QjtRQUM3QixJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxFQUFFLENBQUM7UUFFNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO1FBRXJELFFBQVEsSUFBSSxDQUFDLFNBQVMsRUFBRSxFQUFDLENBQUM7WUFFeEIsS0FBSyxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUM7Z0JBQzVCLENBQUM7b0JBQ0MsSUFBSSxDQUFDLGdCQUFnQixHQUFHLG9CQUFvQixDQUFDLElBQUksQ0FBQztvQkFDbEQsSUFBSSxDQUFDLGlCQUFpQixHQUFHLHFCQUFxQixDQUFBO29CQUM5QyxNQUFNO2dCQUNSLENBQUM7WUFFRCxLQUFLLENBQUMsZUFBZSxDQUFDLFFBQVEsQ0FBQztnQkFDL0IsQ0FBQztvQkFDQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsb0JBQW9CLENBQUMsUUFBUSxDQUFDO29CQUN0RCxJQUFJLENBQUMsaUJBQWlCLEdBQUcsWUFBWSxDQUFBO29CQUNyQyxNQUFNO2dCQUNSLENBQUM7UUFFSCxDQUFDO0lBRUgsQ0FBQztJQUVELGNBQWM7UUFFWixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDcEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRS9DLENBQUM7K0dBL0RVLGVBQWU7bUdBQWYsZUFBZSwydkNDaEI1Qiw2ekNBd0NBLGlPRDVCWSxXQUFXLDhtQkFBQyxZQUFZOzs0RkFJdkIsZUFBZTtrQkFQM0IsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUNQLENBQUMsV0FBVyxFQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCxpbmplY3QsaW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0Zvcm1zTW9kdWxlfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFR4dEJveFR5cGVzRW51bSwgVHh0Qm94SWNvbnNFbnVtLCBUeHRCb3hJbnB1dFR5cGVzRW51bSB9IGZyb20gJy4vdHh0LWJveC5lbnVtJztcclxuaW1wb3J0IHsgVHh0Qm94U2VydmljZSB9IGZyb20gJy4vdHh0LWJveC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgVHh0Qm94TW9kZWwgfSBmcm9tICcuL3R4dC1ib3gubW9kZWwnO1xyXG5cclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC10eHQtYm94JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtGb3Jtc01vZHVsZSxDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90eHQtYm94LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vdHh0LWJveC5jb21wb25lbnQuY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFR4dEJveENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIC8vVGVtcGxhdGUgUHJvcGVydGllc1xyXG4gIF9pY29uSW5wdXQgPSBpbnB1dC5yZXF1aXJlZDxUeHRCb3hJY29uc0VudW0+KCk7XHJcbiAgX25hbWVJbnB1dCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcclxuICBfaWRJbnB1dCA9IGlucHV0PHN0cmluZz4oKTtcclxuICBfcGxhY2VIb2xkZXJUeXBlIDogc3RyaW5nID0gJyc7XHJcbiAgX3BsYWNlSG9sZGVyVmFsdWUgOnN0cmluZyA9Jyc7XHJcbiAgX2ljb25QYXNzd29yZCA6c3RyaW5nID0gVHh0Qm94SWNvbnNFbnVtLkV5ZU9wZW47XHJcbiAgX0Nvckljb25lID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xyXG4gIF9Db3JGb250ID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xyXG4gIF9Gb250U2l6ZSA9IGlucHV0LnJlcXVpcmVkPG51bWJlcj4oKTtcclxuICBfSWNvbkVuYWJsZWQgOiBzdHJpbmcgPSAnJztcclxuICBfRm9udEZhbWlseSA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcclxuICAgICAgICAgIFxyXG5cclxuXHJcblxyXG4gIC8vSW50ZXJuYWwgUHJvcGVydGllc1xyXG4gIHR5cGVJbnB1dCA9IGlucHV0LnJlcXVpcmVkPFR4dEJveFR5cGVzRW51bT4oKTtcclxuICBJY29uRW5hYmxlZCA9IGlucHV0LnJlcXVpcmVkPGJvb2xlYW4+KCk7XHJcbiAgdGV4dCA6IHN0cmluZyA9ICcnO1xyXG4gIG1vZGVsID0gbmV3IFR4dEJveE1vZGVsKCk7XHJcblxyXG5cclxuXHJcbiAgLy9TZXJ2aWNlc1xyXG4gIGludGVybmFsU2VydmljZXMgPSBpbmplY3QoVHh0Qm94U2VydmljZSk7XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG5cclxuICAgIC8vTGltcGEgYXMgTWVtw7NyaWFzIGRlIEVzdGFkb1xyXG4gICAgdGhpcy5fSWNvbkVuYWJsZWQgPSAnJztcclxuICAgIHRoaXMuX3BsYWNlSG9sZGVyVHlwZSA9ICcnO1xyXG4gICAgdGhpcy5fcGxhY2VIb2xkZXJWYWx1ZSA9ICcnO1xyXG5cclxuICAgIHRoaXMuX0ljb25FbmFibGVkID0gdGhpcy5JY29uRW5hYmxlZCgpID8gJycgOiAnbm9uZSc7XHJcblxyXG4gICAgc3dpdGNoICh0aGlzLnR5cGVJbnB1dCgpKXtcclxuXHJcbiAgICAgIGNhc2UgKFR4dEJveFR5cGVzRW51bS5FbWFpbCk6XHJcbiAgICAgIHtcclxuICAgICAgICB0aGlzLl9wbGFjZUhvbGRlclR5cGUgPSBUeHRCb3hJbnB1dFR5cGVzRW51bS5UZXh0O1xyXG4gICAgICAgIHRoaXMuX3BsYWNlSG9sZGVyVmFsdWUgPSAnbm9tZUBlbXByZXNhLmNvbS5icidcclxuICAgICAgICBicmVhaztcclxuICAgICAgfVxyXG5cclxuICAgICAgY2FzZSAoVHh0Qm94VHlwZXNFbnVtLlBhc3N3b3JkKTpcclxuICAgICAge1xyXG4gICAgICAgIHRoaXMuX3BsYWNlSG9sZGVyVHlwZSA9IFR4dEJveElucHV0VHlwZXNFbnVtLlBhc3N3b3JkO1xyXG4gICAgICAgIHRoaXMuX3BsYWNlSG9sZGVyVmFsdWUgPSAnKioqKioqKioqKidcclxuICAgICAgICBicmVhaztcclxuICAgICAgfVxyXG5cclxuICAgIH1cclxuXHJcbiAgfVxyXG5cclxuICBvblZhbHVlQ2hhbmdlZCgpe1xyXG4gICAgXHJcbiAgICB0aGlzLm1vZGVsLm5hbWUgPSB0aGlzLl9uYW1lSW5wdXQoKTtcclxuICAgIHRoaXMuaW50ZXJuYWxTZXJ2aWNlcy52YWx1ZS5uZXh0KHRoaXMubW9kZWwpO1xyXG5cclxuICB9XHJcblxyXG5cclxuICBcclxufVxyXG5cclxuXHJcblxyXG5cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiIFxyXG5bc3R5bGUud2lkdGhdPVwiKF9Gb250U2l6ZSgpKjE5LjM3NSkgKydweCdcIlxyXG5bc3R5bGUuaGVpZ2h0XT1cIihfRm9udFNpemUoKSoyLjUpICsncHgnXCJcclxuW3N0eWxlLmJvcmRlci1yYWRpdXNdPVwiKF9Gb250U2l6ZSgpKjAuMzEyNSkgKydweCdcIlxyXG5bbmdTdHlsZV09XCJcclxueydib3gtc2hhZG93JzonXHJcbnJnYigyMDQsIDIxOSwgMjMyKScrIChfRm9udFNpemUoKSowLjE4NzUpICsgJ3B4ICcrIChfRm9udFNpemUoKSowLjE4NzUpICArICdweCAnKyAoX0ZvbnRTaXplKCkqMC4zNzUpICsgJ3B4IDBweCBpbnNldCcgKyAnLCcgKyBcclxuJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC41KScrIChfRm9udFNpemUoKSotMC4xODc1KSArICdweCAnKyAoX0ZvbnRTaXplKCkqLTAuMTg3NSkgICsgJ3B4ICcrIChfRm9udFNpemUoKSowLjM3NSkgKyAncHggJysgKF9Gb250U2l6ZSgpKjAuMDYyNSkgKyAncHggaW5zZXQnXHJcbn1cclxuXCJcclxuPlxyXG5cclxuICAgIDxpIGNsYXNzPVwie3tfaWNvbklucHV0KCl9fSBpY29uXCJcclxuICAgIFtzdHlsZS5jb2xvcl09XCJfQ29ySWNvbmUoKVwiXHJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cIihfRm9udFNpemUoKSoxLjI1KSArJ3B4J1wiXHJcbiAgICBbc3R5bGUubWFyZ2luLWxlZnRdPVwiKF9Gb250U2l6ZSgpKjAuNTYyNSkgKydweCdcIlxyXG4gICAgW3N0eWxlLmRpc3BsYXldPVwiX0ljb25FbmFibGVkXCJcclxuICAgID48L2k+XHJcblxyXG4gICAgPGlucHV0XHJcbiAgICAgICAgdHlwZT1cInt7X3BsYWNlSG9sZGVyVHlwZX19XCJcclxuICAgICAgICBuYW1lPVwie3tfbmFtZUlucHV0KCl9fVwiXHJcbiAgICAgICAgaWQ9XCJ7e19pZElucHV0KCl9fVwiXHJcbiAgICAgICAgcGxhY2Vob2xkZXI9XCJ7e19wbGFjZUhvbGRlclZhbHVlfX1cIlxyXG4gICAgICAgIFsobmdNb2RlbCldPVwibW9kZWwudmFsdWVcIlxyXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uVmFsdWVDaGFuZ2VkKClcIlxyXG5cclxuICAgICAgICBbc3R5bGUuY29sb3JdPVwiX0NvckZvbnQoKVwiXHJcbiAgICAgICAgW3N0eWxlLmZvbnQtZmFtaWx5XT1cIl9Gb250RmFtaWx5KClcIlxyXG4gICAgICAgIFtzdHlsZS5mb250LXNpemVdPVwiX0ZvbnRTaXplKCkrJ3B4J1wiXHJcbiAgICAgICAgW3N0eWxlLndpZHRoXT1cIihfRm9udFNpemUoKSoxNS4zMTI1KSArJ3B4J1wiXHJcbiAgICAgICAgW3N0eWxlLm1hcmdpbi1sZWZ0XT1cIihfRm9udFNpemUoKSowLjM3NSkgKydweCdcIlxyXG4gICAgPlxyXG4gICAgXHJcblxyXG48L2Rpdj5cclxuXHJcblxyXG5cclxuXHJcbiJdfQ==
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export var TxtBoxTypesEnum;
|
|
2
|
+
(function (TxtBoxTypesEnum) {
|
|
3
|
+
TxtBoxTypesEnum[TxtBoxTypesEnum["Email"] = 0] = "Email";
|
|
4
|
+
TxtBoxTypesEnum[TxtBoxTypesEnum["Password"] = 1] = "Password";
|
|
5
|
+
})(TxtBoxTypesEnum || (TxtBoxTypesEnum = {}));
|
|
6
|
+
export var TxtBoxInputTypesEnum;
|
|
7
|
+
(function (TxtBoxInputTypesEnum) {
|
|
8
|
+
TxtBoxInputTypesEnum["Text"] = "text";
|
|
9
|
+
TxtBoxInputTypesEnum["Password"] = "password";
|
|
10
|
+
})(TxtBoxInputTypesEnum || (TxtBoxInputTypesEnum = {}));
|
|
11
|
+
export var TxtBoxIconsEnum;
|
|
12
|
+
(function (TxtBoxIconsEnum) {
|
|
13
|
+
TxtBoxIconsEnum["User"] = "fi fi-sr-user";
|
|
14
|
+
TxtBoxIconsEnum["Lock"] = "fi fi-sr-lock";
|
|
15
|
+
TxtBoxIconsEnum["EyeOpen"] = "fi fi-ss-eye";
|
|
16
|
+
TxtBoxIconsEnum["EyeClose"] = "fi fi-ss-eye-crossed";
|
|
17
|
+
TxtBoxIconsEnum["ItemClosed"] = "fi fi-tr-caret-down";
|
|
18
|
+
TxtBoxIconsEnum["ItemOpenned"] = "fi fi-rr-caret-down";
|
|
19
|
+
TxtBoxIconsEnum["Done"] = "fi fi-sr-octagon-check";
|
|
20
|
+
TxtBoxIconsEnum["Doing"] = "fi fi-br-duration-alt";
|
|
21
|
+
TxtBoxIconsEnum["NotDone"] = "fi fi-sr-cross-circle";
|
|
22
|
+
TxtBoxIconsEnum["Alert"] = "fi fi-sr-exclamation";
|
|
23
|
+
TxtBoxIconsEnum["Close"] = "fi fi-br-cross";
|
|
24
|
+
})(TxtBoxIconsEnum || (TxtBoxIconsEnum = {}));
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHh0LWJveC5lbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGlnaHRuaW5nLXRlYy1ici1hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi90eHQtYm94L3R4dC1ib3guZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxlQUdYO0FBSEQsV0FBWSxlQUFlO0lBQ3ZCLHVEQUFLLENBQUE7SUFDTCw2REFBUSxDQUFBO0FBQ1osQ0FBQyxFQUhXLGVBQWUsS0FBZixlQUFlLFFBRzFCO0FBQ0QsTUFBTSxDQUFOLElBQVksb0JBR1g7QUFIRCxXQUFZLG9CQUFvQjtJQUM1QixxQ0FBYSxDQUFBO0lBQ2IsNkNBQXFCLENBQUE7QUFDekIsQ0FBQyxFQUhXLG9CQUFvQixLQUFwQixvQkFBb0IsUUFHL0I7QUFDRCxNQUFNLENBQU4sSUFBWSxlQWVYO0FBZkQsV0FBWSxlQUFlO0lBQ3ZCLHlDQUFzQixDQUFBO0lBQ3RCLHlDQUFzQixDQUFBO0lBRXRCLDJDQUF3QixDQUFBO0lBQ3hCLG9EQUFpQyxDQUFBO0lBRWpDLHFEQUFrQyxDQUFBO0lBQ2xDLHNEQUFtQyxDQUFBO0lBRW5DLGtEQUErQixDQUFBO0lBQy9CLGtEQUErQixDQUFBO0lBQy9CLG9EQUFpQyxDQUFBO0lBQ2pDLGlEQUE4QixDQUFBO0lBQzlCLDJDQUF3QixDQUFBO0FBQzVCLENBQUMsRUFmVyxlQUFlLEtBQWYsZUFBZSxRQWUxQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIFR4dEJveFR5cGVzRW51bXtcclxuICAgIEVtYWlsLFxyXG4gICAgUGFzc3dvcmRcclxufVxyXG5leHBvcnQgZW51bSBUeHRCb3hJbnB1dFR5cGVzRW51bXtcclxuICAgIFRleHQgPSAndGV4dCcsXHJcbiAgICBQYXNzd29yZCA9ICdwYXNzd29yZCdcclxufVxyXG5leHBvcnQgZW51bSBUeHRCb3hJY29uc0VudW17XHJcbiAgICBVc2VyID0gJ2ZpIGZpLXNyLXVzZXInLFxyXG4gICAgTG9jayA9ICdmaSBmaS1zci1sb2NrJyxcclxuXHJcbiAgICBFeWVPcGVuID0gJ2ZpIGZpLXNzLWV5ZScsXHJcbiAgICBFeWVDbG9zZSA9ICdmaSBmaS1zcy1leWUtY3Jvc3NlZCcsXHJcblxyXG4gICAgSXRlbUNsb3NlZCA9ICdmaSBmaS10ci1jYXJldC1kb3duJyxcclxuICAgIEl0ZW1PcGVubmVkID0gJ2ZpIGZpLXJyLWNhcmV0LWRvd24nLFxyXG5cclxuICAgIERvbmUgPSAnZmkgZmktc3Itb2N0YWdvbi1jaGVjaycsXHJcbiAgICBEb2luZyA9ICdmaSBmaS1ici1kdXJhdGlvbi1hbHQnLFxyXG4gICAgTm90RG9uZSA9ICdmaSBmaS1zci1jcm9zcy1jaXJjbGUnLFxyXG4gICAgQWxlcnQgPSAnZmkgZmktc3ItZXhjbGFtYXRpb24nLFxyXG4gICAgQ2xvc2UgPSAnZmkgZmktYnItY3Jvc3MnXHJcbn0iXX0=
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export class TxtBoxModel {
|
|
2
|
+
constructor() {
|
|
3
|
+
this.name = '';
|
|
4
|
+
this.value = '';
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHh0LWJveC5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpZ2h0bmluZy10ZWMtYnItYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvdHh0LWJveC90eHQtYm94Lm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxXQUFXO0lBQXhCO1FBQ0ksU0FBSSxHQUFZLEVBQUUsQ0FBQztRQUNuQixVQUFLLEdBQVksRUFBRSxDQUFDO0lBQ3hCLENBQUM7Q0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBUeHRCb3hNb2RlbHtcclxuICAgIG5hbWUgOiBzdHJpbmcgPSAnJztcclxuICAgIHZhbHVlIDogc3RyaW5nID0gJyc7XHJcbn0iXX0=
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Injectable } from "@angular/core";
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class TxtBoxService {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.value = new Subject();
|
|
7
|
+
}
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TxtBoxService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TxtBoxService, providedIn: 'root' }); }
|
|
10
|
+
}
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TxtBoxService, decorators: [{
|
|
12
|
+
type: Injectable,
|
|
13
|
+
args: [{ providedIn: 'root' }]
|
|
14
|
+
}] });
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHh0LWJveC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGlnaHRuaW5nLXRlYy1ici1hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi90eHQtYm94L3R4dC1ib3guc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBSS9CLE1BQU0sT0FBTyxhQUFhO0lBRDFCO1FBR1csVUFBSyxHQUFHLElBQUksT0FBTyxFQUFlLENBQUM7S0FFN0M7K0dBSlksYUFBYTttSEFBYixhQUFhLGNBREYsTUFBTTs7NEZBQ2pCLGFBQWE7a0JBRHpCLFVBQVU7bUJBQUMsRUFBQyxVQUFVLEVBQUMsTUFBTSxFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBUeHRCb3hNb2RlbCB9IGZyb20gXCIuL3R4dC1ib3gubW9kZWxcIjtcclxuXHJcbkBJbmplY3RhYmxlKHtwcm92aWRlZEluOidyb290J30pXHJcbmV4cG9ydCBjbGFzcyBUeHRCb3hTZXJ2aWNle1xyXG5cclxuICAgIHB1YmxpYyB2YWx1ZSA9IG5ldyBTdWJqZWN0PFR4dEJveE1vZGVsPigpO1xyXG5cclxufSJdfQ==
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/*
|
|
2
2
|
* Public API Surface of lightning-tec-br-angular-components
|
|
3
3
|
*/
|
|
4
|
-
export * from './lib/
|
|
5
|
-
export * from './lib/
|
|
6
|
-
|
|
4
|
+
export * from './lib/txt-box/txt-box.component';
|
|
5
|
+
export * from './lib/txt-box/txt-box.enum';
|
|
6
|
+
export * from './lib/txt-box/txt-box.model';
|
|
7
|
+
export * from './lib/txt-box/txt-box.service';
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2xpZ2h0bmluZy10ZWMtYnItYW5ndWxhci1jb21wb25lbnRzL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBsaWdodG5pbmctdGVjLWJyLWFuZ3VsYXItY29tcG9uZW50c1xyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3R4dC1ib3gvdHh0LWJveC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90eHQtYm94L3R4dC1ib3guZW51bSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3R4dC1ib3gvdHh0LWJveC5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3R4dC1ib3gvdHh0LWJveC5zZXJ2aWNlJztcclxuIl19
|
|
@@ -1,33 +1,108 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component } from '@angular/core';
|
|
2
|
+
import { Injectable, input, inject, Component } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/forms';
|
|
4
|
+
import { FormsModule } from '@angular/forms';
|
|
5
|
+
import { Subject } from 'rxjs';
|
|
6
|
+
import * as i2 from '@angular/common';
|
|
7
|
+
import { CommonModule } from '@angular/common';
|
|
3
8
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
9
|
+
var TxtBoxTypesEnum;
|
|
10
|
+
(function (TxtBoxTypesEnum) {
|
|
11
|
+
TxtBoxTypesEnum[TxtBoxTypesEnum["Email"] = 0] = "Email";
|
|
12
|
+
TxtBoxTypesEnum[TxtBoxTypesEnum["Password"] = 1] = "Password";
|
|
13
|
+
})(TxtBoxTypesEnum || (TxtBoxTypesEnum = {}));
|
|
14
|
+
var TxtBoxInputTypesEnum;
|
|
15
|
+
(function (TxtBoxInputTypesEnum) {
|
|
16
|
+
TxtBoxInputTypesEnum["Text"] = "text";
|
|
17
|
+
TxtBoxInputTypesEnum["Password"] = "password";
|
|
18
|
+
})(TxtBoxInputTypesEnum || (TxtBoxInputTypesEnum = {}));
|
|
19
|
+
var TxtBoxIconsEnum;
|
|
20
|
+
(function (TxtBoxIconsEnum) {
|
|
21
|
+
TxtBoxIconsEnum["User"] = "fi fi-sr-user";
|
|
22
|
+
TxtBoxIconsEnum["Lock"] = "fi fi-sr-lock";
|
|
23
|
+
TxtBoxIconsEnum["EyeOpen"] = "fi fi-ss-eye";
|
|
24
|
+
TxtBoxIconsEnum["EyeClose"] = "fi fi-ss-eye-crossed";
|
|
25
|
+
TxtBoxIconsEnum["ItemClosed"] = "fi fi-tr-caret-down";
|
|
26
|
+
TxtBoxIconsEnum["ItemOpenned"] = "fi fi-rr-caret-down";
|
|
27
|
+
TxtBoxIconsEnum["Done"] = "fi fi-sr-octagon-check";
|
|
28
|
+
TxtBoxIconsEnum["Doing"] = "fi fi-br-duration-alt";
|
|
29
|
+
TxtBoxIconsEnum["NotDone"] = "fi fi-sr-cross-circle";
|
|
30
|
+
TxtBoxIconsEnum["Alert"] = "fi fi-sr-exclamation";
|
|
31
|
+
TxtBoxIconsEnum["Close"] = "fi fi-br-cross";
|
|
32
|
+
})(TxtBoxIconsEnum || (TxtBoxIconsEnum = {}));
|
|
33
|
+
|
|
34
|
+
class TxtBoxService {
|
|
35
|
+
constructor() {
|
|
36
|
+
this.value = new Subject();
|
|
37
|
+
}
|
|
38
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: TxtBoxService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
39
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: TxtBoxService, providedIn: 'root' }); }
|
|
8
40
|
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: TxtBoxService, decorators: [{
|
|
10
42
|
type: Injectable,
|
|
11
|
-
args: [{
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
43
|
+
args: [{ providedIn: 'root' }]
|
|
44
|
+
}] });
|
|
45
|
+
|
|
46
|
+
class TxtBoxModel {
|
|
47
|
+
constructor() {
|
|
48
|
+
this.name = '';
|
|
49
|
+
this.value = '';
|
|
50
|
+
}
|
|
51
|
+
}
|
|
15
52
|
|
|
16
|
-
class
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
53
|
+
class TxtBoxComponent {
|
|
54
|
+
constructor() {
|
|
55
|
+
//Template Properties
|
|
56
|
+
this._iconInput = input.required();
|
|
57
|
+
this._nameInput = input.required();
|
|
58
|
+
this._idInput = input();
|
|
59
|
+
this._placeHolderType = '';
|
|
60
|
+
this._placeHolderValue = '';
|
|
61
|
+
this._iconPassword = TxtBoxIconsEnum.EyeOpen;
|
|
62
|
+
this._CorIcone = input.required();
|
|
63
|
+
this._CorFont = input.required();
|
|
64
|
+
this._FontSize = input.required();
|
|
65
|
+
this._IconEnabled = '';
|
|
66
|
+
this._FontFamily = input.required();
|
|
67
|
+
//Internal Properties
|
|
68
|
+
this.typeInput = input.required();
|
|
69
|
+
this.IconEnabled = input.required();
|
|
70
|
+
this.text = '';
|
|
71
|
+
this.model = new TxtBoxModel();
|
|
72
|
+
//Services
|
|
73
|
+
this.internalServices = inject(TxtBoxService);
|
|
74
|
+
}
|
|
75
|
+
ngOnInit() {
|
|
76
|
+
//Limpa as Memórias de Estado
|
|
77
|
+
this._IconEnabled = '';
|
|
78
|
+
this._placeHolderType = '';
|
|
79
|
+
this._placeHolderValue = '';
|
|
80
|
+
this._IconEnabled = this.IconEnabled() ? '' : 'none';
|
|
81
|
+
switch (this.typeInput()) {
|
|
82
|
+
case (TxtBoxTypesEnum.Email):
|
|
83
|
+
{
|
|
84
|
+
this._placeHolderType = TxtBoxInputTypesEnum.Text;
|
|
85
|
+
this._placeHolderValue = 'nome@empresa.com.br';
|
|
86
|
+
break;
|
|
87
|
+
}
|
|
88
|
+
case (TxtBoxTypesEnum.Password):
|
|
89
|
+
{
|
|
90
|
+
this._placeHolderType = TxtBoxInputTypesEnum.Password;
|
|
91
|
+
this._placeHolderValue = '**********';
|
|
92
|
+
break;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
onValueChanged() {
|
|
97
|
+
this.model.name = this._nameInput();
|
|
98
|
+
this.internalServices.value.next(this.model);
|
|
99
|
+
}
|
|
100
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: TxtBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
101
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.0", type: TxtBoxComponent, isStandalone: true, selector: "app-txt-box", inputs: { _iconInput: { classPropertyName: "_iconInput", publicName: "_iconInput", isSignal: true, isRequired: true, transformFunction: null }, _nameInput: { classPropertyName: "_nameInput", publicName: "_nameInput", isSignal: true, isRequired: true, transformFunction: null }, _idInput: { classPropertyName: "_idInput", publicName: "_idInput", isSignal: true, isRequired: false, transformFunction: null }, _CorIcone: { classPropertyName: "_CorIcone", publicName: "_CorIcone", isSignal: true, isRequired: true, transformFunction: null }, _CorFont: { classPropertyName: "_CorFont", publicName: "_CorFont", isSignal: true, isRequired: true, transformFunction: null }, _FontSize: { classPropertyName: "_FontSize", publicName: "_FontSize", isSignal: true, isRequired: true, transformFunction: null }, _FontFamily: { classPropertyName: "_FontFamily", publicName: "_FontFamily", isSignal: true, isRequired: true, transformFunction: null }, typeInput: { classPropertyName: "typeInput", publicName: "typeInput", isSignal: true, isRequired: true, transformFunction: null }, IconEnabled: { classPropertyName: "IconEnabled", publicName: "IconEnabled", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"container\" \r\n[style.width]=\"(_FontSize()*19.375) +'px'\"\r\n[style.height]=\"(_FontSize()*2.5) +'px'\"\r\n[style.border-radius]=\"(_FontSize()*0.3125) +'px'\"\r\n[ngStyle]=\"\r\n{'box-shadow':'\r\nrgb(204, 219, 232)'+ (_FontSize()*0.1875) + 'px '+ (_FontSize()*0.1875) + 'px '+ (_FontSize()*0.375) + 'px 0px inset' + ',' + \r\n'rgba(255, 255, 255, 0.5)'+ (_FontSize()*-0.1875) + 'px '+ (_FontSize()*-0.1875) + 'px '+ (_FontSize()*0.375) + 'px '+ (_FontSize()*0.0625) + 'px inset'\r\n}\r\n\"\r\n>\r\n\r\n <i class=\"{{_iconInput()}} icon\"\r\n [style.color]=\"_CorIcone()\"\r\n [style.font-size]=\"(_FontSize()*1.25) +'px'\"\r\n [style.margin-left]=\"(_FontSize()*0.5625) +'px'\"\r\n [style.display]=\"_IconEnabled\"\r\n ></i>\r\n\r\n <input\r\n type=\"{{_placeHolderType}}\"\r\n name=\"{{_nameInput()}}\"\r\n id=\"{{_idInput()}}\"\r\n placeholder=\"{{_placeHolderValue}}\"\r\n [(ngModel)]=\"model.value\"\r\n (ngModelChange)=\"onValueChanged()\"\r\n\r\n [style.color]=\"_CorFont()\"\r\n [style.font-family]=\"_FontFamily()\"\r\n [style.font-size]=\"_FontSize()+'px'\"\r\n [style.width]=\"(_FontSize()*15.3125) +'px'\"\r\n [style.margin-left]=\"(_FontSize()*0.375) +'px'\"\r\n >\r\n \r\n\r\n</div>\r\n\r\n\r\n\r\n\r\n", styles: [".container{display:flex;align-items:center}i{line-height:0px}input{background-color:transparent;border:none;padding:0}input:focus{outline:none;box-sizing:content-box}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", 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]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
23
102
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
103
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: TxtBoxComponent, decorators: [{
|
|
25
104
|
type: Component,
|
|
26
|
-
args: [{ selector: '
|
|
27
|
-
<p>
|
|
28
|
-
lightning-tec-br-angular-components works!
|
|
29
|
-
</p>
|
|
30
|
-
` }]
|
|
105
|
+
args: [{ selector: 'app-txt-box', standalone: true, imports: [FormsModule, CommonModule], template: "<div class=\"container\" \r\n[style.width]=\"(_FontSize()*19.375) +'px'\"\r\n[style.height]=\"(_FontSize()*2.5) +'px'\"\r\n[style.border-radius]=\"(_FontSize()*0.3125) +'px'\"\r\n[ngStyle]=\"\r\n{'box-shadow':'\r\nrgb(204, 219, 232)'+ (_FontSize()*0.1875) + 'px '+ (_FontSize()*0.1875) + 'px '+ (_FontSize()*0.375) + 'px 0px inset' + ',' + \r\n'rgba(255, 255, 255, 0.5)'+ (_FontSize()*-0.1875) + 'px '+ (_FontSize()*-0.1875) + 'px '+ (_FontSize()*0.375) + 'px '+ (_FontSize()*0.0625) + 'px inset'\r\n}\r\n\"\r\n>\r\n\r\n <i class=\"{{_iconInput()}} icon\"\r\n [style.color]=\"_CorIcone()\"\r\n [style.font-size]=\"(_FontSize()*1.25) +'px'\"\r\n [style.margin-left]=\"(_FontSize()*0.5625) +'px'\"\r\n [style.display]=\"_IconEnabled\"\r\n ></i>\r\n\r\n <input\r\n type=\"{{_placeHolderType}}\"\r\n name=\"{{_nameInput()}}\"\r\n id=\"{{_idInput()}}\"\r\n placeholder=\"{{_placeHolderValue}}\"\r\n [(ngModel)]=\"model.value\"\r\n (ngModelChange)=\"onValueChanged()\"\r\n\r\n [style.color]=\"_CorFont()\"\r\n [style.font-family]=\"_FontFamily()\"\r\n [style.font-size]=\"_FontSize()+'px'\"\r\n [style.width]=\"(_FontSize()*15.3125) +'px'\"\r\n [style.margin-left]=\"(_FontSize()*0.375) +'px'\"\r\n >\r\n \r\n\r\n</div>\r\n\r\n\r\n\r\n\r\n", styles: [".container{display:flex;align-items:center}i{line-height:0px}input{background-color:transparent;border:none;padding:0}input:focus{outline:none;box-sizing:content-box}\n"] }]
|
|
31
106
|
}] });
|
|
32
107
|
|
|
33
108
|
/*
|
|
@@ -38,5 +113,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
38
113
|
* Generated bundle index. Do not edit.
|
|
39
114
|
*/
|
|
40
115
|
|
|
41
|
-
export {
|
|
116
|
+
export { TxtBoxComponent, TxtBoxIconsEnum, TxtBoxInputTypesEnum, TxtBoxModel, TxtBoxService, TxtBoxTypesEnum };
|
|
42
117
|
//# sourceMappingURL=lightning-tec-br-angular-components.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lightning-tec-br-angular-components.mjs","sources":["../../../projects/lightning-tec-br-angular-components/src/lib/lightning-tec-br-angular-components.service.ts","../../../projects/lightning-tec-br-angular-components/src/lib/lightning-tec-br-angular-components.component.ts","../../../projects/lightning-tec-br-angular-components/src/public-api.ts","../../../projects/lightning-tec-br-angular-components/src/lightning-tec-br-angular-components.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class LightningTecBrAngularComponentsService {\r\n\r\n constructor() { }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-lightning-tec-br-angular-components',\r\n standalone: true,\r\n imports: [],\r\n template: `\r\n <p>\r\n lightning-tec-br-angular-components works!\r\n </p>\r\n `,\r\n styles: ``\r\n})\r\nexport class LightningTecBrAngularComponentsComponent {\r\n\r\n}\r\n","/*\r\n * Public API Surface of lightning-tec-br-angular-components\r\n */\r\n\r\nexport * from './lib/lightning-tec-br-angular-components.service';\r\nexport * from './lib/lightning-tec-br-angular-components.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAKa,sCAAsC,CAAA;AAEjD,IAAA,WAAA,GAAA,GAAiB;+GAFN,sCAAsC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAtC,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sCAAsC,cAFrC,MAAM,EAAA,CAAA,CAAA,EAAA;;4FAEP,sCAAsC,EAAA,UAAA,EAAA,CAAA;kBAHlD,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;MCSY,wCAAwC,CAAA;+GAAxC,wCAAwC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wCAAwC,EAPzC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAGU,wCAAwC,EAAA,UAAA,EAAA,CAAA;kBAXpD,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yCAAyC,EACvC,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,EAAE,EACD,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,CAAA;;;ACVH;;AAEG;;ACFH;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"lightning-tec-br-angular-components.mjs","sources":["../../../projects/lightning-tec-br-angular-components/src/lib/txt-box/txt-box.enum.ts","../../../projects/lightning-tec-br-angular-components/src/lib/txt-box/txt-box.service.ts","../../../projects/lightning-tec-br-angular-components/src/lib/txt-box/txt-box.model.ts","../../../projects/lightning-tec-br-angular-components/src/lib/txt-box/txt-box.component.ts","../../../projects/lightning-tec-br-angular-components/src/lib/txt-box/txt-box.component.html","../../../projects/lightning-tec-br-angular-components/src/public-api.ts","../../../projects/lightning-tec-br-angular-components/src/lightning-tec-br-angular-components.ts"],"sourcesContent":["export enum TxtBoxTypesEnum{\r\n Email,\r\n Password\r\n}\r\nexport enum TxtBoxInputTypesEnum{\r\n Text = 'text',\r\n Password = 'password'\r\n}\r\nexport enum TxtBoxIconsEnum{\r\n User = 'fi fi-sr-user',\r\n Lock = 'fi fi-sr-lock',\r\n\r\n EyeOpen = 'fi fi-ss-eye',\r\n EyeClose = 'fi fi-ss-eye-crossed',\r\n\r\n ItemClosed = 'fi fi-tr-caret-down',\r\n ItemOpenned = 'fi fi-rr-caret-down',\r\n\r\n Done = 'fi fi-sr-octagon-check',\r\n Doing = 'fi fi-br-duration-alt',\r\n NotDone = 'fi fi-sr-cross-circle',\r\n Alert = 'fi fi-sr-exclamation',\r\n Close = 'fi fi-br-cross'\r\n}","import {Injectable } from \"@angular/core\";\r\nimport { Subject } from 'rxjs';\r\nimport { TxtBoxModel } from \"./txt-box.model\";\r\n\r\n@Injectable({providedIn:'root'})\r\nexport class TxtBoxService{\r\n\r\n public value = new Subject<TxtBoxModel>();\r\n\r\n}","export class TxtBoxModel{\r\n name : string = '';\r\n value : string = '';\r\n}","import { Component,inject,input, OnInit } from '@angular/core';\r\nimport {FormsModule} from '@angular/forms';\r\nimport { TxtBoxTypesEnum, TxtBoxIconsEnum, TxtBoxInputTypesEnum } from './txt-box.enum';\r\nimport { TxtBoxService } from './txt-box.service';\r\nimport { CommonModule } from '@angular/common';\r\nimport { TxtBoxModel } from './txt-box.model';\r\n\r\n\r\n\r\n@Component({\r\n selector: 'app-txt-box',\r\n standalone: true,\r\n imports: [FormsModule,CommonModule],\r\n templateUrl: './txt-box.component.html',\r\n styleUrl: './txt-box.component.css',\r\n})\r\nexport class TxtBoxComponent implements OnInit {\r\n\r\n //Template Properties\r\n _iconInput = input.required<TxtBoxIconsEnum>();\r\n _nameInput = input.required<string>();\r\n _idInput = input<string>();\r\n _placeHolderType : string = '';\r\n _placeHolderValue :string ='';\r\n _iconPassword :string = TxtBoxIconsEnum.EyeOpen;\r\n _CorIcone = input.required<string>();\r\n _CorFont = input.required<string>();\r\n _FontSize = input.required<number>();\r\n _IconEnabled : string = '';\r\n _FontFamily = input.required<string>();\r\n \r\n\r\n\r\n\r\n //Internal Properties\r\n typeInput = input.required<TxtBoxTypesEnum>();\r\n IconEnabled = input.required<boolean>();\r\n text : string = '';\r\n model = new TxtBoxModel();\r\n\r\n\r\n\r\n //Services\r\n internalServices = inject(TxtBoxService);\r\n\r\n ngOnInit(): void {\r\n\r\n //Limpa as Memórias de Estado\r\n this._IconEnabled = '';\r\n this._placeHolderType = '';\r\n this._placeHolderValue = '';\r\n\r\n this._IconEnabled = this.IconEnabled() ? '' : 'none';\r\n\r\n switch (this.typeInput()){\r\n\r\n case (TxtBoxTypesEnum.Email):\r\n {\r\n this._placeHolderType = TxtBoxInputTypesEnum.Text;\r\n this._placeHolderValue = 'nome@empresa.com.br'\r\n break;\r\n }\r\n\r\n case (TxtBoxTypesEnum.Password):\r\n {\r\n this._placeHolderType = TxtBoxInputTypesEnum.Password;\r\n this._placeHolderValue = '**********'\r\n break;\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n onValueChanged(){\r\n \r\n this.model.name = this._nameInput();\r\n this.internalServices.value.next(this.model);\r\n\r\n }\r\n\r\n\r\n \r\n}\r\n\r\n\r\n\r\n\r\n","<div class=\"container\" \r\n[style.width]=\"(_FontSize()*19.375) +'px'\"\r\n[style.height]=\"(_FontSize()*2.5) +'px'\"\r\n[style.border-radius]=\"(_FontSize()*0.3125) +'px'\"\r\n[ngStyle]=\"\r\n{'box-shadow':'\r\nrgb(204, 219, 232)'+ (_FontSize()*0.1875) + 'px '+ (_FontSize()*0.1875) + 'px '+ (_FontSize()*0.375) + 'px 0px inset' + ',' + \r\n'rgba(255, 255, 255, 0.5)'+ (_FontSize()*-0.1875) + 'px '+ (_FontSize()*-0.1875) + 'px '+ (_FontSize()*0.375) + 'px '+ (_FontSize()*0.0625) + 'px inset'\r\n}\r\n\"\r\n>\r\n\r\n <i class=\"{{_iconInput()}} icon\"\r\n [style.color]=\"_CorIcone()\"\r\n [style.font-size]=\"(_FontSize()*1.25) +'px'\"\r\n [style.margin-left]=\"(_FontSize()*0.5625) +'px'\"\r\n [style.display]=\"_IconEnabled\"\r\n ></i>\r\n\r\n <input\r\n type=\"{{_placeHolderType}}\"\r\n name=\"{{_nameInput()}}\"\r\n id=\"{{_idInput()}}\"\r\n placeholder=\"{{_placeHolderValue}}\"\r\n [(ngModel)]=\"model.value\"\r\n (ngModelChange)=\"onValueChanged()\"\r\n\r\n [style.color]=\"_CorFont()\"\r\n [style.font-family]=\"_FontFamily()\"\r\n [style.font-size]=\"_FontSize()+'px'\"\r\n [style.width]=\"(_FontSize()*15.3125) +'px'\"\r\n [style.margin-left]=\"(_FontSize()*0.375) +'px'\"\r\n >\r\n \r\n\r\n</div>\r\n\r\n\r\n\r\n\r\n","/*\r\n * Public API Surface of lightning-tec-br-angular-components\r\n */\r\n\r\nexport * from './lib/txt-box/txt-box.component';\r\nexport * from './lib/txt-box/txt-box.enum';\r\nexport * from './lib/txt-box/txt-box.model';\r\nexport * from './lib/txt-box/txt-box.service';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { TxtBoxTypesEnum, TxtBoxIconsEnum } from './txt-box.enum';
|
|
3
|
+
import { TxtBoxService } from './txt-box.service';
|
|
4
|
+
import { TxtBoxModel } from './txt-box.model';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class TxtBoxComponent implements OnInit {
|
|
7
|
+
_iconInput: import("@angular/core").InputSignal<TxtBoxIconsEnum>;
|
|
8
|
+
_nameInput: import("@angular/core").InputSignal<string>;
|
|
9
|
+
_idInput: import("@angular/core").InputSignal<string | undefined>;
|
|
10
|
+
_placeHolderType: string;
|
|
11
|
+
_placeHolderValue: string;
|
|
12
|
+
_iconPassword: string;
|
|
13
|
+
_CorIcone: import("@angular/core").InputSignal<string>;
|
|
14
|
+
_CorFont: import("@angular/core").InputSignal<string>;
|
|
15
|
+
_FontSize: import("@angular/core").InputSignal<number>;
|
|
16
|
+
_IconEnabled: string;
|
|
17
|
+
_FontFamily: import("@angular/core").InputSignal<string>;
|
|
18
|
+
typeInput: import("@angular/core").InputSignal<TxtBoxTypesEnum>;
|
|
19
|
+
IconEnabled: import("@angular/core").InputSignal<boolean>;
|
|
20
|
+
text: string;
|
|
21
|
+
model: TxtBoxModel;
|
|
22
|
+
internalServices: TxtBoxService;
|
|
23
|
+
ngOnInit(): void;
|
|
24
|
+
onValueChanged(): void;
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TxtBoxComponent, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TxtBoxComponent, "app-txt-box", never, { "_iconInput": { "alias": "_iconInput"; "required": true; "isSignal": true; }; "_nameInput": { "alias": "_nameInput"; "required": true; "isSignal": true; }; "_idInput": { "alias": "_idInput"; "required": false; "isSignal": true; }; "_CorIcone": { "alias": "_CorIcone"; "required": true; "isSignal": true; }; "_CorFont": { "alias": "_CorFont"; "required": true; "isSignal": true; }; "_FontSize": { "alias": "_FontSize"; "required": true; "isSignal": true; }; "_FontFamily": { "alias": "_FontFamily"; "required": true; "isSignal": true; }; "typeInput": { "alias": "typeInput"; "required": true; "isSignal": true; }; "IconEnabled": { "alias": "IconEnabled"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
27
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export declare enum TxtBoxTypesEnum {
|
|
2
|
+
Email = 0,
|
|
3
|
+
Password = 1
|
|
4
|
+
}
|
|
5
|
+
export declare enum TxtBoxInputTypesEnum {
|
|
6
|
+
Text = "text",
|
|
7
|
+
Password = "password"
|
|
8
|
+
}
|
|
9
|
+
export declare enum TxtBoxIconsEnum {
|
|
10
|
+
User = "fi fi-sr-user",
|
|
11
|
+
Lock = "fi fi-sr-lock",
|
|
12
|
+
EyeOpen = "fi fi-ss-eye",
|
|
13
|
+
EyeClose = "fi fi-ss-eye-crossed",
|
|
14
|
+
ItemClosed = "fi fi-tr-caret-down",
|
|
15
|
+
ItemOpenned = "fi fi-rr-caret-down",
|
|
16
|
+
Done = "fi fi-sr-octagon-check",
|
|
17
|
+
Doing = "fi fi-br-duration-alt",
|
|
18
|
+
NotDone = "fi fi-sr-cross-circle",
|
|
19
|
+
Alert = "fi fi-sr-exclamation",
|
|
20
|
+
Close = "fi fi-br-cross"
|
|
21
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Subject } from 'rxjs';
|
|
2
|
+
import { TxtBoxModel } from "./txt-box.model";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TxtBoxService {
|
|
5
|
+
value: Subject<TxtBoxModel>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TxtBoxService, never>;
|
|
7
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TxtBoxService>;
|
|
8
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "lightning-tec-br-angular-components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.3",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^18.2.0",
|
|
6
6
|
"@angular/core": "^18.2.0"
|
|
@@ -17,9 +17,7 @@
|
|
|
17
17
|
},
|
|
18
18
|
".": {
|
|
19
19
|
"types": "./index.d.ts",
|
|
20
|
-
"esm2022": "./esm2022/lightning-tec-br-angular-components.mjs",
|
|
21
|
-
"esm": "./esm2022/lightning-tec-br-angular-components.mjs",
|
|
22
20
|
"default": "./fesm2022/lightning-tec-br-angular-components.mjs"
|
|
23
21
|
}
|
|
24
22
|
}
|
|
25
|
-
}
|
|
23
|
+
}
|
package/public-api.d.ts
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
export * from './lib/
|
|
2
|
-
export * from './lib/
|
|
1
|
+
export * from './lib/txt-box/txt-box.component';
|
|
2
|
+
export * from './lib/txt-box/txt-box.enum';
|
|
3
|
+
export * from './lib/txt-box/txt-box.model';
|
|
4
|
+
export * from './lib/txt-box/txt-box.service';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class LightningTecBrAngularComponentsComponent {
|
|
4
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LightningTecBrAngularComponentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LightningTecBrAngularComponentsComponent, isStandalone: true, selector: "lib-lightning-tec-br-angular-components", ngImport: i0, template: `
|
|
6
|
-
<p>
|
|
7
|
-
lightning-tec-br-angular-components works!
|
|
8
|
-
</p>
|
|
9
|
-
`, isInline: true, styles: [""] }); }
|
|
10
|
-
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LightningTecBrAngularComponentsComponent, decorators: [{
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{ selector: 'lib-lightning-tec-br-angular-components', standalone: true, imports: [], template: `
|
|
14
|
-
<p>
|
|
15
|
-
lightning-tec-br-angular-components works!
|
|
16
|
-
</p>
|
|
17
|
-
` }]
|
|
18
|
-
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlnaHRuaW5nLXRlYy1ici1hbmd1bGFyLWNvbXBvbmVudHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbGlnaHRuaW5nLXRlYy1ici1hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9saWdodG5pbmctdGVjLWJyLWFuZ3VsYXItY29tcG9uZW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFhMUMsTUFBTSxPQUFPLHdDQUF3QzsrR0FBeEMsd0NBQXdDO21HQUF4Qyx3Q0FBd0MsbUdBUHpDOzs7O0dBSVQ7OzRGQUdVLHdDQUF3QztrQkFYcEQsU0FBUzsrQkFDRSx5Q0FBeUMsY0FDdkMsSUFBSSxXQUNQLEVBQUUsWUFDRDs7OztHQUlUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1saWdodG5pbmctdGVjLWJyLWFuZ3VsYXItY29tcG9uZW50cycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXSxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPHA+XHJcbiAgICAgIGxpZ2h0bmluZy10ZWMtYnItYW5ndWxhci1jb21wb25lbnRzIHdvcmtzIVxyXG4gICAgPC9wPlxyXG4gIGAsXHJcbiAgc3R5bGVzOiBgYFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTGlnaHRuaW5nVGVjQnJBbmd1bGFyQ29tcG9uZW50c0NvbXBvbmVudCB7XHJcblxyXG59XHJcbiJdfQ==
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Injectable } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class LightningTecBrAngularComponentsService {
|
|
4
|
-
constructor() { }
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LightningTecBrAngularComponentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LightningTecBrAngularComponentsService, providedIn: 'root' }); }
|
|
7
|
-
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LightningTecBrAngularComponentsService, decorators: [{
|
|
9
|
-
type: Injectable,
|
|
10
|
-
args: [{
|
|
11
|
-
providedIn: 'root'
|
|
12
|
-
}]
|
|
13
|
-
}], ctorParameters: () => [] });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlnaHRuaW5nLXRlYy1ici1hbmd1bGFyLWNvbXBvbmVudHMuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2xpZ2h0bmluZy10ZWMtYnItYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvbGlnaHRuaW5nLXRlYy1ici1hbmd1bGFyLWNvbXBvbmVudHMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8sc0NBQXNDO0lBRWpELGdCQUFnQixDQUFDOytHQUZOLHNDQUFzQzttSEFBdEMsc0NBQXNDLGNBRnJDLE1BQU07OzRGQUVQLHNDQUFzQztrQkFIbEQsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5ASW5qZWN0YWJsZSh7XHJcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMaWdodG5pbmdUZWNCckFuZ3VsYXJDb21wb25lbnRzU2VydmljZSB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcbn1cclxuIl19
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class LightningTecBrAngularComponentsComponent {
|
|
3
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LightningTecBrAngularComponentsComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LightningTecBrAngularComponentsComponent, "lib-lightning-tec-br-angular-components", never, {}, {}, never, never, true, never>;
|
|
5
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class LightningTecBrAngularComponentsService {
|
|
3
|
-
constructor();
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LightningTecBrAngularComponentsService, never>;
|
|
5
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<LightningTecBrAngularComponentsService>;
|
|
6
|
-
}
|