lightning-tec-br-angular-components 0.2.9 → 1.2.0

package/fesm2022/lightning-tec-br-angular-components.mjs

@@ -5,71 +5,97 @@ import { FormsModule } from '@angular/forms';
 import { Subject, takeUntil } from 'rxjs';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i3 from 'ngx-mask';
 
-var TxtBoxTypesEnum;
-(function (TxtBoxTypesEnum) {
-    TxtBoxTypesEnum[TxtBoxTypesEnum["Email"] = 0] = "Email";
-    TxtBoxTypesEnum[TxtBoxTypesEnum["Password"] = 1] = "Password";
-})(TxtBoxTypesEnum || (TxtBoxTypesEnum = {}));
-var TxtBoxInputTypesEnum;
-(function (TxtBoxInputTypesEnum) {
-    TxtBoxInputTypesEnum["Text"] = "text";
-    TxtBoxInputTypesEnum["Password"] = "password";
-})(TxtBoxInputTypesEnum || (TxtBoxInputTypesEnum = {}));
-var TxtBoxIconsEnum;
-(function (TxtBoxIconsEnum) {
-    TxtBoxIconsEnum["User"] = "fi fi-sr-user";
-    TxtBoxIconsEnum["Lock"] = "fi fi-sr-lock";
-    TxtBoxIconsEnum["EyeOpen"] = "fi fi-ss-eye";
-    TxtBoxIconsEnum["EyeClose"] = "fi fi-ss-eye-crossed";
-    TxtBoxIconsEnum["ItemClosed"] = "fi fi-tr-caret-down";
-    TxtBoxIconsEnum["ItemOpenned"] = "fi fi-rr-caret-down";
-    TxtBoxIconsEnum["Done"] = "fi fi-sr-octagon-check";
-    TxtBoxIconsEnum["Doing"] = "fi fi-br-duration-alt";
-    TxtBoxIconsEnum["NotDone"] = "fi fi-sr-cross-circle";
-    TxtBoxIconsEnum["Alert"] = "fi fi-sr-exclamation";
-    TxtBoxIconsEnum["Close"] = "fi fi-br-cross";
-    TxtBoxIconsEnum["Home"] = "fi fi-sr-home";
-    TxtBoxIconsEnum["Key"] = "fi fi-sr-key";
-    TxtBoxIconsEnum["Company"] = "fi fi-rs-building";
-    TxtBoxIconsEnum["NoteBook"] = "fi fi-br-notebook-alt";
-    TxtBoxIconsEnum["AddFile"] = "fi fi-rr-add-document";
-})(TxtBoxIconsEnum || (TxtBoxIconsEnum = {}));
-var TxtBoxFontWeights;
-(function (TxtBoxFontWeights) {
-    TxtBoxFontWeights[TxtBoxFontWeights["Thin"] = 100] = "Thin";
-    TxtBoxFontWeights[TxtBoxFontWeights["ExtraLight"] = 200] = "ExtraLight";
-    TxtBoxFontWeights[TxtBoxFontWeights["Light"] = 300] = "Light";
-    TxtBoxFontWeights[TxtBoxFontWeights["Regular"] = 400] = "Regular";
-    TxtBoxFontWeights[TxtBoxFontWeights["Medium"] = 500] = "Medium";
-    TxtBoxFontWeights[TxtBoxFontWeights["SemiBold"] = 600] = "SemiBold";
-    TxtBoxFontWeights[TxtBoxFontWeights["Bold"] = 700] = "Bold";
-    TxtBoxFontWeights[TxtBoxFontWeights["Extrabold"] = 800] = "Extrabold";
-    TxtBoxFontWeights[TxtBoxFontWeights["Black"] = 900] = "Black";
-})(TxtBoxFontWeights || (TxtBoxFontWeights = {}));
+var FormFieldTxtInputTypesEnum;
+(function (FormFieldTxtInputTypesEnum) {
+    FormFieldTxtInputTypesEnum[FormFieldTxtInputTypesEnum["Text"] = 0] = "Text";
+    FormFieldTxtInputTypesEnum[FormFieldTxtInputTypesEnum["Password"] = 1] = "Password";
+    FormFieldTxtInputTypesEnum[FormFieldTxtInputTypesEnum["Email"] = 2] = "Email";
+    FormFieldTxtInputTypesEnum[FormFieldTxtInputTypesEnum["Number"] = 3] = "Number";
+    FormFieldTxtInputTypesEnum[FormFieldTxtInputTypesEnum["Date"] = 4] = "Date";
+    FormFieldTxtInputTypesEnum[FormFieldTxtInputTypesEnum["CellPhone"] = 5] = "CellPhone";
+})(FormFieldTxtInputTypesEnum || (FormFieldTxtInputTypesEnum = {}));
+var FormFieldTypes;
+(function (FormFieldTypes) {
+    FormFieldTypes[FormFieldTypes["TxtBox"] = 0] = "TxtBox";
+    FormFieldTypes[FormFieldTypes["ComboBox"] = 1] = "ComboBox";
+})(FormFieldTypes || (FormFieldTypes = {}));
+var FormFieldCountryDataFormat;
+(function (FormFieldCountryDataFormat) {
+    FormFieldCountryDataFormat[FormFieldCountryDataFormat["Estados_Unidos"] = 0] = "Estados_Unidos";
+    FormFieldCountryDataFormat[FormFieldCountryDataFormat["Brasil"] = 1] = "Brasil";
+})(FormFieldCountryDataFormat || (FormFieldCountryDataFormat = {}));
+var FormFieldIconsEnum;
+(function (FormFieldIconsEnum) {
+    FormFieldIconsEnum["AddUser"] = "fi fi-sr-user-add";
+    FormFieldIconsEnum["User"] = "fi fi-sr-user";
+    FormFieldIconsEnum["Lock"] = "fi fi-sr-lock";
+    FormFieldIconsEnum["EyeOpen"] = "fi fi-ss-eye";
+    FormFieldIconsEnum["EyeClose"] = "fi fi-ss-eye-crossed";
+    FormFieldIconsEnum["ItemClosed"] = "fi fi-tr-caret-down";
+    FormFieldIconsEnum["ItemOpenned"] = "fi fi-rr-caret-down";
+    FormFieldIconsEnum["Done"] = "fi fi-sr-octagon-check";
+    FormFieldIconsEnum["Doing"] = "fi fi-br-duration-alt";
+    FormFieldIconsEnum["NotDone"] = "fi fi-sr-cross-circle";
+    FormFieldIconsEnum["Alert"] = "fi fi-sr-exclamation";
+    FormFieldIconsEnum["Close"] = "fi fi-br-cross";
+    FormFieldIconsEnum["Home"] = "fi fi-sr-home";
+    FormFieldIconsEnum["Key"] = "fi fi-sr-key";
+    FormFieldIconsEnum["Company"] = "fi fi-rs-building";
+    FormFieldIconsEnum["NoteBook"] = "fi fi-br-notebook-alt";
+    FormFieldIconsEnum["AddFile"] = "fi fi-rr-add-document";
+    FormFieldIconsEnum["PageGoBack"] = "fi fi-rr-angle-circle-left";
+    FormFieldIconsEnum["PDFFile"] = "fi fi-sr-file-pdf";
+    FormFieldIconsEnum["DowloadFile"] = "fi fi-sr-file-download";
+})(FormFieldIconsEnum || (FormFieldIconsEnum = {}));
+var FormFieldFontWeights;
+(function (FormFieldFontWeights) {
+    FormFieldFontWeights[FormFieldFontWeights["Thin"] = 100] = "Thin";
+    FormFieldFontWeights[FormFieldFontWeights["ExtraLight"] = 200] = "ExtraLight";
+    FormFieldFontWeights[FormFieldFontWeights["Light"] = 300] = "Light";
+    FormFieldFontWeights[FormFieldFontWeights["Regular"] = 400] = "Regular";
+    FormFieldFontWeights[FormFieldFontWeights["Medium"] = 500] = "Medium";
+    FormFieldFontWeights[FormFieldFontWeights["SemiBold"] = 600] = "SemiBold";
+    FormFieldFontWeights[FormFieldFontWeights["Bold"] = 700] = "Bold";
+    FormFieldFontWeights[FormFieldFontWeights["Extrabold"] = 800] = "Extrabold";
+    FormFieldFontWeights[FormFieldFontWeights["Black"] = 900] = "Black";
+})(FormFieldFontWeights || (FormFieldFontWeights = {}));
 
-class TxtBoxService {
+class FormFieldService {
     constructor() {
-        this.value = new Subject();
+        this.valueChanged = new Subject();
         this.alertState = new Subject();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: TxtBoxService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: TxtBoxService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: FormFieldService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: FormFieldService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: TxtBoxService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: FormFieldService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
-class TxtBoxModel {
+class FormFieldModel {
     constructor() {
         this.name = '';
+        this.field = {};
+    }
+}
+class FormFielTxtModel {
+    constructor() {
+        this.value = '';
+    }
+}
+class FormFieldComboModel {
+    constructor() {
+        this.id = 0;
         this.value = '';
     }
 }
 
 var AlertIconsEnum;
 (function (AlertIconsEnum) {
+    AlertIconsEnum["AddUser"] = "fi fi-sr-user-add";
     AlertIconsEnum["User"] = "fi fi-sr-user";
     AlertIconsEnum["Lock"] = "fi fi-sr-lock";
     AlertIconsEnum["EyeOpen"] = "fi fi-ss-eye";
@@ -86,6 +112,9 @@ var AlertIconsEnum;
     AlertIconsEnum["Company"] = "fi fi-rs-building";
     AlertIconsEnum["NoteBook"] = "fi fi-br-notebook-alt";
     AlertIconsEnum["AddFile"] = "fi fi-rr-add-document";
+    AlertIconsEnum["PageGoBack"] = "fi fi-rr-angle-circle-left";
+    AlertIconsEnum["PDFFile"] = "fi fi-sr-file-pdf";
+    AlertIconsEnum["DowloadFile"] = "fi fi-sr-file-download";
 })(AlertIconsEnum || (AlertIconsEnum = {}));
 var AlertTypesEnum;
 (function (AlertTypesEnum) {
@@ -110,10 +139,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
 class AlertModel {
     constructor() {
         this.alertsName = '';
-        this.alertsFatherName = '';
+        this.alertsFatherName = ''; //caller
         this.top = 0;
         this.left = 0;
-        this.text = '';
+        this.text = ''; //caller
         this.wasClosed = false;
     }
 }
@@ -188,88 +217,162 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
             args: [{ selector: 'app-alert', standalone: true, imports: [], template: "<div class=\"container\"\r\n[style.background-color]=\"BackgroundColor\"\r\n[style.border-radius]=\"(_FontSize()*0.5) + 'px'\"\r\n[style.color]=\"_FontColor\"\r\n[style.display]=\"isVisible ? '' : 'none'\"\r\n[style.top]=\"_PositionY + 'px'\"\r\n[style.left]=\"_PositionX + 'px'\"\r\n>\r\n\r\n    <i class=\"{{_IconClose}}\"\r\n    [style.font-size]=\"(_FontSize()*1) + 'px'\"\r\n    [style.padding-top]=\"(_FontSize()*0.6) + 'px'\"\r\n    [style.padding-right]=\"(_FontSize()*0.6) + 'px'\"\r\n    (click)=\"OnClose()\"\r\n    >\r\n\r\n    </i>\r\n\r\n    <div class=\"container-text\"\r\n    [style.margin-right]=\"_FontSize() + 'px'\"\r\n    [style.padding-top]=\"(_FontSize()*0.4) + 'px'\"\r\n    [style.padding-bottom]=\"(_FontSize()*1) + 'px'\"\r\n    [style.padding-right]=\"(_FontSize()*1) + 'px'\"\r\n    [style.padding-left]=\"(_FontSize()*1) + 'px'\"\r\n    >\r\n        <i class=\"{{_Icon}}\"\r\n        [style.font-size]=\"(_FontSize()*1.2) + 'px'\"\r\n        [style.margin-right]=\"(_FontSize()*0.5) + 'px'\"\r\n        >\r\n    \r\n        </i>\r\n        <h1\r\n        [style.font-family]=\"_FontFamily()\"\r\n        [style.font-weight]=\"_FontWeight()\"\r\n        [style.font-size]=\"_FontSize() + 'px'\"\r\n        >\r\n            {{_Text}}\r\n        </h1>\r\n    </div>\r\n\r\n\r\n\r\n\r\n</div>\r\n", styles: [".container{width:fit-content;height:fit-content;max-width:70vw;position:absolute}.container>i{display:block;line-height:0px;text-align:end}.container>i:hover{cursor:pointer}.container>.container-text{display:flex;align-items:center;justify-content:center}.container>.container-text>i{line-height:0px;text-align:center}.container>.container-text>h1{margin:0;word-break:break-word}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
 
-class TxtBoxComponent {
-    constructor(element) {
+class FormFieldComponent {
+    constructor(element, cd) {
         this.element = element;
+        this.cd = cd;
         //Template Properties
-        this._iconInput = input.required();
-        this._nameInput = input.required();
-        this._idInput = input();
+        this._Icon = input.required();
+        this.Name = input.required();
         this._placeHolderType = '';
         this._placeHolderValue = input.required();
-        this._PasswordIcon = TxtBoxIconsEnum.EyeOpen;
-        this._CorIcone = input.required();
-        this._CorFont = input.required();
+        this._PasswordIcon = FormFieldIconsEnum.EyeOpen;
+        this._IconColor = input.required();
+        this._FontColor = input.required();
         this._FontSize = input.required();
-        this._IconEnabled = '';
         this._FontFamily = input.required();
         this._FontWeight = input.required();
+        this._Options = input.required();
         //Internal Properties
-        this.typeInput = input.required();
+        this.TxtInputType = input.required();
         this.IconEnabled = input.required();
+        this.CountryDataFormat = input.required();
         this.text = '';
-        this.TxtBoxModel = new TxtBoxModel();
         this._AlertState = false;
+        this.FieldType = input.required();
+        //ngxMask
+        this.Mask = "";
+        this.Prefixo = "";
+        this.Sufixo = "";
+        this.NumberMaskSufix = input.required();
+        this.showMaskTyped = false;
+        this.thousandSeparator = ".";
+        this.NCasasDecimais = input.required();
+        this.FormFieldModel = new FormFieldModel();
+        this.FormFielTxtModel = new FormFielTxtModel();
+        this.FormFieldComboModel = new FormFieldComboModel();
         this.AlertTypesEnum = AlertTypesEnum;
-        this.TxtBoxIconsEnum = TxtBoxIconsEnum;
-        this.TxtBoxTypesEnum = TxtBoxTypesEnum;
+        this.FormFieldIconsEnum = FormFieldIconsEnum;
+        this.FormFieldTxtInputTypesEnum = FormFieldTxtInputTypesEnum;
+        this.FormFieldDataFormat = FormFieldCountryDataFormat;
+        this.FormFieldTypes = FormFieldTypes;
         //Services
-        this.TxtBoxService = inject(TxtBoxService);
+        this.FormFieldService = inject(FormFieldService);
         this.AlertService = inject(AlertService);
     }
     ngOnInit() {
         //Limpa as Memórias de Estado
-        this._IconEnabled = '';
         this._placeHolderType = '';
         this._AlertState = false;
-        this.TxtBoxModel.name = '';
-        this.TxtBoxModel.name = this._nameInput();
-        this._IconEnabled = this.IconEnabled() ? '' : 'none';
+        this.FormFieldModel.name = '';
+        this.FormFieldModel.name = this.Name();
         this.startListenToAlertState();
-        switch (this.typeInput()) {
-            case (TxtBoxTypesEnum.Email):
-                {
-                    this._placeHolderType = TxtBoxInputTypesEnum.Text;
-                    break;
-                }
-            case (TxtBoxTypesEnum.Password):
-                {
-                    this._placeHolderType = TxtBoxInputTypesEnum.Password;
-                    break;
-                }
-        }
+        if (this.FieldType() == FormFieldTypes.TxtBox)
+            this.configMask();
     }
-    onValueChanged() {
-        this.TxtBoxModel.name = this._nameInput();
-        this.TxtBoxService.value.next(this.TxtBoxModel);
+    onTxtChange() {
+        //this.FormFielTxtModel.value está mudando no template pelo ngModel
+        this.FormFieldModel.name = this.Name();
+        this.FormFieldModel.field = this.FormFielTxtModel;
+        this.FormFieldService.valueChanged.next(this.FormFieldModel);
+    }
+    onComboChange() {
+        this.FormFieldModel.name = this.Name();
+        this.FormFieldComboModel.id = this.getIDFromOption(this.FormFieldComboModel.value);
+        this.FormFieldModel.field = this.FormFieldComboModel;
+        this.FormFieldService.valueChanged.next(this.FormFieldModel);
     }
     startListenToAlertState() {
-        this.TxtBoxService.alertState.subscribe((callerData) => {
-            if (this._nameInput() == callerData.alertsFatherName) {
+        this.FormFieldService.alertState.subscribe((callerData) => {
+            if (this.Name() == callerData.alertsFatherName) {
                 callerData.top = this.element.nativeElement.getBoundingClientRect().top - (this.element.nativeElement.offsetHeight * 1.5);
                 callerData.left = this.element.nativeElement.getBoundingClientRect().left;
-                callerData.alertsName = this.TxtBoxModel.name + '-alert';
+                callerData.alertsName = this.FormFieldModel.name + '-alert';
                 this.AlertService.wasOpenned.next(callerData);
             }
         });
     }
     togglePasswordView() {
-        if (this._PasswordIcon == TxtBoxIconsEnum.EyeClose) {
-            this._PasswordIcon = TxtBoxIconsEnum.EyeOpen;
-            this._placeHolderType = TxtBoxInputTypesEnum.Password;
+        if (this._PasswordIcon == FormFieldIconsEnum.EyeClose) {
+            this._PasswordIcon = FormFieldIconsEnum.EyeOpen;
+            this._placeHolderType = 'password';
         }
         else {
-            this._PasswordIcon = TxtBoxIconsEnum.EyeClose;
-            this._placeHolderType = TxtBoxInputTypesEnum.Text;
+            this._PasswordIcon = FormFieldIconsEnum.EyeClose;
+            this._placeHolderType = 'text';
+        }
+    }
+    configMask() {
+        switch (this.TxtInputType()) {
+            case (FormFieldTxtInputTypesEnum.Text):
+                this._placeHolderType = 'text';
+                this.Prefixo = "";
+                this.Mask = "";
+                this.Sufixo = "";
+                this.showMaskTyped = false;
+                break;
+            case (FormFieldTxtInputTypesEnum.Password):
+                this._placeHolderType = 'password';
+                this.Prefixo = "";
+                this.Mask = "";
+                this.Sufixo = "";
+                this.showMaskTyped = false;
+                break;
+            case (FormFieldTxtInputTypesEnum.Email):
+                this._placeHolderType = 'text';
+                this.Prefixo = "";
+                this.Mask = "";
+                this.Sufixo = "";
+                this.showMaskTyped = false;
+                break;
+            case (FormFieldTxtInputTypesEnum.Number):
+                this._placeHolderType = 'text';
+                this.Prefixo = "";
+                this.Mask = "separator." + this.NCasasDecimais().toString();
+                this.Sufixo = this.NumberMaskSufix();
+                this.showMaskTyped = false;
+                if (this.CountryDataFormat() == FormFieldCountryDataFormat.Brasil) {
+                    this.thousandSeparator = ".";
+                }
+                if (this.CountryDataFormat() == FormFieldCountryDataFormat.Estados_Unidos) {
+                    this.thousandSeparator = ",";
+                }
+                break;
+            case (FormFieldTxtInputTypesEnum.Date):
+                this._placeHolderType = 'date';
+                this.Prefixo = "";
+                this.Mask = "";
+                this.Sufixo = "";
+                this.showMaskTyped = true;
+                break;
+            case (FormFieldTxtInputTypesEnum.CellPhone):
+                this._placeHolderType = 'tel';
+                this.showMaskTyped = true;
+                if (this.CountryDataFormat() == FormFieldCountryDataFormat.Brasil) {
+                    this.Prefixo = "+55 ";
+                    this.Mask = "(00) 0 0000-0000";
+                }
+                if (this.CountryDataFormat() == FormFieldCountryDataFormat.Estados_Unidos) {
+                    this.Prefixo = "+1 ";
+                    this.Mask = "(000) 000-0000";
+                }
+                break;
+        }
+    }
+    getIDFromOption(valueText) {
+        for (var i = 0; i < this._Options().length; i++) {
+            if (valueText == this._Options()[i].value)
+                return this._Options()[i].id;
         }
+        return 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: TxtBoxComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    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 }, _placeHolderValue: { classPropertyName: "_placeHolderValue", publicName: "_placeHolderValue", isSignal: true, isRequired: true, 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 }, _FontWeight: { classPropertyName: "_FontWeight", publicName: "_FontWeight", 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)]=\"TxtBoxModel.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.font-weight]=\"_FontWeight()\"\r\n        [style.width]=\"(_FontSize()*15.3125) +'px'\"\r\n        [style.margin-left]=\"(_FontSize()*0.375) +'px'\"\r\n    >\r\n\r\n    <i class=\"{{_PasswordIcon}}\"\r\n    (click)=\"togglePasswordView()\"\r\n    [style.cursor]=\"'pointer'\"\r\n    [style.color]=\"_CorIcone()\"\r\n    [style.font-size]=\"(_FontSize()*1.25) +'px'\"\r\n    [style.margin-right]=\"(_FontSize()*0.5625) +'px'\"\r\n    [style.display]=\"typeInput() == TxtBoxTypesEnum.Password ? '' : 'none'\"\r\n    ></i>\r\n    \r\n\r\n</div>\r\n\r\n<app-alert\r\n[Name]=\"_nameInput()+'-alert'\"\r\n[_FontSize]=\"_FontSize()\"\r\n[_FontFamily]=\"_FontFamily()\"\r\n[_FontWeight]=\"_FontWeight()\"\r\n/>\r\n\r\n\r\n\r\n\r\n", styles: [":host{display:inline-block}.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: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AlertComponent, selector: "app-alert", inputs: ["Name", "_FontSize", "_FontFamily", "_FontWeight"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: FormFieldComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.0", type: FormFieldComponent, isStandalone: true, selector: "app-form-field", inputs: { _Icon: { classPropertyName: "_Icon", publicName: "_Icon", isSignal: true, isRequired: true, transformFunction: null }, Name: { classPropertyName: "Name", publicName: "Name", isSignal: true, isRequired: true, transformFunction: null }, _placeHolderValue: { classPropertyName: "_placeHolderValue", publicName: "_placeHolderValue", isSignal: true, isRequired: true, transformFunction: null }, _IconColor: { classPropertyName: "_IconColor", publicName: "_IconColor", isSignal: true, isRequired: true, transformFunction: null }, _FontColor: { classPropertyName: "_FontColor", publicName: "_FontColor", 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 }, _FontWeight: { classPropertyName: "_FontWeight", publicName: "_FontWeight", isSignal: true, isRequired: true, transformFunction: null }, _Options: { classPropertyName: "_Options", publicName: "_Options", isSignal: true, isRequired: true, transformFunction: null }, TxtInputType: { classPropertyName: "TxtInputType", publicName: "TxtInputType", isSignal: true, isRequired: true, transformFunction: null }, IconEnabled: { classPropertyName: "IconEnabled", publicName: "IconEnabled", isSignal: true, isRequired: true, transformFunction: null }, CountryDataFormat: { classPropertyName: "CountryDataFormat", publicName: "CountryDataFormat", isSignal: true, isRequired: true, transformFunction: null }, FieldType: { classPropertyName: "FieldType", publicName: "FieldType", isSignal: true, isRequired: true, transformFunction: null }, NumberMaskSufix: { classPropertyName: "NumberMaskSufix", publicName: "NumberMaskSufix", isSignal: true, isRequired: true, transformFunction: null }, NCasasDecimais: { classPropertyName: "NCasasDecimais", publicName: "NCasasDecimais", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "\r\n@if(FieldType() == FormFieldTypes.TxtBox){\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\n    rgb(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        <i class=\"{{_Icon()}} icon\"\r\n        [style.color]=\"_IconColor()\"\r\n        [style.font-size]=\"(_FontSize()*1.25) +'px'\"\r\n        [style.margin-left]=\"(_FontSize()*0.5625) +'px'\"\r\n        [style.display]=\"IconEnabled() ? '' : 'none'\"\r\n        ></i>\r\n\r\n        <input\r\n\r\n            [(ngModel)]=\"this.FormFielTxtModel.value\"\r\n            (keyup)=\"onTxtChange()\"\r\n            prefix=\"{{Prefixo}}\"\r\n            suffix=\"{{Sufixo}}\"\r\n            mask=\"{{Mask}}\"\r\n            [showMaskTyped]=\"showMaskTyped\"\r\n            thousandSeparator=\"{{thousandSeparator}}\"\r\n\r\n            type=\"{{_placeHolderType}}\"\r\n            name=\"{{Name()}}\"\r\n            placeholder=\"{{_placeHolderValue()}}\"\r\n            [style.color]=\"_FontColor()\"\r\n            [style.font-family]=\"_FontFamily()\"\r\n            [style.font-size]=\"_FontSize()+'px'\"\r\n            [style.font-weight]=\"_FontWeight()\"\r\n            [style.width]=\"(_FontSize()*15.3125) +'px'\"\r\n            [style.margin-left]=\"(_FontSize()*0.375) +'px'\"\r\n        >\r\n\r\n        <i class=\"{{_PasswordIcon}}\"\r\n        (click)=\"togglePasswordView()\"\r\n        [style.cursor]=\"'pointer'\"\r\n        [style.color]=\"_IconColor()\"\r\n        [style.font-size]=\"(_FontSize()*1.25) +'px'\"\r\n        [style.margin-right]=\"(_FontSize()*0.5625) +'px'\"\r\n        [style.display]=\"TxtInputType() == FormFieldTxtInputTypesEnum.Password ? '' : 'none'\"\r\n        ></i>\r\n    </div>\r\n}@else {\r\n\r\n    <div class=\"container\"\r\n    [style.padding]=\"(_FontSize()*0.4) +'px' + ' ' + (_FontSize()*0.8) +'px'\" \r\n    [style.border-radius]=\"(_FontSize()*0.3125) +'px'\"\r\n    [ngStyle]=\"\r\n    {'box-shadow':'\r\n    rgb(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        <select\r\n        [(ngModel)]=\"this.FormFieldComboModel.value\"\r\n        (ngModelChange)=\"onComboChange()\"\r\n        [style.color]=\"_FontColor()\"\r\n        [style.font-family]=\"_FontFamily()\"\r\n        [style.font-size]=\"_FontSize()+'px'\"\r\n        [style.font-weight]=\"_FontWeight()\"\r\n        [style.padding-right]=\"(_FontSize()*0.8) +'px'\"\r\n        >\r\n            @for(option of _Options() ; track $index ){\r\n                <option>{{option.value}}</option>\r\n            }\r\n        </select>\r\n    </div>\r\n}\r\n\r\n\r\n<app-alert\r\n[Name]=\"Name()+'-alert'\"\r\n[_FontSize]=\"_FontSize()\"\r\n[_FontFamily]=\"_FontFamily()\"\r\n[_FontWeight]=\"_FontWeight()\"\r\n/>\r\n\r\n\r\n\r\n\r\n", styles: [":host{display:inline-block}.container{display:flex;align-items:center}i{line-height:0px}input,select{background-color:transparent;border:none;padding:0}input,select:focus{outline:none;box-sizing:content-box}select{height:100%}select:hover{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AlertComponent, selector: "app-alert", inputs: ["Name", "_FontSize", "_FontFamily", "_FontWeight"] }, { kind: "directive", type: i3.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: TxtBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-txt-box', standalone: true, imports: [FormsModule, CommonModule, AlertComponent], 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)]=\"TxtBoxModel.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.font-weight]=\"_FontWeight()\"\r\n        [style.width]=\"(_FontSize()*15.3125) +'px'\"\r\n        [style.margin-left]=\"(_FontSize()*0.375) +'px'\"\r\n    >\r\n\r\n    <i class=\"{{_PasswordIcon}}\"\r\n    (click)=\"togglePasswordView()\"\r\n    [style.cursor]=\"'pointer'\"\r\n    [style.color]=\"_CorIcone()\"\r\n    [style.font-size]=\"(_FontSize()*1.25) +'px'\"\r\n    [style.margin-right]=\"(_FontSize()*0.5625) +'px'\"\r\n    [style.display]=\"typeInput() == TxtBoxTypesEnum.Password ? '' : 'none'\"\r\n    ></i>\r\n    \r\n\r\n</div>\r\n\r\n<app-alert\r\n[Name]=\"_nameInput()+'-alert'\"\r\n[_FontSize]=\"_FontSize()\"\r\n[_FontFamily]=\"_FontFamily()\"\r\n[_FontWeight]=\"_FontWeight()\"\r\n/>\r\n\r\n\r\n\r\n\r\n", styles: [":host{display:inline-block}.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"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+            args: [{ selector: 'app-form-field', standalone: true, imports: [FormsModule, CommonModule, AlertComponent, i3.NgxMaskDirective], template: "\r\n@if(FieldType() == FormFieldTypes.TxtBox){\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\n    rgb(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        <i class=\"{{_Icon()}} icon\"\r\n        [style.color]=\"_IconColor()\"\r\n        [style.font-size]=\"(_FontSize()*1.25) +'px'\"\r\n        [style.margin-left]=\"(_FontSize()*0.5625) +'px'\"\r\n        [style.display]=\"IconEnabled() ? '' : 'none'\"\r\n        ></i>\r\n\r\n        <input\r\n\r\n            [(ngModel)]=\"this.FormFielTxtModel.value\"\r\n            (keyup)=\"onTxtChange()\"\r\n            prefix=\"{{Prefixo}}\"\r\n            suffix=\"{{Sufixo}}\"\r\n            mask=\"{{Mask}}\"\r\n            [showMaskTyped]=\"showMaskTyped\"\r\n            thousandSeparator=\"{{thousandSeparator}}\"\r\n\r\n            type=\"{{_placeHolderType}}\"\r\n            name=\"{{Name()}}\"\r\n            placeholder=\"{{_placeHolderValue()}}\"\r\n            [style.color]=\"_FontColor()\"\r\n            [style.font-family]=\"_FontFamily()\"\r\n            [style.font-size]=\"_FontSize()+'px'\"\r\n            [style.font-weight]=\"_FontWeight()\"\r\n            [style.width]=\"(_FontSize()*15.3125) +'px'\"\r\n            [style.margin-left]=\"(_FontSize()*0.375) +'px'\"\r\n        >\r\n\r\n        <i class=\"{{_PasswordIcon}}\"\r\n        (click)=\"togglePasswordView()\"\r\n        [style.cursor]=\"'pointer'\"\r\n        [style.color]=\"_IconColor()\"\r\n        [style.font-size]=\"(_FontSize()*1.25) +'px'\"\r\n        [style.margin-right]=\"(_FontSize()*0.5625) +'px'\"\r\n        [style.display]=\"TxtInputType() == FormFieldTxtInputTypesEnum.Password ? '' : 'none'\"\r\n        ></i>\r\n    </div>\r\n}@else {\r\n\r\n    <div class=\"container\"\r\n    [style.padding]=\"(_FontSize()*0.4) +'px' + ' ' + (_FontSize()*0.8) +'px'\" \r\n    [style.border-radius]=\"(_FontSize()*0.3125) +'px'\"\r\n    [ngStyle]=\"\r\n    {'box-shadow':'\r\n    rgb(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        <select\r\n        [(ngModel)]=\"this.FormFieldComboModel.value\"\r\n        (ngModelChange)=\"onComboChange()\"\r\n        [style.color]=\"_FontColor()\"\r\n        [style.font-family]=\"_FontFamily()\"\r\n        [style.font-size]=\"_FontSize()+'px'\"\r\n        [style.font-weight]=\"_FontWeight()\"\r\n        [style.padding-right]=\"(_FontSize()*0.8) +'px'\"\r\n        >\r\n            @for(option of _Options() ; track $index ){\r\n                <option>{{option.value}}</option>\r\n            }\r\n        </select>\r\n    </div>\r\n}\r\n\r\n\r\n<app-alert\r\n[Name]=\"Name()+'-alert'\"\r\n[_FontSize]=\"_FontSize()\"\r\n[_FontFamily]=\"_FontFamily()\"\r\n[_FontWeight]=\"_FontWeight()\"\r\n/>\r\n\r\n\r\n\r\n\r\n", styles: [":host{display:inline-block}.container{display:flex;align-items:center}i{line-height:0px}input,select{background-color:transparent;border:none;padding:0}input,select:focus{outline:none;box-sizing:content-box}select{height:100%}select:hover{cursor:pointer}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });
 
 var ButtonTypeEnum;
 (function (ButtonTypeEnum) {
@@ -287,6 +390,7 @@ var ButtonIconPositionEnum;
 })(ButtonIconPositionEnum || (ButtonIconPositionEnum = {}));
 var ButtonIconEnum;
 (function (ButtonIconEnum) {
+    ButtonIconEnum["AddUser"] = "fi fi-sr-user-add";
     ButtonIconEnum["User"] = "fi fi-sr-user";
     ButtonIconEnum["Lock"] = "fi fi-sr-lock";
     ButtonIconEnum["EyeOpen"] = "fi fi-ss-eye";
@@ -303,6 +407,9 @@ var ButtonIconEnum;
     ButtonIconEnum["Company"] = "fi fi-rs-building";
     ButtonIconEnum["NoteBook"] = "fi fi-br-notebook-alt";
     ButtonIconEnum["AddFile"] = "fi fi-rr-add-document";
+    ButtonIconEnum["PageGoBack"] = "fi fi-rr-angle-circle-left";
+    ButtonIconEnum["PDFFile"] = "fi fi-sr-file-pdf";
+    ButtonIconEnum["DowloadFile"] = "fi fi-sr-file-download";
 })(ButtonIconEnum || (ButtonIconEnum = {}));
 var ButtonFontWeights;
 (function (ButtonFontWeights) {
@@ -392,7 +499,7 @@ class ButtonComponent {
         this.ButtonModel = new ButtonModel();
         this.ButtonService = inject(ButtonService);
         this.AlertService = inject(AlertService);
-        this.TxtBoxService = inject(TxtBoxService);
+        this.FormFieldService = inject(FormFieldService);
         this.AlertModel = new AlertModel();
         this.LabelService = inject(LabelService);
         this.LabelModel = new LabelModel();
@@ -462,7 +569,7 @@ class ButtonComponent {
         });
     }
     startListenToAlertState() {
-        this.TxtBoxService.alertState.subscribe((callerData) => {
+        this.FormFieldService.alertState.subscribe((callerData) => {
             if (this.name() == callerData.alertsFatherName) {
                 callerData.top = this.element.nativeElement.getBoundingClientRect().top - this.element.nativeElement.offsetHeight;
                 callerData.left = this.element.nativeElement.getBoundingClientRect().left + this.element.nativeElement.offsetWidth;
@@ -481,6 +588,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
 
 var ListItemIcons;
 (function (ListItemIcons) {
+    ListItemIcons["AddUser"] = "fi fi-sr-user-add";
     ListItemIcons["User"] = "fi fi-sr-user";
     ListItemIcons["Lock"] = "fi fi-sr-lock";
     ListItemIcons["EyeOpen"] = "fi fi-ss-eye";
@@ -497,6 +605,9 @@ var ListItemIcons;
     ListItemIcons["Company"] = "fi fi-rs-building";
     ListItemIcons["NoteBook"] = "fi fi-br-notebook-alt";
     ListItemIcons["AddFile"] = "fi fi-rr-add-document";
+    ListItemIcons["PageGoBack"] = "fi fi-rr-angle-circle-left";
+    ListItemIcons["PDFFile"] = "fi fi-sr-file-pdf";
+    ListItemIcons["DowloadFile"] = "fi fi-sr-file-download";
 })(ListItemIcons || (ListItemIcons = {}));
 var ListItemPositions;
 (function (ListItemPositions) {
@@ -630,6 +741,7 @@ var LabelIconPositionEnum;
 })(LabelIconPositionEnum || (LabelIconPositionEnum = {}));
 var LabelIconEnum;
 (function (LabelIconEnum) {
+    LabelIconEnum["AddUser"] = "fi fi-sr-user-add";
     LabelIconEnum["User"] = "fi fi-sr-user";
     LabelIconEnum["Lock"] = "fi fi-sr-lock";
     LabelIconEnum["EyeOpen"] = "fi fi-ss-eye";
@@ -646,6 +758,9 @@ var LabelIconEnum;
     LabelIconEnum["Company"] = "fi fi-rs-building";
     LabelIconEnum["NoteBook"] = "fi fi-br-notebook-alt";
     LabelIconEnum["AddFile"] = "fi fi-rr-add-document";
+    LabelIconEnum["PageGoBack"] = "fi fi-rr-angle-circle-left";
+    LabelIconEnum["PDFFile"] = "fi fi-sr-file-pdf";
+    LabelIconEnum["DowloadFile"] = "fi fi-sr-file-download";
 })(LabelIconEnum || (LabelIconEnum = {}));
 var LabelFontWeights;
 (function (LabelFontWeights) {
@@ -884,5 +999,5 @@ class TableModel {
  * Generated bundle index. Do not edit.
  */
 
-export { AlertComponent, AlertIconsEnum, AlertModel, AlertService, AlertTypesEnum, ButtonComponent, ButtonFontWeights, ButtonIconEnum, ButtonIconPositionEnum, ButtonModel, ButtonService, ButtonTypeEnum, LabelComponent, LabelFontWeights, LabelIconEnum, LabelIconPositionEnum, LabelModel, LabelService, ListItemComponent, ListItemFontWeights, ListItemIcons, ListItemModel, ListItemPositions, ListItemService, TableComponent, TableFontWeights, TableModel, TableModes, TableService, TxtBoxComponent, TxtBoxFontWeights, TxtBoxIconsEnum, TxtBoxInputTypesEnum, TxtBoxModel, TxtBoxService, TxtBoxTypesEnum };
+export { AlertComponent, AlertIconsEnum, AlertModel, AlertService, AlertTypesEnum, ButtonComponent, ButtonFontWeights, ButtonIconEnum, ButtonIconPositionEnum, ButtonModel, ButtonService, ButtonTypeEnum, FormFielTxtModel, FormFieldComboModel, FormFieldComponent, FormFieldCountryDataFormat, FormFieldFontWeights, FormFieldIconsEnum, FormFieldModel, FormFieldService, FormFieldTxtInputTypesEnum, FormFieldTypes, LabelComponent, LabelFontWeights, LabelIconEnum, LabelIconPositionEnum, LabelModel, LabelService, ListItemComponent, ListItemFontWeights, ListItemIcons, ListItemModel, ListItemPositions, ListItemService, TableComponent, TableFontWeights, TableModel, TableModes, TableService };
 //# sourceMappingURL=lightning-tec-br-angular-components.mjs.map