lightning-tec-br-angular-components 1.5.7 → 1.6.0

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

@@ -27,38 +27,6 @@ var FormFieldCountryDataFormat;
     FormFieldCountryDataFormat[FormFieldCountryDataFormat["Estados_Unidos"] = 0] = "Estados_Unidos";
     FormFieldCountryDataFormat[FormFieldCountryDataFormat["Brasil"] = 1] = "Brasil";
 })(FormFieldCountryDataFormat || (FormFieldCountryDataFormat = {}));
-var FormFieldIconsEnum;
-(function (FormFieldIconsEnum) {
-    FormFieldIconsEnum["AddFile"] = "fi fi-rr-add-document";
-    FormFieldIconsEnum["AddUser"] = "fi fi-sr-user-add";
-    FormFieldIconsEnum["Alert"] = "fi fi-sr-exclamation";
-    FormFieldIconsEnum["Camera"] = "fi fi-rr-camera";
-    FormFieldIconsEnum["Close"] = "fi fi-br-cross";
-    FormFieldIconsEnum["Company"] = "fi fi-rs-building";
-    FormFieldIconsEnum["Delete"] = "fi fi-sr-trash";
-    FormFieldIconsEnum["Done_Fill"] = "fi fi-sr-octagon-check";
-    FormFieldIconsEnum["Done_OutLine"] = "fi fi-rr-check-circle";
-    FormFieldIconsEnum["Doing_Pending_Fill"] = "fi fi-ss-duration-alt";
-    FormFieldIconsEnum["Doing_Pending_Outline"] = "fi fi-br-duration-alt";
-    FormFieldIconsEnum["DowloadFile"] = "fi fi-sr-file-download";
-    FormFieldIconsEnum["Edit"] = "fi fi-sr-pencil";
-    FormFieldIconsEnum["EyeClose"] = "fi fi-ss-eye-crossed";
-    FormFieldIconsEnum["EyeOpen"] = "fi fi-ss-eye";
-    FormFieldIconsEnum["Hamburger"] = "fi fi-br-menu-burger";
-    FormFieldIconsEnum["Home"] = "fi fi-sr-home";
-    FormFieldIconsEnum["ItemClosed"] = "fi fi-tr-caret-down";
-    FormFieldIconsEnum["ItemOpenned"] = "fi fi-rr-caret-down";
-    FormFieldIconsEnum["Key"] = "fi fi-sr-key";
-    FormFieldIconsEnum["Lubrificacao"] = "fi fi-rr-oil-can";
-    FormFieldIconsEnum["NoteBook"] = "fi fi-br-notebook-alt";
-    FormFieldIconsEnum["NotDone"] = "fi fi-sr-cross-circle";
-    FormFieldIconsEnum["PageGoBack"] = "fi fi-rr-angle-circle-left";
-    FormFieldIconsEnum["PDFFile"] = "fi fi-sr-file-pdf";
-    FormFieldIconsEnum["Phone"] = "fi fi-sr-phone-call";
-    FormFieldIconsEnum["Refresh"] = "fi fi-rr-rotate-right";
-    FormFieldIconsEnum["Rotas"] = "fi fi-br-route";
-    FormFieldIconsEnum["User"] = "fi fi-sr-user";
-})(FormFieldIconsEnum || (FormFieldIconsEnum = {}));
 var FormFieldFontWeights;
 (function (FormFieldFontWeights) {
     FormFieldFontWeights[FormFieldFontWeights["Thin"] = 100] = "Thin";
@@ -105,38 +73,6 @@ class FormFieldComboModel {
     }
 }
 
-var AlertIconsEnum;
-(function (AlertIconsEnum) {
-    AlertIconsEnum["AddFile"] = "fi fi-rr-add-document";
-    AlertIconsEnum["AddUser"] = "fi fi-sr-user-add";
-    AlertIconsEnum["Alert"] = "fi fi-sr-exclamation";
-    AlertIconsEnum["Camera"] = "fi fi-rr-camera";
-    AlertIconsEnum["Close"] = "fi fi-br-cross";
-    AlertIconsEnum["Company"] = "fi fi-rs-building";
-    AlertIconsEnum["Delete"] = "fi fi-sr-trash";
-    AlertIconsEnum["Done_Fill"] = "fi fi-sr-octagon-check";
-    AlertIconsEnum["Done_OutLine"] = "fi fi-rr-check-circle";
-    AlertIconsEnum["Doing_Pending_Fill"] = "fi fi-ss-duration-alt";
-    AlertIconsEnum["Doing_Pending_Outline"] = "fi fi-br-duration-alt";
-    AlertIconsEnum["DowloadFile"] = "fi fi-sr-file-download";
-    AlertIconsEnum["Edit"] = "fi fi-sr-pencil";
-    AlertIconsEnum["EyeClose"] = "fi fi-ss-eye-crossed";
-    AlertIconsEnum["EyeOpen"] = "fi fi-ss-eye";
-    AlertIconsEnum["Hamburger"] = "fi fi-br-menu-burger";
-    AlertIconsEnum["Home"] = "fi fi-sr-home";
-    AlertIconsEnum["ItemClosed"] = "fi fi-tr-caret-down";
-    AlertIconsEnum["ItemOpenned"] = "fi fi-rr-caret-down";
-    AlertIconsEnum["Key"] = "fi fi-sr-key";
-    AlertIconsEnum["Lubrificacao"] = "fi fi-rr-oil-can";
-    AlertIconsEnum["NoteBook"] = "fi fi-br-notebook-alt";
-    AlertIconsEnum["NotDone"] = "fi fi-sr-cross-circle";
-    AlertIconsEnum["PageGoBack"] = "fi fi-rr-angle-circle-left";
-    AlertIconsEnum["PDFFile"] = "fi fi-sr-file-pdf";
-    AlertIconsEnum["Phone"] = "fi fi-sr-phone-call";
-    AlertIconsEnum["Refresh"] = "fi fi-rr-rotate-right";
-    AlertIconsEnum["Rotas"] = "fi fi-br-route";
-    AlertIconsEnum["User"] = "fi fi-sr-user";
-})(AlertIconsEnum || (AlertIconsEnum = {}));
 var AlertTypesEnum;
 (function (AlertTypesEnum) {
     AlertTypesEnum[AlertTypesEnum["Done"] = 0] = "Done";
@@ -169,6 +105,40 @@ class AlertModel {
     }
 }
 
+var IconsEnum;
+(function (IconsEnum) {
+    IconsEnum["AddFile"] = "fi fi-rr-add-document";
+    IconsEnum["AddUser"] = "fi fi-sr-user-add";
+    IconsEnum["Alert"] = "fi fi-sr-exclamation";
+    IconsEnum["Camera"] = "fi fi-rr-camera";
+    IconsEnum["Close"] = "fi fi-br-cross";
+    IconsEnum["Company"] = "fi fi-rs-building";
+    IconsEnum["Delete"] = "fi fi-sr-trash";
+    IconsEnum["Done_Fill"] = "fi fi-sr-octagon-check";
+    IconsEnum["Done_OutLine"] = "fi fi-rr-check-circle";
+    IconsEnum["Doing_Pending_Fill"] = "fi fi-ss-duration-alt";
+    IconsEnum["Doing_Pending_Outline"] = "fi fi-br-duration-alt";
+    IconsEnum["DowloadFile"] = "fi fi-sr-file-download";
+    IconsEnum["Edit"] = "fi fi-sr-pencil";
+    IconsEnum["EyeClose"] = "fi fi-ss-eye-crossed";
+    IconsEnum["EyeOpen"] = "fi fi-ss-eye";
+    IconsEnum["Hamburger"] = "fi fi-br-menu-burger";
+    IconsEnum["Home"] = "fi fi-sr-home";
+    IconsEnum["ItemClosed"] = "fi fi-tr-caret-down";
+    IconsEnum["ItemOpenned"] = "fi fi-rr-caret-down";
+    IconsEnum["Key"] = "fi fi-sr-key";
+    IconsEnum["Lubrificacao"] = "fi fi-rr-oil-can";
+    IconsEnum["NoteBook"] = "fi fi-br-notebook-alt";
+    IconsEnum["NotDone"] = "fi fi-sr-cross-circle";
+    IconsEnum["PageGoBack"] = "fi fi-rr-angle-circle-left";
+    IconsEnum["PDFFile"] = "fi fi-sr-file-pdf";
+    IconsEnum["Phone"] = "fi fi-sr-phone-call";
+    IconsEnum["Prazo_Atencao"] = "fi fi-ss-deadline";
+    IconsEnum["Refresh"] = "fi fi-rr-rotate-right";
+    IconsEnum["Rotas"] = "fi fi-br-route";
+    IconsEnum["User"] = "fi fi-sr-user";
+})(IconsEnum || (IconsEnum = {}));
+
 class AlertComponent {
     constructor(cd) {
         this.cd = cd;
@@ -194,7 +164,7 @@ class AlertComponent {
         this.BackgroundColor = '';
         this._IconClose = '';
         this.AlertModel = new AlertModel();
-        this._IconClose = AlertIconsEnum.Close;
+        this._IconClose = IconsEnum.Close;
         this.startListenToAlertShowed();
     }
     OnClose() {
@@ -212,17 +182,17 @@ class AlertComponent {
                 this.isVisible = true;
                 switch (this.AlertType) {
                     case (AlertTypesEnum.Done):
-                        this._Icon = AlertIconsEnum.Done_Fill;
+                        this._Icon = IconsEnum.Done_Fill;
                         this.BackgroundColor = '#008B10';
                         this._FontColor = 'white';
                         break;
                     case (AlertTypesEnum.Alert):
-                        this._Icon = AlertIconsEnum.Alert;
+                        this._Icon = IconsEnum.Alert;
                         this.BackgroundColor = '#DFCD00';
                         this._FontColor = 'black';
                         break;
                     case (AlertTypesEnum.NotDone):
-                        this._Icon = AlertIconsEnum.NotDone;
+                        this._Icon = IconsEnum.NotDone;
                         this.BackgroundColor = '#D40000';
                         this._FontColor = 'white';
                         break;
@@ -253,7 +223,7 @@ class FormFieldComponent {
         this.Name = input.required();
         this._placeHolderType = '';
         this._placeHolderValue = input.required();
-        this._PasswordIcon = FormFieldIconsEnum.EyeOpen;
+        this._PasswordIcon = IconsEnum.EyeOpen;
         this._IconColor = input.required();
         this._FontColor = input.required();
         this._FontSize = input.required();
@@ -281,7 +251,7 @@ class FormFieldComponent {
         this.FormFielTxtModel = new FormFielTxtModel();
         this.FormFieldComboModel = new FormFieldComboModel();
         this.AlertTypesEnum = AlertTypesEnum;
-        this.FormFieldIconsEnum = FormFieldIconsEnum;
+        this.IconsEnum = IconsEnum;
         this.FormFieldTxtInputTypesEnum = FormFieldTxtInputTypesEnum;
         this.FormFieldDataFormat = FormFieldCountryDataFormat;
         this.FormFieldTypes = FormFieldTypes;
@@ -346,12 +316,12 @@ class FormFieldComponent {
         });
     }
     togglePasswordView() {
-        if (this._PasswordIcon == FormFieldIconsEnum.EyeClose) {
-            this._PasswordIcon = FormFieldIconsEnum.EyeOpen;
+        if (this._PasswordIcon == IconsEnum.EyeClose) {
+            this._PasswordIcon = IconsEnum.EyeOpen;
             this._placeHolderType = 'password';
         }
         else {
-            this._PasswordIcon = FormFieldIconsEnum.EyeClose;
+            this._PasswordIcon = IconsEnum.EyeClose;
             this._placeHolderType = 'text';
         }
     }
@@ -440,10 +410,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
 
 var ButtonTypeEnum;
 (function (ButtonTypeEnum) {
-    ButtonTypeEnum["Button"] = "button";
-    ButtonTypeEnum["Menu"] = "menu";
-    ButtonTypeEnum["Reset"] = "reset";
-    ButtonTypeEnum["Submit"] = "submit";
+    ButtonTypeEnum[ButtonTypeEnum["Normal"] = 0] = "Normal";
+    ButtonTypeEnum[ButtonTypeEnum["Outline"] = 1] = "Outline";
 })(ButtonTypeEnum || (ButtonTypeEnum = {}));
 var ButtonIconPositionEnum;
 (function (ButtonIconPositionEnum) {
@@ -452,38 +420,6 @@ var ButtonIconPositionEnum;
     ButtonIconPositionEnum[ButtonIconPositionEnum["Bottom"] = 2] = "Bottom";
     ButtonIconPositionEnum[ButtonIconPositionEnum["Left"] = 3] = "Left";
 })(ButtonIconPositionEnum || (ButtonIconPositionEnum = {}));
-var ButtonIconEnum;
-(function (ButtonIconEnum) {
-    ButtonIconEnum["AddFile"] = "fi fi-rr-add-document";
-    ButtonIconEnum["AddUser"] = "fi fi-sr-user-add";
-    ButtonIconEnum["Alert"] = "fi fi-sr-exclamation";
-    ButtonIconEnum["Camera"] = "fi fi-rr-camera";
-    ButtonIconEnum["Close"] = "fi fi-br-cross";
-    ButtonIconEnum["Company"] = "fi fi-rs-building";
-    ButtonIconEnum["Delete"] = "fi fi-sr-trash";
-    ButtonIconEnum["Done_Fill"] = "fi fi-sr-octagon-check";
-    ButtonIconEnum["Done_OutLine"] = "fi fi-rr-check-circle";
-    ButtonIconEnum["Doing_Pending_Fill"] = "fi fi-ss-duration-alt";
-    ButtonIconEnum["Doing_Pending_Outline"] = "fi fi-br-duration-alt";
-    ButtonIconEnum["DowloadFile"] = "fi fi-sr-file-download";
-    ButtonIconEnum["Edit"] = "fi fi-sr-pencil";
-    ButtonIconEnum["EyeClose"] = "fi fi-ss-eye-crossed";
-    ButtonIconEnum["EyeOpen"] = "fi fi-ss-eye";
-    ButtonIconEnum["Hamburger"] = "fi fi-br-menu-burger";
-    ButtonIconEnum["Home"] = "fi fi-sr-home";
-    ButtonIconEnum["ItemClosed"] = "fi fi-tr-caret-down";
-    ButtonIconEnum["ItemOpenned"] = "fi fi-rr-caret-down";
-    ButtonIconEnum["Key"] = "fi fi-sr-key";
-    ButtonIconEnum["Lubrificacao"] = "fi fi-rr-oil-can";
-    ButtonIconEnum["NoteBook"] = "fi fi-br-notebook-alt";
-    ButtonIconEnum["NotDone"] = "fi fi-sr-cross-circle";
-    ButtonIconEnum["PageGoBack"] = "fi fi-rr-angle-circle-left";
-    ButtonIconEnum["PDFFile"] = "fi fi-sr-file-pdf";
-    ButtonIconEnum["Phone"] = "fi fi-sr-phone-call";
-    ButtonIconEnum["Refresh"] = "fi fi-rr-rotate-right";
-    ButtonIconEnum["Rotas"] = "fi fi-br-route";
-    ButtonIconEnum["User"] = "fi fi-sr-user";
-})(ButtonIconEnum || (ButtonIconEnum = {}));
 var ButtonFontWeights;
 (function (ButtonFontWeights) {
     ButtonFontWeights[ButtonFontWeights["Thin"] = 100] = "Thin";
@@ -500,8 +436,7 @@ var ButtonFontWeights;
 class ButtonService {
     constructor() {
         this.click = new Subject();
-        this.loadingState = new Subject();
-        this.alertState = new Subject();
+        this.stateChanged = new Subject();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ButtonService, providedIn: 'root' }); }
@@ -511,186 +446,129 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
-class ButtonModel {
-    constructor() {
-        this.name = '';
-        this.state = false;
-    }
-}
-
-class LabelModel {
-    constructor() {
-        this.name = '';
-    }
-}
-
-class LabelService {
-    constructor() {
-        this.stateChanger = new Subject();
+class ButtonConfigModel {
+    constructor(params) {
+        this.Name = params.Name;
+        this.Width = params.Width;
+        this.Height = params.Height;
+        this.ButtonType = params.ButtonType;
+        this.BorderRadius = params.BorderRadius;
+        this.IconEnabled = params.IconEnabled;
+        this.Icon = params.Icon;
+        this.IconFontSize = params.IconFontSize;
+        this.IconDistanceFromtext = params.IconDistanceFromtext;
+        this.IconColorNormal = params.IconColorNormal;
+        this.IconColorHover = params.IconColorHover;
+        this.IconOrientation = params.IconOrientation;
+        this.TextEnabled = params.TextEnabled;
+        this.Text = params.Text;
+        this.TextFontSize = params.TextFontSize;
+        this.TextFontWeight = params.TextFontWeight;
+        this.TextFontFamily = params.TextFontFamily;
+        this.TextColorNormal = params.TextColorNormal;
+        this.TextColorHover = params.TextColorHover;
+        this.BackGroundColorNormal = params.BackGroundColorNormal;
+        this.BackGroundColorHover = params.BackGroundColorHover;
+        this.LoadingState = params.LoadingState;
+        this.EnabledState = params.EnabledState;
+        this.OutlineBorderSize = params.OutlineBorderSize;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: LabelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: LabelService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: LabelService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
 
 class ButtonComponent {
-    ;
-    constructor(element) {
+    constructor(element, cd) {
         this.element = element;
-        this._BackGroundColor = '';
-        this._ButtonType = input.required();
-        this._BorderRadius = input.required();
-        this._Width = input.required();
-        this._Height = input.required();
-        this._Icon = input.required();
-        this._IconFontSize = 0;
-        this._IconOrientation = '';
-        this._IconMarginType = '';
-        this._IconDistanceFromTextObject = {};
-        this._IconColor = '';
-        this._IconDistanceFromText = input.required();
-        this._IconEnabled = input.required();
-        this._TextColor = '';
-        this._Text = input.required();
-        this._FontSize = input.required();
-        this._FontWeight = input.required();
-        this._TextFontFamily = input.required();
-        this._TextEnabled = input.required();
+        this.cd = cd;
         this.name = input.required();
-        this.BackGroundColorNormal = input.required();
-        this.BackGroundColorHover = input.required();
-        this.IconColorNormal = input.required();
-        this.IconColorHover = input.required();
-        this.TextColorNormal = input.required();
-        this.TextColorHover = input.required();
-        this.IconOrientation = input.required();
-        this._LoadingState = false;
-        this._AlertState = false;
-        this.ButtonModel = new ButtonModel();
         this.ButtonService = inject(ButtonService);
         this.AlertService = inject(AlertService);
-        this.FormFieldService = inject(FormFieldService);
         this.AlertModel = new AlertModel();
-        this.LabelService = inject(LabelService);
-        this.LabelModel = new LabelModel();
+        this.destroy = new Subject();
         this.AlertTypesEnum = AlertTypesEnum;
+        this.ButtonTypeEnum = ButtonTypeEnum;
+        this.configModel = new ButtonConfigModel({
+            Name: ''
+        });
+    }
+    ngOnDestroy() {
+        this.destroy.next();
     }
     ngOnInit() {
-        //Limpa as Memórias de Estado
-        this._BackGroundColor = '';
-        this._IconColor = '';
-        this._TextColor = '';
-        this._IconDistanceFromTextObject = {};
-        this._IconFontSize = 0;
-        this._IconOrientation = '';
-        this.ButtonModel = new ButtonModel();
-        this._LoadingState = false;
-        this._AlertState = false;
-        this.ngStyle = {};
-        this._BackGroundColor = this.BackGroundColorNormal();
-        this._IconColor = this.IconColorNormal();
-        this._TextColor = this.TextColorNormal();
-        this._IconFontSize = this._FontSize() * 1.25;
-        this.startListenToLoadingState();
-        this.startListenToAlertState();
-        switch (this.IconOrientation()) {
+        this.startListenToStateChanged();
+    }
+    OnMouseOver() {
+        this._BackGroundColor = this.BackGroundColorHover ?? 'white';
+        this._IconColor = this.IconColorHover ?? 'white';
+        this._TextColor = this.TextColorHover ?? 'white';
+    }
+    OnMouseOut() {
+        this._BackGroundColor = this.BackGroundColorNormal ?? 'white';
+        this._IconColor = this.IconColorNormal ?? 'white';
+        this._TextColor = this.TextColorNormal ?? 'white';
+    }
+    OnClick() {
+        this.ButtonService.click.next(this.name());
+    }
+    startListenToStateChanged() {
+        this.ButtonService.stateChanged
+            .pipe(takeUntil(this.destroy))
+            .subscribe((config) => {
+            if (config.Name == this.name()) {
+                this.Width = config.Width ?? this.Width;
+                this.Height = config.Height ?? this.Height;
+                this.ButtonType = config.ButtonType ?? this.ButtonType;
+                this.BorderRadius = config.BorderRadius ?? this.BorderRadius;
+                this.IconEnabled = config.IconEnabled ?? this.IconEnabled;
+                this.Icon = config.Icon ?? this.Icon;
+                this.IconFontSize = config.IconFontSize ?? this.IconFontSize;
+                this.IconDistanceFromtext = config.IconDistanceFromtext ?? this.IconDistanceFromtext;
+                this.IconColorNormal = config.IconColorNormal ?? this.IconColorNormal;
+                this.IconColorHover = config.IconColorHover ?? this.IconColorHover;
+                this.IconOrientation = config.IconOrientation ?? this.IconOrientation;
+                this.TextEnabled = config.TextEnabled ?? this.TextEnabled;
+                this.Text = config.Text ?? this.Text;
+                this.TextFontSize = config.TextFontSize ?? this.TextFontSize;
+                this.TextFontWeight = config.TextFontWeight ?? this.TextFontWeight;
+                this.TextFontFamily = config.TextFontFamily ?? this.TextFontFamily;
+                this.TextColorNormal = config.TextColorNormal ?? this.TextColorNormal;
+                this.TextColorHover = config.TextColorHover ?? this.TextColorHover;
+                this.BackGroundColorNormal = config.BackGroundColorNormal ?? this.BackGroundColorNormal;
+                this.BackGroundColorHover = config.BackGroundColorHover ?? this.BackGroundColorHover;
+                this.LoadingState = config.LoadingState ?? this.LoadingState;
+                this.EnabledState = config.EnabledState ?? this.EnabledState;
+                this.OutlineBorderSize = config.OutlineBorderSize ?? this.OutlineBorderSize;
+                this.defineIconOrientation();
+                this.OnMouseOut();
+            }
+        });
+    }
+    defineIconOrientation() {
+        switch (this.IconOrientation) {
             case (ButtonIconPositionEnum.Top):
                 this._IconOrientation = 'column';
-                this._IconDistanceFromTextObject = this._TextEnabled() ? { 'margin-bottom': this._IconDistanceFromText().toString() + 'px' } : {};
+                this._IconDistanceFromTextObject = this.TextEnabled ? { 'margin-bottom': (this.IconDistanceFromtext ?? 5).toString() + 'px' } : {};
                 break;
             case (ButtonIconPositionEnum.Right):
                 this._IconOrientation = 'row-reverse';
-                this._IconDistanceFromTextObject = this._TextEnabled() ? { 'margin-left': this._IconDistanceFromText().toString() + 'px' } : {};
+                this._IconDistanceFromTextObject = this.TextEnabled ? { 'margin-left': (this.IconDistanceFromtext ?? 5).toString() + 'px' } : {};
                 break;
             case (ButtonIconPositionEnum.Bottom):
                 this._IconOrientation = 'column-reverse';
-                this._IconDistanceFromTextObject = this._TextEnabled() ? { 'margin-top': this._IconDistanceFromText().toString() + 'px' } : {};
+                this._IconDistanceFromTextObject = this.TextEnabled ? { 'margin-top': (this.IconDistanceFromtext ?? 5).toString() + 'px' } : {};
                 break;
             case (ButtonIconPositionEnum.Left):
-                this._IconDistanceFromTextObject = this._TextEnabled() ? { 'margin-right': this._IconDistanceFromText().toString() + 'px' } : {};
+                this._IconDistanceFromTextObject = this.TextEnabled ? { 'margin-right': (this.IconDistanceFromtext ?? 5).toString() + 'px' } : {};
                 break;
         }
-        this.ngStyle = {
-            'box-shadow': (this._FontSize() / 8) + 'px' + (this._FontSize() / 4) + 'px' + (this._FontSize() / 4) + 'px' + '0px' + 'rgba(0, 0, 0, 0.25)',
-            'flex-direction': this._IconOrientation
-        };
-    }
-    OnMouseOver() {
-        this._BackGroundColor = this.BackGroundColorHover();
-        this._IconColor = this.IconColorHover();
-        this._TextColor = this.TextColorHover();
-    }
-    OnMouseOut() {
-        this._BackGroundColor = this.BackGroundColorNormal();
-        this._IconColor = this.IconColorNormal();
-        this._TextColor = this.TextColorNormal();
-    }
-    OnClick() {
-        this.ButtonModel.name = this.name();
-        this.ButtonModel.state = true;
-        this.ButtonService.click.next(this.ButtonModel);
-        this.ButtonService.loadingState.next(this.ButtonModel);
-    }
-    startListenToLoadingState() {
-        this.ButtonService.loadingState.subscribe((callerData) => {
-            if (this.name() == callerData.name) {
-                this._LoadingState = callerData.state;
-            }
-        });
-    }
-    startListenToAlertState() {
-        this.FormFieldService.alertState.subscribe((callerData) => {
-            if (this.name() == callerData.alertsFatherName) {
-                callerData.top_DontSet = this.element.nativeElement.getBoundingClientRect().top - this.element.nativeElement.offsetHeight;
-                callerData.left_DontSet = this.element.nativeElement.getBoundingClientRect().left + this.element.nativeElement.offsetWidth;
-                callerData.alertsName_DontSet = this.ButtonModel.name + '-alert';
-                this.AlertService.wasOpenned.next(callerData);
-            }
-        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.0", type: ButtonComponent, isStandalone: true, selector: "app-button", inputs: { _ButtonType: { classPropertyName: "_ButtonType", publicName: "_ButtonType", isSignal: true, isRequired: true, transformFunction: null }, _BorderRadius: { classPropertyName: "_BorderRadius", publicName: "_BorderRadius", isSignal: true, isRequired: true, transformFunction: null }, _Width: { classPropertyName: "_Width", publicName: "_Width", isSignal: true, isRequired: true, transformFunction: null }, _Height: { classPropertyName: "_Height", publicName: "_Height", isSignal: true, isRequired: true, transformFunction: null }, _Icon: { classPropertyName: "_Icon", publicName: "_Icon", isSignal: true, isRequired: true, transformFunction: null }, _IconDistanceFromText: { classPropertyName: "_IconDistanceFromText", publicName: "_IconDistanceFromText", isSignal: true, isRequired: true, transformFunction: null }, _IconEnabled: { classPropertyName: "_IconEnabled", publicName: "_IconEnabled", isSignal: true, isRequired: true, transformFunction: null }, _Text: { classPropertyName: "_Text", publicName: "_Text", isSignal: true, isRequired: true, transformFunction: null }, _FontSize: { classPropertyName: "_FontSize", publicName: "_FontSize", isSignal: true, isRequired: true, transformFunction: null }, _FontWeight: { classPropertyName: "_FontWeight", publicName: "_FontWeight", isSignal: true, isRequired: true, transformFunction: null }, _TextFontFamily: { classPropertyName: "_TextFontFamily", publicName: "_TextFontFamily", isSignal: true, isRequired: true, transformFunction: null }, _TextEnabled: { classPropertyName: "_TextEnabled", publicName: "_TextEnabled", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, BackGroundColorNormal: { classPropertyName: "BackGroundColorNormal", publicName: "BackGroundColorNormal", isSignal: true, isRequired: true, transformFunction: null }, BackGroundColorHover: { classPropertyName: "BackGroundColorHover", publicName: "BackGroundColorHover", isSignal: true, isRequired: true, transformFunction: null }, IconColorNormal: { classPropertyName: "IconColorNormal", publicName: "IconColorNormal", isSignal: true, isRequired: true, transformFunction: null }, IconColorHover: { classPropertyName: "IconColorHover", publicName: "IconColorHover", isSignal: true, isRequired: true, transformFunction: null }, TextColorNormal: { classPropertyName: "TextColorNormal", publicName: "TextColorNormal", isSignal: true, isRequired: true, transformFunction: null }, TextColorHover: { classPropertyName: "TextColorHover", publicName: "TextColorHover", isSignal: true, isRequired: true, transformFunction: null }, IconOrientation: { classPropertyName: "IconOrientation", publicName: "IconOrientation", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "\r\n<button\r\ntype=\"{{_ButtonType()}}\"\r\n[style.background-color]=\"_BackGroundColor\"\r\n[style.border-radius]=\"_BorderRadius().toString()+'px'\"\r\n[style.width]=\"_Width()+ 'px'\"\r\n[style.height]=\"_Height()+ 'px'\"\r\n[ngStyle]=\"ngStyle\"\r\n(mouseover)=\"OnMouseOver()\"\r\n(mouseout)=\"OnMouseOut()\"\r\n(click)=\"OnClick()\"\r\n\r\n>\r\n    \r\n        <i\r\n            class=\"{{_Icon()}}\"\r\n            [style.color]=\"_IconColor\"\r\n            [style.font-size]=\"_IconFontSize +'px'\"\r\n            [style.display]=\"_IconEnabled() && !_LoadingState ? '' : 'none'\"\r\n            [ngStyle]=\"_IconDistanceFromTextObject\"\r\n            >\r\n        </i>\r\n\r\n        <i\r\n        class=\"loader\"\r\n        [style.width]=\"_FontSize()+'px'\"\r\n        [style.height]=\"_FontSize()+'px'\"\r\n        [style.display]=\"_LoadingState ? 'inline-block' : 'none'\"\r\n        [style.--loaderColor]=\"_TextColor\"\r\n        [style.--loaderBorderSize]=\"(_FontSize()*0.15)+'px'\"\r\n        >\r\n        </i>\r\n\r\n        <p\r\n        [style.font-size]=\"_FontSize() +'px'\"\r\n        [style.font-family]=\"_TextFontFamily()\"\r\n        [style.font-weight]=\"_FontWeight()\"\r\n        [style.color]=\"_TextColor\"\r\n        [style.display]=\"_TextEnabled() && !_LoadingState ? '' : 'none'\"\r\n        >{{_Text()}}\r\n        </p>\r\n\r\n</button>\r\n<app-alert\r\n[Name]=\"name()+'-alert'\"\r\n[_FontSize]=\"_FontSize()\"\r\n[_FontFamily]=\"_TextFontFamily()\"\r\n[_FontWeight]=\"_FontWeight()\"\r\n/>\r\n    \r\n", styles: [":host{display:inline-block;vertical-align:top;line-height:0px}button{display:flex;align-items:center;justify-content:center;border:none;padding:0;text-decoration:none;box-shadow:2px 4px 4px #00000040}button:hover{cursor:pointer;transition:.05s;transform:scale(1.05)}button:active{transform:scale(.95)}button>i{line-height:0px}button>p{margin:0;line-height:0px}button>.loader{border:var(--loaderBorderSize) solid var(--loaderColor);border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ 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: ButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.0", type: ButtonComponent, isStandalone: true, selector: "app-button", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<button\r\n[style.background-color]=\"ButtonType == ButtonTypeEnum.Outline ? 'transparent' : EnabledState ? _BackGroundColor : 'gray'\"\r\n[style.border-radius]=\"(BorderRadius ?? 5).toString()+'px'\"\r\n[style.border]=\"ButtonType == ButtonTypeEnum.Outline ? `${OutlineBorderSize}px solid ${_BackGroundColor}` : '' \"\r\n[style.width]=\"Width + 'px'\"\r\n[style.height]=\"Height + 'px'\"\r\n[style.box-shadow]=\"`${(this.TextFontSize ?? 12/8)}px ${(this.TextFontSize ?? 12/4)}px ${(this.TextFontSize ?? 12/4)}px 0px rgba(0, 0, 0, 0.25)`\"\r\n[style.flex-direction]=\"this._IconOrientation\"\r\n[style.cursor]=\"(EnabledState ?? true) ? 'pointer' : 'default'\"\r\n[style.--transition]=\"!EnabledState ? '0s' : '0.05s'\"\r\n[style.--transformHover]=\"!EnabledState ? '1' : '1.05'\"\r\n[style.--transformActive]=\"!EnabledState ? '1' : '0.95'\"\r\n(mouseover)=\"OnMouseOver()\"\r\n(mouseout)=\"OnMouseOut()\"\r\n(click)=\"OnClick()\"\r\n\r\n>\r\n        <i\r\n            class=\"{{Icon}}\"\r\n            [style.color]=\"EnabledState ? _IconColor : 'white'\"\r\n            [style.font-size]=\"IconFontSize +'px'\"\r\n            [style.display]=\"IconEnabled && !LoadingState ? '' : 'none'\"\r\n            [ngStyle]=\"_IconDistanceFromTextObject\"\r\n            >\r\n        </i>\r\n\r\n        <i\r\n        class=\"loader\"\r\n        [style.width]=\"IconFontSize  +'px'\"\r\n        [style.height]=\"IconFontSize +'px'\"\r\n        [style.display]=\"LoadingState ? 'inline-block' : 'none'\"\r\n        [style.--loaderColor]=\"_TextColor\"\r\n        [style.--loaderBorderSize]=\"((IconFontSize ?? 12) *0.15)+'px'\"\r\n        >\r\n        </i>\r\n\r\n        <p\r\n        [style.font-size]=\"TextFontSize +'px'\"\r\n        [style.font-family]=\"TextFontFamily\"\r\n        [style.font-weight]=\"TextFontWeight\"\r\n        [style.color]=\"EnabledState ? _TextColor : 'white'\"\r\n        [style.display]=\"TextEnabled && !LoadingState ? '' : 'none'\"\r\n        >{{Text}}\r\n        </p>\r\n\r\n</button>\r\n    \r\n", styles: [":host{display:inline-block;vertical-align:top;line-height:0px;--transition: .05s;--transformHover:1.05;--transformActive:.95}button{display:flex;align-items:center;justify-content:center;border:none;padding:0;text-decoration:none;box-shadow:2px 4px 4px #00000040;box-sizing:border-box}button:hover{transition:var(--transition);transform:scale(var(--transformHover))}button:active{transform:scale(var(--transformActive))}button>i{line-height:0px}button>p{margin:0;line-height:0px}button>.loader{border:var(--loaderBorderSize) solid var(--loaderColor);border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-button', standalone: true, imports: [CommonModule, AlertComponent], template: "\r\n<button\r\ntype=\"{{_ButtonType()}}\"\r\n[style.background-color]=\"_BackGroundColor\"\r\n[style.border-radius]=\"_BorderRadius().toString()+'px'\"\r\n[style.width]=\"_Width()+ 'px'\"\r\n[style.height]=\"_Height()+ 'px'\"\r\n[ngStyle]=\"ngStyle\"\r\n(mouseover)=\"OnMouseOver()\"\r\n(mouseout)=\"OnMouseOut()\"\r\n(click)=\"OnClick()\"\r\n\r\n>\r\n    \r\n        <i\r\n            class=\"{{_Icon()}}\"\r\n            [style.color]=\"_IconColor\"\r\n            [style.font-size]=\"_IconFontSize +'px'\"\r\n            [style.display]=\"_IconEnabled() && !_LoadingState ? '' : 'none'\"\r\n            [ngStyle]=\"_IconDistanceFromTextObject\"\r\n            >\r\n        </i>\r\n\r\n        <i\r\n        class=\"loader\"\r\n        [style.width]=\"_FontSize()+'px'\"\r\n        [style.height]=\"_FontSize()+'px'\"\r\n        [style.display]=\"_LoadingState ? 'inline-block' : 'none'\"\r\n        [style.--loaderColor]=\"_TextColor\"\r\n        [style.--loaderBorderSize]=\"(_FontSize()*0.15)+'px'\"\r\n        >\r\n        </i>\r\n\r\n        <p\r\n        [style.font-size]=\"_FontSize() +'px'\"\r\n        [style.font-family]=\"_TextFontFamily()\"\r\n        [style.font-weight]=\"_FontWeight()\"\r\n        [style.color]=\"_TextColor\"\r\n        [style.display]=\"_TextEnabled() && !_LoadingState ? '' : 'none'\"\r\n        >{{_Text()}}\r\n        </p>\r\n\r\n</button>\r\n<app-alert\r\n[Name]=\"name()+'-alert'\"\r\n[_FontSize]=\"_FontSize()\"\r\n[_FontFamily]=\"_TextFontFamily()\"\r\n[_FontWeight]=\"_FontWeight()\"\r\n/>\r\n    \r\n", styles: [":host{display:inline-block;vertical-align:top;line-height:0px}button{display:flex;align-items:center;justify-content:center;border:none;padding:0;text-decoration:none;box-shadow:2px 4px 4px #00000040}button:hover{cursor:pointer;transition:.05s;transform:scale(1.05)}button:active{transform:scale(.95)}button>i{line-height:0px}button>p{margin:0;line-height:0px}button>.loader{border:var(--loaderBorderSize) solid var(--loaderColor);border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+            args: [{ selector: 'app-button', standalone: true, imports: [CommonModule], template: "<button\r\n[style.background-color]=\"ButtonType == ButtonTypeEnum.Outline ? 'transparent' : EnabledState ? _BackGroundColor : 'gray'\"\r\n[style.border-radius]=\"(BorderRadius ?? 5).toString()+'px'\"\r\n[style.border]=\"ButtonType == ButtonTypeEnum.Outline ? `${OutlineBorderSize}px solid ${_BackGroundColor}` : '' \"\r\n[style.width]=\"Width + 'px'\"\r\n[style.height]=\"Height + 'px'\"\r\n[style.box-shadow]=\"`${(this.TextFontSize ?? 12/8)}px ${(this.TextFontSize ?? 12/4)}px ${(this.TextFontSize ?? 12/4)}px 0px rgba(0, 0, 0, 0.25)`\"\r\n[style.flex-direction]=\"this._IconOrientation\"\r\n[style.cursor]=\"(EnabledState ?? true) ? 'pointer' : 'default'\"\r\n[style.--transition]=\"!EnabledState ? '0s' : '0.05s'\"\r\n[style.--transformHover]=\"!EnabledState ? '1' : '1.05'\"\r\n[style.--transformActive]=\"!EnabledState ? '1' : '0.95'\"\r\n(mouseover)=\"OnMouseOver()\"\r\n(mouseout)=\"OnMouseOut()\"\r\n(click)=\"OnClick()\"\r\n\r\n>\r\n        <i\r\n            class=\"{{Icon}}\"\r\n            [style.color]=\"EnabledState ? _IconColor : 'white'\"\r\n            [style.font-size]=\"IconFontSize +'px'\"\r\n            [style.display]=\"IconEnabled && !LoadingState ? '' : 'none'\"\r\n            [ngStyle]=\"_IconDistanceFromTextObject\"\r\n            >\r\n        </i>\r\n\r\n        <i\r\n        class=\"loader\"\r\n        [style.width]=\"IconFontSize  +'px'\"\r\n        [style.height]=\"IconFontSize +'px'\"\r\n        [style.display]=\"LoadingState ? 'inline-block' : 'none'\"\r\n        [style.--loaderColor]=\"_TextColor\"\r\n        [style.--loaderBorderSize]=\"((IconFontSize ?? 12) *0.15)+'px'\"\r\n        >\r\n        </i>\r\n\r\n        <p\r\n        [style.font-size]=\"TextFontSize +'px'\"\r\n        [style.font-family]=\"TextFontFamily\"\r\n        [style.font-weight]=\"TextFontWeight\"\r\n        [style.color]=\"EnabledState ? _TextColor : 'white'\"\r\n        [style.display]=\"TextEnabled && !LoadingState ? '' : 'none'\"\r\n        >{{Text}}\r\n        </p>\r\n\r\n</button>\r\n    \r\n", styles: [":host{display:inline-block;vertical-align:top;line-height:0px;--transition: .05s;--transformHover:1.05;--transformActive:.95}button{display:flex;align-items:center;justify-content:center;border:none;padding:0;text-decoration:none;box-shadow:2px 4px 4px #00000040;box-sizing:border-box}button:hover{transition:var(--transition);transform:scale(var(--transformHover))}button:active{transform:scale(var(--transformActive))}button>i{line-height:0px}button>p{margin:0;line-height:0px}button>.loader{border:var(--loaderBorderSize) solid var(--loaderColor);border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });
 
-var ListItemIcons;
-(function (ListItemIcons) {
-    ListItemIcons["AddFile"] = "fi fi-rr-add-document";
-    ListItemIcons["AddUser"] = "fi fi-sr-user-add";
-    ListItemIcons["Alert"] = "fi fi-sr-exclamation";
-    ListItemIcons["Camera"] = "fi fi-rr-camera";
-    ListItemIcons["Close"] = "fi fi-br-cross";
-    ListItemIcons["Company"] = "fi fi-rs-building";
-    ListItemIcons["Delete"] = "fi fi-sr-trash";
-    ListItemIcons["Done_Fill"] = "fi fi-sr-octagon-check";
-    ListItemIcons["Done_OutLine"] = "fi fi-rr-check-circle";
-    ListItemIcons["Doing_Pending_Fill"] = "fi fi-ss-duration-alt";
-    ListItemIcons["Doing_Pending_Outline"] = "fi fi-br-duration-alt";
-    ListItemIcons["DowloadFile"] = "fi fi-sr-file-download";
-    ListItemIcons["Edit"] = "fi fi-sr-pencil";
-    ListItemIcons["EyeClose"] = "fi fi-ss-eye-crossed";
-    ListItemIcons["EyeOpen"] = "fi fi-ss-eye";
-    ListItemIcons["Hamburger"] = "fi fi-br-menu-burger";
-    ListItemIcons["Home"] = "fi fi-sr-home";
-    ListItemIcons["ItemClosed"] = "fi fi-tr-caret-down";
-    ListItemIcons["ItemOpenned"] = "fi fi-rr-caret-down";
-    ListItemIcons["Key"] = "fi fi-sr-key";
-    ListItemIcons["Lubrificacao"] = "fi fi-rr-oil-can";
-    ListItemIcons["NoteBook"] = "fi fi-br-notebook-alt";
-    ListItemIcons["NotDone"] = "fi fi-sr-cross-circle";
-    ListItemIcons["PageGoBack"] = "fi fi-rr-angle-circle-left";
-    ListItemIcons["PDFFile"] = "fi fi-sr-file-pdf";
-    ListItemIcons["Phone"] = "fi fi-sr-phone-call";
-    ListItemIcons["Refresh"] = "fi fi-rr-rotate-right";
-    ListItemIcons["Rotas"] = "fi fi-br-route";
-    ListItemIcons["User"] = "fi fi-sr-user";
-})(ListItemIcons || (ListItemIcons = {}));
 var ListItemPositions;
 (function (ListItemPositions) {
     ListItemPositions[ListItemPositions["Top"] = 0] = "Top";
@@ -783,14 +661,13 @@ class ListItemComponent {
         this._WrappedBackGroundColor = '';
         this._FontSize = input.required();
         //Internals
-        this._ListItemIcons = ListItemIcons;
         this.ListItePositions = ListItemPositions;
+        this.IconsEnum = IconsEnum;
         this.ItemStateOpen = false;
         this.ListItemService = inject(ListItemService);
         this.ButtonService = inject(ButtonService);
     }
     ngOnInit() {
-        this.ButtonModel = new ButtonModel();
         this.startListenToStateChange();
         //Zera Memorias
         this._ItemNumberMarginTop = 0;
@@ -852,11 +729,29 @@ class ListItemComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.0", type: ListItemComponent, isStandalone: true, selector: "app-list-item", inputs: { Name: { classPropertyName: "Name", publicName: "Name", isSignal: true, isRequired: true, transformFunction: null }, _BoxShadowExternalEnabled: { classPropertyName: "_BoxShadowExternalEnabled", publicName: "_BoxShadowExternalEnabled", isSignal: true, isRequired: true, transformFunction: null }, _BoxShadowInternalEnabled: { classPropertyName: "_BoxShadowInternalEnabled", publicName: "_BoxShadowInternalEnabled", isSignal: true, isRequired: true, transformFunction: null }, _ItemBackGroundColorNormal: { classPropertyName: "_ItemBackGroundColorNormal", publicName: "_ItemBackGroundColorNormal", isSignal: true, isRequired: true, transformFunction: null }, _ItemBackGroundColorHover: { classPropertyName: "_ItemBackGroundColorHover", publicName: "_ItemBackGroundColorHover", isSignal: true, isRequired: true, transformFunction: null }, _ItemNumberEnabled: { classPropertyName: "_ItemNumberEnabled", publicName: "_ItemNumberEnabled", isSignal: true, isRequired: true, transformFunction: null }, _ItemNumberText: { classPropertyName: "_ItemNumberText", publicName: "_ItemNumberText", isSignal: true, isRequired: true, transformFunction: null }, _ItemNumberFontFamily: { classPropertyName: "_ItemNumberFontFamily", publicName: "_ItemNumberFontFamily", isSignal: true, isRequired: true, transformFunction: null }, _ItemNumberFontWeight: { classPropertyName: "_ItemNumberFontWeight", publicName: "_ItemNumberFontWeight", isSignal: true, isRequired: true, transformFunction: null }, _ItemNumberFontColor: { classPropertyName: "_ItemNumberFontColor", publicName: "_ItemNumberFontColor", isSignal: true, isRequired: true, transformFunction: null }, _ItemNumberPosition: { classPropertyName: "_ItemNumberPosition", publicName: "_ItemNumberPosition", isSignal: true, isRequired: true, transformFunction: null }, _IconEnabled: { classPropertyName: "_IconEnabled", publicName: "_IconEnabled", isSignal: true, isRequired: true, transformFunction: null }, _TitleFontFamily: { classPropertyName: "_TitleFontFamily", publicName: "_TitleFontFamily", isSignal: true, isRequired: true, transformFunction: null }, _TitleFontColor: { classPropertyName: "_TitleFontColor", publicName: "_TitleFontColor", isSignal: true, isRequired: true, transformFunction: null }, _TitleFontWeight: { classPropertyName: "_TitleFontWeight", publicName: "_TitleFontWeight", isSignal: true, isRequired: true, transformFunction: null }, _SubTitleFontFamily: { classPropertyName: "_SubTitleFontFamily", publicName: "_SubTitleFontFamily", isSignal: true, isRequired: true, transformFunction: null }, _SubTitleFontColor: { classPropertyName: "_SubTitleFontColor", publicName: "_SubTitleFontColor", isSignal: true, isRequired: true, transformFunction: null }, _SubTitleFontWeight: { classPropertyName: "_SubTitleFontWeight", publicName: "_SubTitleFontWeight", isSignal: true, isRequired: true, transformFunction: null }, _IconOpenItemColor: { classPropertyName: "_IconOpenItemColor", publicName: "_IconOpenItemColor", isSignal: true, isRequired: true, transformFunction: null }, _FontSize: { classPropertyName: "_FontSize", publicName: "_FontSize", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "\r\n<div class=\"wrapper\"\r\n[style.width]=\"_Width+'px'\"\r\n[class.box-shadow]=\"_BoxShadowExternalEnabled()\"\r\n[style.border-radius]=\"_BorderRadius+'px'\"\r\n>\r\n    <div class=\"container\"\r\n    (click)=\"OnClick()\"\r\n    [class.box-shadow]=\"_BoxShadowInternalEnabled()\"\r\n    [style.border-radius]=\"_BorderRadius+'px'\"\r\n    >\r\n\r\n        <div class=\"iconContainer\"\r\n        [style.background-color]=\"_IconBackgroundColor\"\r\n        [style.max-width]=\"_Width+'px'\"\r\n        >\r\n            <p class=\"ItemNumber\"\r\n            [style.display]=\"_ItemNumberEnabled() ? '' : 'none'\"\r\n            [style.font-family]=\"_ItemNumberFontFamily()\"\r\n            [style.font-weight]=\"_ItemNumberFontWeight()\"\r\n            [style.color]=\"_ItemNumberFontColor()\"\r\n            [style.font-size]=\"_ItemNumberPosition() == ListItePositions.Top ? (_FontSize()*0.833)+'px' : (_FontSize())+'px'  \"\r\n            [style.margin-top]=\"_ItemNumberMarginTop +'px'\"\r\n            [style.margin-left]=\"_ItemNumberMarginLeft+'px'\"\r\n            [style.margin-right]=\"_ItemNumberMarginRight+'px'\"\r\n            >\r\n                {{_ItemNumberText()}}\r\n            </p>\r\n\r\n            <i class=\"{{_Icon}}\"\r\n            [style.display]=\"_IconEnabled() ? '' : 'none'\"\r\n            [style.color]=\"_IconColor\"\r\n            [style.font-size]=\"(_FontSize()*1.111)+'px'\"\r\n            [style.margin-left]=\"_IconMarginLeft+'px'\"\r\n            [style.margin-right]=\"_IconMarginRight+'px'\"\r\n            ></i>\r\n        </div>\r\n\r\n\r\n        <div class=\"TextContainer\"\r\n        [style.padding-top]=\"_FontSize()+'px'\"\r\n        [style.padding-bottom]=\"_FontSize()+'px'\"\r\n        [style.padding-left]=\"_FontSize()+'px'\"\r\n        [style.background-color]=\"_TextBackgroundColor\"\r\n        >\r\n\r\n            <h1 class=\"title\"\r\n            [style.font-family]=\"_TitleFontFamily()\"\r\n            [style.color]=\"_TitleFontColor()\"\r\n            [style.font-size]=\"_FontSize()+'px'\"\r\n            [style.font-weight]=\"_TitleFontWeight()\"\r\n            [style.display]=\"_TitleEnabled ? '' : 'none'\"\r\n            >\r\n                {{_TitleText}}\r\n            </h1>\r\n\r\n            <h2 class=\"sub-title\"\r\n            [style.display]=\"_SubTitleEnabled ? '' : 'none'\"\r\n            [style.font-family]=\"_SubTitleFontFamily()\"\r\n            [style.color]=\"_SubTitleFontColor()\"\r\n            [style.font-size]=\"(_FontSize()*0.833)+'px'\"\r\n            [style.font-weight]=\"_SubTitleFontWeight()\"\r\n            >\r\n                {{_SubTitleText}}\r\n            </h2>\r\n\r\n        </div>\r\n\r\n        <div class=\"ItemOpenIconContainer\"\r\n        [style.background-color]=\"_IconOpenBackgroundColor\"\r\n        >\r\n            <i class=\"{{ItemStateOpen? _ListItemIcons.ItemOpenned : _ListItemIcons.ItemClosed}} ItemOpenState ItemOpenIcon\"\r\n            [style.display]=\"_IconOpenItemEnabled ? '' : 'none'\"\r\n            [style.margin-left]=\"_IconMarginLeft+'px'\"\r\n            [style.margin-right]=\"_IconMarginRight+'px'\"\r\n            [class.ItemOpenState]=\"ItemStateOpen\"\r\n            [class.ItemCloseState]=\"!ItemStateOpen\"\r\n            [style.color]=\"_IconOpenItemColor()\"\r\n            [style.font-size]=\"(_FontSize()*1.666)+'px'\"\r\n            ></i>\r\n        </div>\r\n\r\n\r\n    </div>\r\n    <div class=\"containerWrapped\"\r\n    [style.background-color]=\"_WrappedBackGroundColor\"\r\n    [style.display]=\"ItemStateOpen ? '' : 'none'\"\r\n    >\r\n        <ng-content/>\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n", styles: [":host{display:inline-block;vertical-align:top}.wrapper{overflow:hidden}.box-shadow{box-shadow:#0000003d 0 3px 8px}.wrapper>.container{display:flex;cursor:pointer}.wrapper>.container>.iconContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper>.container>.iconContainer>p{margin:0}.wrapper>.container>.iconContainer>i{line-height:0px;display:flex;align-items:center;justify-content:center}.wrapper>.container>.TextContainer{display:flex;flex-direction:column;align-items:start;justify-content:center;width:100%}.wrapper>.container>.TextContainer>h1,h2{margin:0;text-align:center}.wrapper>.container>.ItemOpenIconContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper>.container>.ItemOpenIconContainer>.ItemOpenState{transition:.3s}.wrapper>.container>.ItemOpenIconContainer>.ItemCloseState{transform:rotate(90deg);transition:.3s}.wrapper>.containerWrapped{padding:0}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.0", type: ListItemComponent, isStandalone: true, selector: "app-list-item", inputs: { Name: { classPropertyName: "Name", publicName: "Name", isSignal: true, isRequired: true, transformFunction: null }, _BoxShadowExternalEnabled: { classPropertyName: "_BoxShadowExternalEnabled", publicName: "_BoxShadowExternalEnabled", isSignal: true, isRequired: true, transformFunction: null }, _BoxShadowInternalEnabled: { classPropertyName: "_BoxShadowInternalEnabled", publicName: "_BoxShadowInternalEnabled", isSignal: true, isRequired: true, transformFunction: null }, _ItemBackGroundColorNormal: { classPropertyName: "_ItemBackGroundColorNormal", publicName: "_ItemBackGroundColorNormal", isSignal: true, isRequired: true, transformFunction: null }, _ItemBackGroundColorHover: { classPropertyName: "_ItemBackGroundColorHover", publicName: "_ItemBackGroundColorHover", isSignal: true, isRequired: true, transformFunction: null }, _ItemNumberEnabled: { classPropertyName: "_ItemNumberEnabled", publicName: "_ItemNumberEnabled", isSignal: true, isRequired: true, transformFunction: null }, _ItemNumberText: { classPropertyName: "_ItemNumberText", publicName: "_ItemNumberText", isSignal: true, isRequired: true, transformFunction: null }, _ItemNumberFontFamily: { classPropertyName: "_ItemNumberFontFamily", publicName: "_ItemNumberFontFamily", isSignal: true, isRequired: true, transformFunction: null }, _ItemNumberFontWeight: { classPropertyName: "_ItemNumberFontWeight", publicName: "_ItemNumberFontWeight", isSignal: true, isRequired: true, transformFunction: null }, _ItemNumberFontColor: { classPropertyName: "_ItemNumberFontColor", publicName: "_ItemNumberFontColor", isSignal: true, isRequired: true, transformFunction: null }, _ItemNumberPosition: { classPropertyName: "_ItemNumberPosition", publicName: "_ItemNumberPosition", isSignal: true, isRequired: true, transformFunction: null }, _IconEnabled: { classPropertyName: "_IconEnabled", publicName: "_IconEnabled", isSignal: true, isRequired: true, transformFunction: null }, _TitleFontFamily: { classPropertyName: "_TitleFontFamily", publicName: "_TitleFontFamily", isSignal: true, isRequired: true, transformFunction: null }, _TitleFontColor: { classPropertyName: "_TitleFontColor", publicName: "_TitleFontColor", isSignal: true, isRequired: true, transformFunction: null }, _TitleFontWeight: { classPropertyName: "_TitleFontWeight", publicName: "_TitleFontWeight", isSignal: true, isRequired: true, transformFunction: null }, _SubTitleFontFamily: { classPropertyName: "_SubTitleFontFamily", publicName: "_SubTitleFontFamily", isSignal: true, isRequired: true, transformFunction: null }, _SubTitleFontColor: { classPropertyName: "_SubTitleFontColor", publicName: "_SubTitleFontColor", isSignal: true, isRequired: true, transformFunction: null }, _SubTitleFontWeight: { classPropertyName: "_SubTitleFontWeight", publicName: "_SubTitleFontWeight", isSignal: true, isRequired: true, transformFunction: null }, _IconOpenItemColor: { classPropertyName: "_IconOpenItemColor", publicName: "_IconOpenItemColor", isSignal: true, isRequired: true, transformFunction: null }, _FontSize: { classPropertyName: "_FontSize", publicName: "_FontSize", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "\r\n<div class=\"wrapper\"\r\n[style.width]=\"_Width+'px'\"\r\n[class.box-shadow]=\"_BoxShadowExternalEnabled()\"\r\n[style.border-radius]=\"_BorderRadius+'px'\"\r\n>\r\n    <div class=\"container\"\r\n    (click)=\"OnClick()\"\r\n    [class.box-shadow]=\"_BoxShadowInternalEnabled()\"\r\n    [style.border-radius]=\"_BorderRadius+'px'\"\r\n    >\r\n\r\n        <div class=\"iconContainer\"\r\n        [style.background-color]=\"_IconBackgroundColor\"\r\n        [style.max-width]=\"_Width+'px'\"\r\n        >\r\n            <p class=\"ItemNumber\"\r\n            [style.display]=\"_ItemNumberEnabled() ? '' : 'none'\"\r\n            [style.font-family]=\"_ItemNumberFontFamily()\"\r\n            [style.font-weight]=\"_ItemNumberFontWeight()\"\r\n            [style.color]=\"_ItemNumberFontColor()\"\r\n            [style.font-size]=\"_ItemNumberPosition() == ListItePositions.Top ? (_FontSize()*0.833)+'px' : (_FontSize())+'px'  \"\r\n            [style.margin-top]=\"_ItemNumberMarginTop +'px'\"\r\n            [style.margin-left]=\"_ItemNumberMarginLeft+'px'\"\r\n            [style.margin-right]=\"_ItemNumberMarginRight+'px'\"\r\n            >\r\n                {{_ItemNumberText()}}\r\n            </p>\r\n\r\n            <i class=\"{{_Icon}}\"\r\n            [style.display]=\"_IconEnabled() ? '' : 'none'\"\r\n            [style.color]=\"_IconColor\"\r\n            [style.font-size]=\"(_FontSize()*1.111)+'px'\"\r\n            [style.margin-left]=\"_IconMarginLeft+'px'\"\r\n            [style.margin-right]=\"_IconMarginRight+'px'\"\r\n            ></i>\r\n        </div>\r\n\r\n\r\n        <div class=\"TextContainer\"\r\n        [style.padding-top]=\"_FontSize()+'px'\"\r\n        [style.padding-bottom]=\"_FontSize()+'px'\"\r\n        [style.padding-left]=\"_FontSize()+'px'\"\r\n        [style.background-color]=\"_TextBackgroundColor\"\r\n        >\r\n\r\n            <h1 class=\"title\"\r\n            [style.font-family]=\"_TitleFontFamily()\"\r\n            [style.color]=\"_TitleFontColor()\"\r\n            [style.font-size]=\"_FontSize()+'px'\"\r\n            [style.font-weight]=\"_TitleFontWeight()\"\r\n            [style.display]=\"_TitleEnabled ? '' : 'none'\"\r\n            >\r\n                {{_TitleText}}\r\n            </h1>\r\n\r\n            <h2 class=\"sub-title\"\r\n            [style.display]=\"_SubTitleEnabled ? '' : 'none'\"\r\n            [style.font-family]=\"_SubTitleFontFamily()\"\r\n            [style.color]=\"_SubTitleFontColor()\"\r\n            [style.font-size]=\"(_FontSize()*0.833)+'px'\"\r\n            [style.font-weight]=\"_SubTitleFontWeight()\"\r\n            >\r\n                {{_SubTitleText}}\r\n            </h2>\r\n\r\n        </div>\r\n\r\n        <div class=\"ItemOpenIconContainer\"\r\n        [style.background-color]=\"_IconOpenBackgroundColor\"\r\n        >\r\n            <i class=\"{{ItemStateOpen? IconsEnum.ItemOpenned : IconsEnum.ItemClosed}} ItemOpenState ItemOpenIcon\"\r\n            [style.display]=\"_IconOpenItemEnabled ? '' : 'none'\"\r\n            [style.margin-left]=\"_IconMarginLeft+'px'\"\r\n            [style.margin-right]=\"_IconMarginRight+'px'\"\r\n            [class.ItemOpenState]=\"ItemStateOpen\"\r\n            [class.ItemCloseState]=\"!ItemStateOpen\"\r\n            [style.color]=\"_IconOpenItemColor()\"\r\n            [style.font-size]=\"(_FontSize()*1.666)+'px'\"\r\n            ></i>\r\n        </div>\r\n\r\n\r\n    </div>\r\n    <div class=\"containerWrapped\"\r\n    [style.background-color]=\"_WrappedBackGroundColor\"\r\n    [style.display]=\"ItemStateOpen ? '' : 'none'\"\r\n    >\r\n        <ng-content/>\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n", styles: [":host{display:inline-block;vertical-align:top}.wrapper{overflow:hidden}.box-shadow{box-shadow:#0000003d 0 3px 8px}.wrapper>.container{display:flex;cursor:pointer}.wrapper>.container>.iconContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper>.container>.iconContainer>p{margin:0}.wrapper>.container>.iconContainer>i{line-height:0px;display:flex;align-items:center;justify-content:center}.wrapper>.container>.TextContainer{display:flex;flex-direction:column;align-items:start;justify-content:center;width:100%}.wrapper>.container>.TextContainer>h1,h2{margin:0;text-align:center}.wrapper>.container>.ItemOpenIconContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper>.container>.ItemOpenIconContainer>.ItemOpenState{transition:.3s}.wrapper>.container>.ItemOpenIconContainer>.ItemCloseState{transform:rotate(90deg);transition:.3s}.wrapper>.containerWrapped{padding:0}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ListItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-list-item', standalone: true, imports: [], template: "\r\n<div class=\"wrapper\"\r\n[style.width]=\"_Width+'px'\"\r\n[class.box-shadow]=\"_BoxShadowExternalEnabled()\"\r\n[style.border-radius]=\"_BorderRadius+'px'\"\r\n>\r\n    <div class=\"container\"\r\n    (click)=\"OnClick()\"\r\n    [class.box-shadow]=\"_BoxShadowInternalEnabled()\"\r\n    [style.border-radius]=\"_BorderRadius+'px'\"\r\n    >\r\n\r\n        <div class=\"iconContainer\"\r\n        [style.background-color]=\"_IconBackgroundColor\"\r\n        [style.max-width]=\"_Width+'px'\"\r\n        >\r\n            <p class=\"ItemNumber\"\r\n            [style.display]=\"_ItemNumberEnabled() ? '' : 'none'\"\r\n            [style.font-family]=\"_ItemNumberFontFamily()\"\r\n            [style.font-weight]=\"_ItemNumberFontWeight()\"\r\n            [style.color]=\"_ItemNumberFontColor()\"\r\n            [style.font-size]=\"_ItemNumberPosition() == ListItePositions.Top ? (_FontSize()*0.833)+'px' : (_FontSize())+'px'  \"\r\n            [style.margin-top]=\"_ItemNumberMarginTop +'px'\"\r\n            [style.margin-left]=\"_ItemNumberMarginLeft+'px'\"\r\n            [style.margin-right]=\"_ItemNumberMarginRight+'px'\"\r\n            >\r\n                {{_ItemNumberText()}}\r\n            </p>\r\n\r\n            <i class=\"{{_Icon}}\"\r\n            [style.display]=\"_IconEnabled() ? '' : 'none'\"\r\n            [style.color]=\"_IconColor\"\r\n            [style.font-size]=\"(_FontSize()*1.111)+'px'\"\r\n            [style.margin-left]=\"_IconMarginLeft+'px'\"\r\n            [style.margin-right]=\"_IconMarginRight+'px'\"\r\n            ></i>\r\n        </div>\r\n\r\n\r\n        <div class=\"TextContainer\"\r\n        [style.padding-top]=\"_FontSize()+'px'\"\r\n        [style.padding-bottom]=\"_FontSize()+'px'\"\r\n        [style.padding-left]=\"_FontSize()+'px'\"\r\n        [style.background-color]=\"_TextBackgroundColor\"\r\n        >\r\n\r\n            <h1 class=\"title\"\r\n            [style.font-family]=\"_TitleFontFamily()\"\r\n            [style.color]=\"_TitleFontColor()\"\r\n            [style.font-size]=\"_FontSize()+'px'\"\r\n            [style.font-weight]=\"_TitleFontWeight()\"\r\n            [style.display]=\"_TitleEnabled ? '' : 'none'\"\r\n            >\r\n                {{_TitleText}}\r\n            </h1>\r\n\r\n            <h2 class=\"sub-title\"\r\n            [style.display]=\"_SubTitleEnabled ? '' : 'none'\"\r\n            [style.font-family]=\"_SubTitleFontFamily()\"\r\n            [style.color]=\"_SubTitleFontColor()\"\r\n            [style.font-size]=\"(_FontSize()*0.833)+'px'\"\r\n            [style.font-weight]=\"_SubTitleFontWeight()\"\r\n            >\r\n                {{_SubTitleText}}\r\n            </h2>\r\n\r\n        </div>\r\n\r\n        <div class=\"ItemOpenIconContainer\"\r\n        [style.background-color]=\"_IconOpenBackgroundColor\"\r\n        >\r\n            <i class=\"{{ItemStateOpen? _ListItemIcons.ItemOpenned : _ListItemIcons.ItemClosed}} ItemOpenState ItemOpenIcon\"\r\n            [style.display]=\"_IconOpenItemEnabled ? '' : 'none'\"\r\n            [style.margin-left]=\"_IconMarginLeft+'px'\"\r\n            [style.margin-right]=\"_IconMarginRight+'px'\"\r\n            [class.ItemOpenState]=\"ItemStateOpen\"\r\n            [class.ItemCloseState]=\"!ItemStateOpen\"\r\n            [style.color]=\"_IconOpenItemColor()\"\r\n            [style.font-size]=\"(_FontSize()*1.666)+'px'\"\r\n            ></i>\r\n        </div>\r\n\r\n\r\n    </div>\r\n    <div class=\"containerWrapped\"\r\n    [style.background-color]=\"_WrappedBackGroundColor\"\r\n    [style.display]=\"ItemStateOpen ? '' : 'none'\"\r\n    >\r\n        <ng-content/>\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n", styles: [":host{display:inline-block;vertical-align:top}.wrapper{overflow:hidden}.box-shadow{box-shadow:#0000003d 0 3px 8px}.wrapper>.container{display:flex;cursor:pointer}.wrapper>.container>.iconContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper>.container>.iconContainer>p{margin:0}.wrapper>.container>.iconContainer>i{line-height:0px;display:flex;align-items:center;justify-content:center}.wrapper>.container>.TextContainer{display:flex;flex-direction:column;align-items:start;justify-content:center;width:100%}.wrapper>.container>.TextContainer>h1,h2{margin:0;text-align:center}.wrapper>.container>.ItemOpenIconContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper>.container>.ItemOpenIconContainer>.ItemOpenState{transition:.3s}.wrapper>.container>.ItemOpenIconContainer>.ItemCloseState{transform:rotate(90deg);transition:.3s}.wrapper>.containerWrapped{padding:0}\n"] }]
+            args: [{ selector: 'app-list-item', standalone: true, imports: [], template: "\r\n<div class=\"wrapper\"\r\n[style.width]=\"_Width+'px'\"\r\n[class.box-shadow]=\"_BoxShadowExternalEnabled()\"\r\n[style.border-radius]=\"_BorderRadius+'px'\"\r\n>\r\n    <div class=\"container\"\r\n    (click)=\"OnClick()\"\r\n    [class.box-shadow]=\"_BoxShadowInternalEnabled()\"\r\n    [style.border-radius]=\"_BorderRadius+'px'\"\r\n    >\r\n\r\n        <div class=\"iconContainer\"\r\n        [style.background-color]=\"_IconBackgroundColor\"\r\n        [style.max-width]=\"_Width+'px'\"\r\n        >\r\n            <p class=\"ItemNumber\"\r\n            [style.display]=\"_ItemNumberEnabled() ? '' : 'none'\"\r\n            [style.font-family]=\"_ItemNumberFontFamily()\"\r\n            [style.font-weight]=\"_ItemNumberFontWeight()\"\r\n            [style.color]=\"_ItemNumberFontColor()\"\r\n            [style.font-size]=\"_ItemNumberPosition() == ListItePositions.Top ? (_FontSize()*0.833)+'px' : (_FontSize())+'px'  \"\r\n            [style.margin-top]=\"_ItemNumberMarginTop +'px'\"\r\n            [style.margin-left]=\"_ItemNumberMarginLeft+'px'\"\r\n            [style.margin-right]=\"_ItemNumberMarginRight+'px'\"\r\n            >\r\n                {{_ItemNumberText()}}\r\n            </p>\r\n\r\n            <i class=\"{{_Icon}}\"\r\n            [style.display]=\"_IconEnabled() ? '' : 'none'\"\r\n            [style.color]=\"_IconColor\"\r\n            [style.font-size]=\"(_FontSize()*1.111)+'px'\"\r\n            [style.margin-left]=\"_IconMarginLeft+'px'\"\r\n            [style.margin-right]=\"_IconMarginRight+'px'\"\r\n            ></i>\r\n        </div>\r\n\r\n\r\n        <div class=\"TextContainer\"\r\n        [style.padding-top]=\"_FontSize()+'px'\"\r\n        [style.padding-bottom]=\"_FontSize()+'px'\"\r\n        [style.padding-left]=\"_FontSize()+'px'\"\r\n        [style.background-color]=\"_TextBackgroundColor\"\r\n        >\r\n\r\n            <h1 class=\"title\"\r\n            [style.font-family]=\"_TitleFontFamily()\"\r\n            [style.color]=\"_TitleFontColor()\"\r\n            [style.font-size]=\"_FontSize()+'px'\"\r\n            [style.font-weight]=\"_TitleFontWeight()\"\r\n            [style.display]=\"_TitleEnabled ? '' : 'none'\"\r\n            >\r\n                {{_TitleText}}\r\n            </h1>\r\n\r\n            <h2 class=\"sub-title\"\r\n            [style.display]=\"_SubTitleEnabled ? '' : 'none'\"\r\n            [style.font-family]=\"_SubTitleFontFamily()\"\r\n            [style.color]=\"_SubTitleFontColor()\"\r\n            [style.font-size]=\"(_FontSize()*0.833)+'px'\"\r\n            [style.font-weight]=\"_SubTitleFontWeight()\"\r\n            >\r\n                {{_SubTitleText}}\r\n            </h2>\r\n\r\n        </div>\r\n\r\n        <div class=\"ItemOpenIconContainer\"\r\n        [style.background-color]=\"_IconOpenBackgroundColor\"\r\n        >\r\n            <i class=\"{{ItemStateOpen? IconsEnum.ItemOpenned : IconsEnum.ItemClosed}} ItemOpenState ItemOpenIcon\"\r\n            [style.display]=\"_IconOpenItemEnabled ? '' : 'none'\"\r\n            [style.margin-left]=\"_IconMarginLeft+'px'\"\r\n            [style.margin-right]=\"_IconMarginRight+'px'\"\r\n            [class.ItemOpenState]=\"ItemStateOpen\"\r\n            [class.ItemCloseState]=\"!ItemStateOpen\"\r\n            [style.color]=\"_IconOpenItemColor()\"\r\n            [style.font-size]=\"(_FontSize()*1.666)+'px'\"\r\n            ></i>\r\n        </div>\r\n\r\n\r\n    </div>\r\n    <div class=\"containerWrapped\"\r\n    [style.background-color]=\"_WrappedBackGroundColor\"\r\n    [style.display]=\"ItemStateOpen ? '' : 'none'\"\r\n    >\r\n        <ng-content/>\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n", styles: [":host{display:inline-block;vertical-align:top}.wrapper{overflow:hidden}.box-shadow{box-shadow:#0000003d 0 3px 8px}.wrapper>.container{display:flex;cursor:pointer}.wrapper>.container>.iconContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper>.container>.iconContainer>p{margin:0}.wrapper>.container>.iconContainer>i{line-height:0px;display:flex;align-items:center;justify-content:center}.wrapper>.container>.TextContainer{display:flex;flex-direction:column;align-items:start;justify-content:center;width:100%}.wrapper>.container>.TextContainer>h1,h2{margin:0;text-align:center}.wrapper>.container>.ItemOpenIconContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper>.container>.ItemOpenIconContainer>.ItemOpenState{transition:.3s}.wrapper>.container>.ItemOpenIconContainer>.ItemCloseState{transform:rotate(90deg);transition:.3s}.wrapper>.containerWrapped{padding:0}\n"] }]
+        }] });
+
+class LabelModel {
+    constructor() {
+        this.name = '';
+    }
+}
+
+class LabelService {
+    constructor() {
+        this.stateChanger = new Subject();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: LabelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: LabelService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: LabelService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }] });
 
 var LabelIconPositionEnum;
@@ -866,38 +761,6 @@ var LabelIconPositionEnum;
     LabelIconPositionEnum[LabelIconPositionEnum["Bottom"] = 2] = "Bottom";
     LabelIconPositionEnum[LabelIconPositionEnum["Left"] = 3] = "Left";
 })(LabelIconPositionEnum || (LabelIconPositionEnum = {}));
-var LabelIconEnum;
-(function (LabelIconEnum) {
-    LabelIconEnum["AddFile"] = "fi fi-rr-add-document";
-    LabelIconEnum["AddUser"] = "fi fi-sr-user-add";
-    LabelIconEnum["Alert"] = "fi fi-sr-exclamation";
-    LabelIconEnum["Camera"] = "fi fi-rr-camera";
-    LabelIconEnum["Close"] = "fi fi-br-cross";
-    LabelIconEnum["Company"] = "fi fi-rs-building";
-    LabelIconEnum["Delete"] = "fi fi-sr-trash";
-    LabelIconEnum["Done_Fill"] = "fi fi-sr-octagon-check";
-    LabelIconEnum["Done_OutLine"] = "fi fi-rr-check-circle";
-    LabelIconEnum["Doing_Pending_Fill"] = "fi fi-ss-duration-alt";
-    LabelIconEnum["Doing_Pending_Outline"] = "fi fi-br-duration-alt";
-    LabelIconEnum["DowloadFile"] = "fi fi-sr-file-download";
-    LabelIconEnum["Edit"] = "fi fi-sr-pencil";
-    LabelIconEnum["EyeClose"] = "fi fi-ss-eye-crossed";
-    LabelIconEnum["EyeOpen"] = "fi fi-ss-eye";
-    LabelIconEnum["Hamburger"] = "fi fi-br-menu-burger";
-    LabelIconEnum["Home"] = "fi fi-sr-home";
-    LabelIconEnum["ItemClosed"] = "fi fi-tr-caret-down";
-    LabelIconEnum["ItemOpenned"] = "fi fi-rr-caret-down";
-    LabelIconEnum["Key"] = "fi fi-sr-key";
-    LabelIconEnum["Lubrificacao"] = "fi fi-rr-oil-can";
-    LabelIconEnum["NoteBook"] = "fi fi-br-notebook-alt";
-    LabelIconEnum["NotDone"] = "fi fi-sr-cross-circle";
-    LabelIconEnum["PageGoBack"] = "fi fi-rr-angle-circle-left";
-    LabelIconEnum["PDFFile"] = "fi fi-sr-file-pdf";
-    LabelIconEnum["Phone"] = "fi fi-sr-phone-call";
-    LabelIconEnum["Refresh"] = "fi fi-rr-rotate-right";
-    LabelIconEnum["Rotas"] = "fi fi-br-route";
-    LabelIconEnum["User"] = "fi fi-sr-user";
-})(LabelIconEnum || (LabelIconEnum = {}));
 var LabelFontWeights;
 (function (LabelFontWeights) {
     LabelFontWeights[LabelFontWeights["Thin"] = 100] = "Thin";
@@ -1240,12 +1103,9 @@ class ModalComponent {
         this.isVisible = false;
         this._ButtonService = inject(ButtonService);
         this.ButtonTypes = ButtonTypeEnum;
-        this.ButtonIcons = ButtonIconEnum;
         this.ButtonIconPositions = ButtonIconPositionEnum;
         this.ButtonFontWeights = ButtonFontWeights;
-        this.ButtonModel = new ButtonModel();
-    }
-    ngAfterViewInit() {
+        this.IconsEnum = IconsEnum;
     }
     ngOnInit() {
         this.startListenToShowCommand();
@@ -1254,70 +1114,40 @@ class ModalComponent {
     startListenToShowCommand() {
         this.ModalService.showModal.subscribe((modalModel) => {
             this.configModel = modalModel;
-            console.log(this.configModel);
             this.isVisible = true;
         });
     }
     startToListenToButtonClick() {
-        this._ButtonService.click.subscribe((btnModel) => {
-            if (btnModel.name == this.configModel.BtnCancelName) {
+        this._ButtonService.click.subscribe((name) => {
+            if (name == this.configModel.BtnCancelName) {
                 this.isVisible = false;
             }
-            if (btnModel.name == this.configModel.BtnOkName) {
+            if (name == this.configModel.BtnOkName) {
                 this.isVisible = false;
             }
             this.ConcluirLoadingButton();
         });
     }
     ConcluirLoadingButton() {
-        let btnModel = new ButtonModel();
-        btnModel.name = this.configModel.BtnCancelName;
-        btnModel.state = false;
-        this._ButtonService.loadingState.next(btnModel);
-        btnModel.name = this.configModel.BtnOkName;
-        this._ButtonService.loadingState.next(btnModel);
+        let config = new ButtonConfigModel({
+            Name: this.configModel.BtnCancelName,
+            LoadingState: true
+        });
+        this._ButtonService.stateChanged.next(config);
+        config = new ButtonConfigModel({
+            Name: this.configModel.BtnOkName,
+            LoadingState: true
+        });
+        this._ButtonService.stateChanged.next(config);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.0", type: ModalComponent, isStandalone: true, selector: "app-modal", ngImport: i0, template: "<section\r\n[style.display]=\"isVisible ? '':'none'\"\r\n>\r\n    <form\r\n    [style.padding]=\"configModel.BtnsFontSize + 'px ' + configModel.BtnsFontSize*2 + 'px'\"\r\n    [style.border-radius]=\"configModel.BtnsFontSize * 0.8 +'px'\"\r\n    >\r\n        <p\r\n        [style.font-family]=\"'Arial'\"\r\n        [style.font-size]=\"configModel.BtnsFontSize + 'px'\"\r\n        >{{configModel.ModalMessage}}</p>\r\n        <div class=\"btns-container\"\r\n        [style.padding-top]=\"configModel.BtnsFontSize*2 + 'px'\"\r\n        >\r\n        @if(!configModel.OnlyOkButtonEnabled){\r\n            <app-button\r\n            [style.margin-right]=\"configModel.BtnsFontSize*2 + 'px'\"\r\n                [name]=\"configModel.BtnCancelName\"\r\n                [_ButtonType]=\"ButtonTypes.Button\"\r\n                [_BorderRadius]=\"200\"\r\n                [_Width]=\"configModel.BtnCancelWidth\"\r\n                [_Height]=\"configModel.BtnCancelHeight\"\r\n                [BackGroundColorNormal]=\"''\"\r\n                [BackGroundColorHover]=\"''\"\r\n                [_IconEnabled]=\"false\"\r\n                [_Icon]=\"ButtonIcons.AddFile\"\r\n                [IconOrientation]=\"ButtonIconPositions.Top\"\r\n                [_IconDistanceFromText]=\"15\"\r\n                [IconColorNormal]=\"'rgb(231, 230, 230)'\"\r\n                [IconColorHover]=\"'rgb(249, 249, 249)'\"\r\n                [_TextEnabled]=\"true\"\r\n                [_Text]=\"configModel.BtnCancelText\"\r\n                [TextColorNormal]=\"'black'\"\r\n                [TextColorHover]=\"'black'\"\r\n                [_TextFontFamily]=\"'Arial'\"\r\n                [_FontWeight]=\"ButtonFontWeights.Regular\"\r\n                [_FontSize]=\"configModel.BtnsFontSize\"\r\n            />\r\n        }\r\n            <app-button\r\n                [name]=\"configModel.BtnOkName\"\r\n                [_ButtonType]=\"ButtonTypes.Button\"\r\n                [_BorderRadius]=\"200\"\r\n                [_Width]=\"configModel.BtnOkWidth\"\r\n                [_Height]=\"configModel.BtnOkHeight\"\r\n                [BackGroundColorNormal]=\"'#056CF2'\"\r\n                [BackGroundColorHover]=\"'#3281e9'\"\r\n                [_IconEnabled]=\"false\"\r\n                [_Icon]=\"ButtonIcons.AddFile\"\r\n                [IconOrientation]=\"ButtonIconPositions.Top\"\r\n                [_IconDistanceFromText]=\"15\"\r\n                [IconColorNormal]=\"'var(--azulEscuro)'\"\r\n                [IconColorHover]=\"'var(--azulEscuro)'\"\r\n                [_TextEnabled]=\"true\"\r\n                [_Text]=\"configModel.BtnOkText\"\r\n                [TextColorNormal]=\"'white'\"\r\n                [TextColorHover]=\"'white'\"\r\n                [_TextFontFamily]=\"'Arial'\"\r\n                [_FontWeight]=\"ButtonFontWeights.Regular\"\r\n                [_FontSize]=\"configModel.BtnsFontSize\"\r\n            />\r\n        </div>\r\n        \r\n    </form>\r\n</section>\r\n", styles: ["section{position:fixed;z-index:1000;width:100vw;height:100vh;background:transparent;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(3.6px);-webkit-backdrop-filter:blur(3.6px);display:flex;align-items:start;justify-content:center}section>form{background-color:#fff;display:flex;flex-direction:column;box-shadow:#0000003d 0 3px 8px;width:40%}section>form>.btns-container{display:flex;align-items:center;justify-content:end}@media (max-width: 1024px){section>form{width:60%}}@media (max-width: 500px){section>form{width:70%}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "app-button", inputs: ["_ButtonType", "_BorderRadius", "_Width", "_Height", "_Icon", "_IconDistanceFromText", "_IconEnabled", "_Text", "_FontSize", "_FontWeight", "_TextFontFamily", "_TextEnabled", "name", "BackGroundColorNormal", "BackGroundColorHover", "IconColorNormal", "IconColorHover", "TextColorNormal", "TextColorHover", "IconOrientation"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.0", type: ModalComponent, isStandalone: true, selector: "app-modal", ngImport: i0, template: "<section\r\n[style.display]=\"isVisible ? '':'none'\"\r\n>\r\n    <form\r\n    [style.padding]=\"configModel.BtnsFontSize + 'px ' + configModel.BtnsFontSize*2 + 'px'\"\r\n    [style.border-radius]=\"configModel.BtnsFontSize * 0.8 +'px'\"\r\n    >\r\n        <p\r\n        [style.font-family]=\"'Arial'\"\r\n        [style.font-size]=\"configModel.BtnsFontSize + 'px'\"\r\n        >{{configModel.ModalMessage}}</p>\r\n        <div class=\"btns-container\"\r\n        [style.padding-top]=\"configModel.BtnsFontSize*2 + 'px'\"\r\n        >\r\n        @if(!configModel.OnlyOkButtonEnabled){\r\n            <app-button\r\n            [style.margin-right]=\"configModel.BtnsFontSize*2 + 'px'\"\r\n                [name]=\"configModel.BtnCancelName\"\r\n            />\r\n        }\r\n            <app-button\r\n                [name]=\"configModel.BtnOkName\"\r\n            />\r\n        </div>\r\n        \r\n    </form>\r\n</section>\r\n", styles: ["section{position:fixed;z-index:1000;width:100vw;height:100vh;background:transparent;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(3.6px);-webkit-backdrop-filter:blur(3.6px);display:flex;align-items:start;justify-content:center}section>form{background-color:#fff;display:flex;flex-direction:column;box-shadow:#0000003d 0 3px 8px;width:40%}section>form>.btns-container{display:flex;align-items:center;justify-content:end}@media (max-width: 1024px){section>form{width:60%}}@media (max-width: 500px){section>form{width:70%}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "app-button", inputs: ["name"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-modal', imports: [ButtonComponent], template: "<section\r\n[style.display]=\"isVisible ? '':'none'\"\r\n>\r\n    <form\r\n    [style.padding]=\"configModel.BtnsFontSize + 'px ' + configModel.BtnsFontSize*2 + 'px'\"\r\n    [style.border-radius]=\"configModel.BtnsFontSize * 0.8 +'px'\"\r\n    >\r\n        <p\r\n        [style.font-family]=\"'Arial'\"\r\n        [style.font-size]=\"configModel.BtnsFontSize + 'px'\"\r\n        >{{configModel.ModalMessage}}</p>\r\n        <div class=\"btns-container\"\r\n        [style.padding-top]=\"configModel.BtnsFontSize*2 + 'px'\"\r\n        >\r\n        @if(!configModel.OnlyOkButtonEnabled){\r\n            <app-button\r\n            [style.margin-right]=\"configModel.BtnsFontSize*2 + 'px'\"\r\n                [name]=\"configModel.BtnCancelName\"\r\n                [_ButtonType]=\"ButtonTypes.Button\"\r\n                [_BorderRadius]=\"200\"\r\n                [_Width]=\"configModel.BtnCancelWidth\"\r\n                [_Height]=\"configModel.BtnCancelHeight\"\r\n                [BackGroundColorNormal]=\"''\"\r\n                [BackGroundColorHover]=\"''\"\r\n                [_IconEnabled]=\"false\"\r\n                [_Icon]=\"ButtonIcons.AddFile\"\r\n                [IconOrientation]=\"ButtonIconPositions.Top\"\r\n                [_IconDistanceFromText]=\"15\"\r\n                [IconColorNormal]=\"'rgb(231, 230, 230)'\"\r\n                [IconColorHover]=\"'rgb(249, 249, 249)'\"\r\n                [_TextEnabled]=\"true\"\r\n                [_Text]=\"configModel.BtnCancelText\"\r\n                [TextColorNormal]=\"'black'\"\r\n                [TextColorHover]=\"'black'\"\r\n                [_TextFontFamily]=\"'Arial'\"\r\n                [_FontWeight]=\"ButtonFontWeights.Regular\"\r\n                [_FontSize]=\"configModel.BtnsFontSize\"\r\n            />\r\n        }\r\n            <app-button\r\n                [name]=\"configModel.BtnOkName\"\r\n                [_ButtonType]=\"ButtonTypes.Button\"\r\n                [_BorderRadius]=\"200\"\r\n                [_Width]=\"configModel.BtnOkWidth\"\r\n                [_Height]=\"configModel.BtnOkHeight\"\r\n                [BackGroundColorNormal]=\"'#056CF2'\"\r\n                [BackGroundColorHover]=\"'#3281e9'\"\r\n                [_IconEnabled]=\"false\"\r\n                [_Icon]=\"ButtonIcons.AddFile\"\r\n                [IconOrientation]=\"ButtonIconPositions.Top\"\r\n                [_IconDistanceFromText]=\"15\"\r\n                [IconColorNormal]=\"'var(--azulEscuro)'\"\r\n                [IconColorHover]=\"'var(--azulEscuro)'\"\r\n                [_TextEnabled]=\"true\"\r\n                [_Text]=\"configModel.BtnOkText\"\r\n                [TextColorNormal]=\"'white'\"\r\n                [TextColorHover]=\"'white'\"\r\n                [_TextFontFamily]=\"'Arial'\"\r\n                [_FontWeight]=\"ButtonFontWeights.Regular\"\r\n                [_FontSize]=\"configModel.BtnsFontSize\"\r\n            />\r\n        </div>\r\n        \r\n    </form>\r\n</section>\r\n", styles: ["section{position:fixed;z-index:1000;width:100vw;height:100vh;background:transparent;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(3.6px);-webkit-backdrop-filter:blur(3.6px);display:flex;align-items:start;justify-content:center}section>form{background-color:#fff;display:flex;flex-direction:column;box-shadow:#0000003d 0 3px 8px;width:40%}section>form>.btns-container{display:flex;align-items:center;justify-content:end}@media (max-width: 1024px){section>form{width:60%}}@media (max-width: 500px){section>form{width:70%}}\n"] }]
+            args: [{ selector: 'app-modal', imports: [ButtonComponent], template: "<section\r\n[style.display]=\"isVisible ? '':'none'\"\r\n>\r\n    <form\r\n    [style.padding]=\"configModel.BtnsFontSize + 'px ' + configModel.BtnsFontSize*2 + 'px'\"\r\n    [style.border-radius]=\"configModel.BtnsFontSize * 0.8 +'px'\"\r\n    >\r\n        <p\r\n        [style.font-family]=\"'Arial'\"\r\n        [style.font-size]=\"configModel.BtnsFontSize + 'px'\"\r\n        >{{configModel.ModalMessage}}</p>\r\n        <div class=\"btns-container\"\r\n        [style.padding-top]=\"configModel.BtnsFontSize*2 + 'px'\"\r\n        >\r\n        @if(!configModel.OnlyOkButtonEnabled){\r\n            <app-button\r\n            [style.margin-right]=\"configModel.BtnsFontSize*2 + 'px'\"\r\n                [name]=\"configModel.BtnCancelName\"\r\n            />\r\n        }\r\n            <app-button\r\n                [name]=\"configModel.BtnOkName\"\r\n            />\r\n        </div>\r\n        \r\n    </form>\r\n</section>\r\n", styles: ["section{position:fixed;z-index:1000;width:100vw;height:100vh;background:transparent;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(3.6px);-webkit-backdrop-filter:blur(3.6px);display:flex;align-items:start;justify-content:center}section>form{background-color:#fff;display:flex;flex-direction:column;box-shadow:#0000003d 0 3px 8px;width:40%}section>form>.btns-container{display:flex;align-items:center;justify-content:end}@media (max-width: 1024px){section>form{width:60%}}@media (max-width: 500px){section>form{width:70%}}\n"] }]
         }] });
 
-var ModalIconsEnum;
-(function (ModalIconsEnum) {
-    ModalIconsEnum["AddFile"] = "fi fi-rr-add-document";
-    ModalIconsEnum["AddUser"] = "fi fi-sr-user-add";
-    ModalIconsEnum["Alert"] = "fi fi-sr-exclamation";
-    ModalIconsEnum["Camera"] = "fi fi-rr-camera";
-    ModalIconsEnum["Close"] = "fi fi-br-cross";
-    ModalIconsEnum["Company"] = "fi fi-rs-building";
-    ModalIconsEnum["Delete"] = "fi fi-sr-trash";
-    ModalIconsEnum["Done_Fill"] = "fi fi-sr-octagon-check";
-    ModalIconsEnum["Done_OutLine"] = "fi fi-rr-check-circle";
-    ModalIconsEnum["Doing_Pending_Fill"] = "fi fi-ss-duration-alt";
-    ModalIconsEnum["Doing_Pending_Outline"] = "fi fi-br-duration-alt";
-    ModalIconsEnum["DowloadFile"] = "fi fi-sr-file-download";
-    ModalIconsEnum["Edit"] = "fi fi-sr-pencil";
-    ModalIconsEnum["EyeClose"] = "fi fi-ss-eye-crossed";
-    ModalIconsEnum["EyeOpen"] = "fi fi-ss-eye";
-    ModalIconsEnum["Hamburger"] = "fi fi-br-menu-burger";
-    ModalIconsEnum["Home"] = "fi fi-sr-home";
-    ModalIconsEnum["ItemClosed"] = "fi fi-tr-caret-down";
-    ModalIconsEnum["ItemOpenned"] = "fi fi-rr-caret-down";
-    ModalIconsEnum["Key"] = "fi fi-sr-key";
-    ModalIconsEnum["Lubrificacao"] = "fi fi-rr-oil-can";
-    ModalIconsEnum["NoteBook"] = "fi fi-br-notebook-alt";
-    ModalIconsEnum["NotDone"] = "fi fi-sr-cross-circle";
-    ModalIconsEnum["PageGoBack"] = "fi fi-rr-angle-circle-left";
-    ModalIconsEnum["PDFFile"] = "fi fi-sr-file-pdf";
-    ModalIconsEnum["Phone"] = "fi fi-sr-phone-call";
-    ModalIconsEnum["Refresh"] = "fi fi-rr-rotate-right";
-    ModalIconsEnum["Rotas"] = "fi fi-br-route";
-    ModalIconsEnum["User"] = "fi fi-sr-user";
-})(ModalIconsEnum || (ModalIconsEnum = {}));
-
 /*
  * Public API Surface of lightning-tec-br-angular-components
  */
@@ -1326,5 +1156,5 @@ var ModalIconsEnum;
  * Generated bundle index. Do not edit.
  */
 
-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, ListItemStateModel, ModalComponent, ModalIconsEnum, ModalModel, ModalService, TableComponent, TableFontWeights, TableModel, TableModes, TableService };
+export { AlertComponent, AlertModel, AlertService, AlertTypesEnum, ButtonComponent, ButtonConfigModel, ButtonFontWeights, ButtonIconPositionEnum, ButtonService, ButtonTypeEnum, FormFielTxtModel, FormFieldComboModel, FormFieldComponent, FormFieldCountryDataFormat, FormFieldFontWeights, FormFieldModel, FormFieldService, FormFieldTxtInputTypesEnum, FormFieldTypes, IconsEnum, LabelComponent, LabelFontWeights, LabelIconPositionEnum, LabelModel, LabelService, ListItemComponent, ListItemFontWeights, ListItemModel, ListItemPositions, ListItemService, ListItemStateModel, ModalComponent, ModalModel, ModalService, TableComponent, TableFontWeights, TableModel, TableModes, TableService };
 //# sourceMappingURL=lightning-tec-br-angular-components.mjs.map