lightning-tec-br-angular-components 2.18.21 → 2.18.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -389,11 +389,11 @@ class FormFieldComponent {
|
|
|
389
389
|
}
|
|
390
390
|
}
|
|
391
391
|
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 }); }
|
|
392
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.0", type: FormFieldComponent, isStandalone: true, selector: "app-form-field", inputs: { Name: { classPropertyName: "Name", publicName: "Name", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if(FieldType == FormFieldTypes.TxtBox){\r\n\r\n <div class=\"container\" \r\n [style.width]=\"_Width +'px'\"\r\n [style.height]=\"_Height +'px'\"\r\n [style.border-radius]=\" _BorderRadius +'px'\"\r\n [style.border]=\"_Border\"\r\n [ngStyle]=\" _BoxShadowsEnabled ?\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.Value\"\r\n (ngModelChange)=\"onValueChanged()\"\r\n prefix=\"{{NumberMaskPrefix}}\"\r\n suffix=\"{{Sufixo}}\"\r\n mask=\"{{Mask}}\"\r\n [showMaskTyped]=\"showMaskTyped\"\r\n [allowNegativeNumbers]=\"TxtInputType == FormFieldTxtInputTypesEnum.Number ? true : false\"\r\n thousandSeparator=\"{{thousandSeparator}}\"\r\n (keydown.enter)=\"enterPressed()\"\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.margin-left]=\"(_FontSize*0.500) +'px'\"\r\n [style.margin-right]=\"(_FontSize*0.500) +'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.background-color]=\"dropdownIsOpen ? 'rgba(161, 167, 172, 0.133)' : ''\"\r\n [style.width]=\"_Width +'px'\"\r\n [style.height]=\"_Height +'px'\"\r\n [style.padding]=\"(_FontSize*0.4) +'px' + ' ' + (_FontSize*0.8) +'px'\" \r\n [style.border-radius]=\" _BorderRadius +'px'\"\r\n [style.border]=\"_Border\"\r\n [ngStyle]=\" _BoxShadowsEnabled ?\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 <header\r\n (click)=\"onClick()\"\r\n id=\"header33319987\"\r\n >\r\n <div\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 class=\"selected-option\">\r\n {{ this.Value || 'Selecione...' }}\r\n </div>\r\n <i \r\n [style.transform]=\"dropdownIsOpen ? '' : 'rotate(90deg)'\"\r\n [style.font-size]=\"(_FontSize)+'px'\"\r\n class=\"{{IconsEnum.Arrow}}\"></i>\r\n </header>\r\n\r\n <div \r\n tabindex=\"0\"\r\n (blur)=\"onExit()\"\r\n [style.width]=\"_Width +'px'\"\r\n [style.padding]=\"(_FontSize*0.4) +'px' + ' ' + (_FontSize*0.8) +'px'\"\r\n [style.display]=\"dropdownIsOpen ? '' : 'none'\"\r\n class=\"dropdown\">\r\n <div class=\"search-cont\">\r\n <i \r\n class=\"{{IconsEnum.Search}}\"></i>\r\n <input\r\n type=\"text\"\r\n [(ngModel)]=\"filtro\"\r\n placeholder=\"Buscar...\"\r\n (ngModelChange)=\"filtrarOpcoes()\"\r\n />\r\n </div>\r\n @for(option of this._OptionsFiltered ; track option.id){\r\n <div\r\n (click)=\"optionClicked(option)\" \r\n [style.height]=\"(_FontSize * 2.5)+'px'\"\r\n class=\"option-cont\">\r\n <p\r\n\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 >{{option.value}}</p>\r\n </div>\r\n }\r\n </div>\r\n \r\n\r\n </div>\r\n}\r\n\r\n\r\n\r\n\r\n\r\n", styles: ["::-webkit-scrollbar{width:2px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808069;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#808080af;cursor:pointer}input:focus,select:focus,textarea:focus,button:focus{outline:none}:host{display:inline-block}.container{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;cursor:pointer;transition:1s;position:relative}.container>input{width:100%;height:80%;background-color:transparent}.container>header{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.container>header>.selected-option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.container>header>i{line-height:0;transition:.2s}.container>.dropdown{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;background-color:#fff;left:0;top:100%;z-index:99999;border:1px solid rgba(128,128,128,.275);max-height:200px;overflow-y:auto}.container>.dropdown>.search-cont{display:flex;align-items:center;gap:5px;border:1px solid gray;box-sizing:border-box;padding:2px;border-radius:3px}.container>.dropdown>.search-cont>i{font-size:12px;line-height:0}.container>.dropdown>.search-cont>input{width:calc(100% -
|
|
392
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.0", type: FormFieldComponent, isStandalone: true, selector: "app-form-field", inputs: { Name: { classPropertyName: "Name", publicName: "Name", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if(FieldType == FormFieldTypes.TxtBox){\r\n\r\n <div class=\"container\" \r\n [style.width]=\"_Width +'px'\"\r\n [style.height]=\"_Height +'px'\"\r\n [style.border-radius]=\" _BorderRadius +'px'\"\r\n [style.border]=\"_Border\"\r\n [ngStyle]=\" _BoxShadowsEnabled ?\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.Value\"\r\n (ngModelChange)=\"onValueChanged()\"\r\n prefix=\"{{NumberMaskPrefix}}\"\r\n suffix=\"{{Sufixo}}\"\r\n mask=\"{{Mask}}\"\r\n [showMaskTyped]=\"showMaskTyped\"\r\n [allowNegativeNumbers]=\"TxtInputType == FormFieldTxtInputTypesEnum.Number ? true : false\"\r\n thousandSeparator=\"{{thousandSeparator}}\"\r\n (keydown.enter)=\"enterPressed()\"\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.margin-left]=\"(_FontSize*0.500) +'px'\"\r\n [style.margin-right]=\"(_FontSize*0.500) +'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.background-color]=\"dropdownIsOpen ? 'rgba(161, 167, 172, 0.133)' : ''\"\r\n [style.width]=\"_Width +'px'\"\r\n [style.height]=\"_Height +'px'\"\r\n [style.padding]=\"(_FontSize*0.4) +'px' + ' ' + (_FontSize*0.8) +'px'\" \r\n [style.border-radius]=\" _BorderRadius +'px'\"\r\n [style.border]=\"_Border\"\r\n [ngStyle]=\" _BoxShadowsEnabled ?\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 <header\r\n (click)=\"onClick()\"\r\n id=\"header33319987\"\r\n >\r\n <div\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 class=\"selected-option\">\r\n {{ this.Value || 'Selecione...' }}\r\n </div>\r\n <i \r\n [style.transform]=\"dropdownIsOpen ? '' : 'rotate(90deg)'\"\r\n [style.font-size]=\"(_FontSize)+'px'\"\r\n class=\"{{IconsEnum.Arrow}}\"></i>\r\n </header>\r\n\r\n <div \r\n tabindex=\"0\"\r\n (blur)=\"onExit()\"\r\n [style.width]=\"_Width +'px'\"\r\n [style.padding]=\"(_FontSize*0.4) +'px' + ' ' + (_FontSize*0.8) +'px'\"\r\n [style.display]=\"dropdownIsOpen ? '' : 'none'\"\r\n class=\"dropdown\">\r\n <div class=\"search-cont\">\r\n <i \r\n class=\"{{IconsEnum.Search}}\"></i>\r\n <input\r\n type=\"text\"\r\n [(ngModel)]=\"filtro\"\r\n placeholder=\"Buscar...\"\r\n (ngModelChange)=\"filtrarOpcoes()\"\r\n />\r\n </div>\r\n @for(option of this._OptionsFiltered ; track option.id){\r\n <div\r\n (click)=\"optionClicked(option)\" \r\n [style.height]=\"(_FontSize * 2.5)+'px'\"\r\n class=\"option-cont\">\r\n <p\r\n\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 >{{option.value}}</p>\r\n </div>\r\n }\r\n </div>\r\n \r\n\r\n </div>\r\n}\r\n\r\n\r\n\r\n\r\n\r\n", styles: ["::-webkit-scrollbar{width:2px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808069;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#808080af;cursor:pointer}input:focus,select:focus,textarea:focus,button:focus{outline:none}:host{display:inline-block}.container{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;cursor:pointer;transition:1s;position:relative}.container>input{width:100%;height:80%;background-color:transparent}.container>header{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.container>header>.selected-option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.container>header>i{line-height:0;transition:.2s}.container>.dropdown{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;background-color:#fff;left:0;top:100%;z-index:99999;border:1px solid rgba(128,128,128,.275);max-height:200px;overflow-y:auto}.container>.dropdown>.search-cont{display:flex;align-items:center;gap:5px;border:1px solid gray;box-sizing:border-box;padding:2px;border-radius:3px}.container>.dropdown>.search-cont>i{font-size:12px;line-height:0}.container>.dropdown>.search-cont>input{width:calc(100% - 14px);border:none}.container>.dropdown>.option-cont{display:flex;align-items:center;justify-content:flex-start}.container>.dropdown>.option-cont>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.container>.dropdown>.option-cont:hover{background-color:#a1a7ac22}\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: "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"] }] }); }
|
|
393
393
|
}
|
|
394
394
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: FormFieldComponent, decorators: [{
|
|
395
395
|
type: Component,
|
|
396
|
-
args: [{ selector: 'app-form-field', standalone: true, imports: [FormsModule, CommonModule, i3.NgxMaskDirective], template: "@if(FieldType == FormFieldTypes.TxtBox){\r\n\r\n <div class=\"container\" \r\n [style.width]=\"_Width +'px'\"\r\n [style.height]=\"_Height +'px'\"\r\n [style.border-radius]=\" _BorderRadius +'px'\"\r\n [style.border]=\"_Border\"\r\n [ngStyle]=\" _BoxShadowsEnabled ?\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.Value\"\r\n (ngModelChange)=\"onValueChanged()\"\r\n prefix=\"{{NumberMaskPrefix}}\"\r\n suffix=\"{{Sufixo}}\"\r\n mask=\"{{Mask}}\"\r\n [showMaskTyped]=\"showMaskTyped\"\r\n [allowNegativeNumbers]=\"TxtInputType == FormFieldTxtInputTypesEnum.Number ? true : false\"\r\n thousandSeparator=\"{{thousandSeparator}}\"\r\n (keydown.enter)=\"enterPressed()\"\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.margin-left]=\"(_FontSize*0.500) +'px'\"\r\n [style.margin-right]=\"(_FontSize*0.500) +'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.background-color]=\"dropdownIsOpen ? 'rgba(161, 167, 172, 0.133)' : ''\"\r\n [style.width]=\"_Width +'px'\"\r\n [style.height]=\"_Height +'px'\"\r\n [style.padding]=\"(_FontSize*0.4) +'px' + ' ' + (_FontSize*0.8) +'px'\" \r\n [style.border-radius]=\" _BorderRadius +'px'\"\r\n [style.border]=\"_Border\"\r\n [ngStyle]=\" _BoxShadowsEnabled ?\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 <header\r\n (click)=\"onClick()\"\r\n id=\"header33319987\"\r\n >\r\n <div\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 class=\"selected-option\">\r\n {{ this.Value || 'Selecione...' }}\r\n </div>\r\n <i \r\n [style.transform]=\"dropdownIsOpen ? '' : 'rotate(90deg)'\"\r\n [style.font-size]=\"(_FontSize)+'px'\"\r\n class=\"{{IconsEnum.Arrow}}\"></i>\r\n </header>\r\n\r\n <div \r\n tabindex=\"0\"\r\n (blur)=\"onExit()\"\r\n [style.width]=\"_Width +'px'\"\r\n [style.padding]=\"(_FontSize*0.4) +'px' + ' ' + (_FontSize*0.8) +'px'\"\r\n [style.display]=\"dropdownIsOpen ? '' : 'none'\"\r\n class=\"dropdown\">\r\n <div class=\"search-cont\">\r\n <i \r\n class=\"{{IconsEnum.Search}}\"></i>\r\n <input\r\n type=\"text\"\r\n [(ngModel)]=\"filtro\"\r\n placeholder=\"Buscar...\"\r\n (ngModelChange)=\"filtrarOpcoes()\"\r\n />\r\n </div>\r\n @for(option of this._OptionsFiltered ; track option.id){\r\n <div\r\n (click)=\"optionClicked(option)\" \r\n [style.height]=\"(_FontSize * 2.5)+'px'\"\r\n class=\"option-cont\">\r\n <p\r\n\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 >{{option.value}}</p>\r\n </div>\r\n }\r\n </div>\r\n \r\n\r\n </div>\r\n}\r\n\r\n\r\n\r\n\r\n\r\n", styles: ["::-webkit-scrollbar{width:2px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808069;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#808080af;cursor:pointer}input:focus,select:focus,textarea:focus,button:focus{outline:none}:host{display:inline-block}.container{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;cursor:pointer;transition:1s;position:relative}.container>input{width:100%;height:80%;background-color:transparent}.container>header{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.container>header>.selected-option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.container>header>i{line-height:0;transition:.2s}.container>.dropdown{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;background-color:#fff;left:0;top:100%;z-index:99999;border:1px solid rgba(128,128,128,.275);max-height:200px;overflow-y:auto}.container>.dropdown>.search-cont{display:flex;align-items:center;gap:5px;border:1px solid gray;box-sizing:border-box;padding:2px;border-radius:3px}.container>.dropdown>.search-cont>i{font-size:12px;line-height:0}.container>.dropdown>.search-cont>input{width:calc(100% -
|
|
396
|
+
args: [{ selector: 'app-form-field', standalone: true, imports: [FormsModule, CommonModule, i3.NgxMaskDirective], template: "@if(FieldType == FormFieldTypes.TxtBox){\r\n\r\n <div class=\"container\" \r\n [style.width]=\"_Width +'px'\"\r\n [style.height]=\"_Height +'px'\"\r\n [style.border-radius]=\" _BorderRadius +'px'\"\r\n [style.border]=\"_Border\"\r\n [ngStyle]=\" _BoxShadowsEnabled ?\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.Value\"\r\n (ngModelChange)=\"onValueChanged()\"\r\n prefix=\"{{NumberMaskPrefix}}\"\r\n suffix=\"{{Sufixo}}\"\r\n mask=\"{{Mask}}\"\r\n [showMaskTyped]=\"showMaskTyped\"\r\n [allowNegativeNumbers]=\"TxtInputType == FormFieldTxtInputTypesEnum.Number ? true : false\"\r\n thousandSeparator=\"{{thousandSeparator}}\"\r\n (keydown.enter)=\"enterPressed()\"\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.margin-left]=\"(_FontSize*0.500) +'px'\"\r\n [style.margin-right]=\"(_FontSize*0.500) +'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.background-color]=\"dropdownIsOpen ? 'rgba(161, 167, 172, 0.133)' : ''\"\r\n [style.width]=\"_Width +'px'\"\r\n [style.height]=\"_Height +'px'\"\r\n [style.padding]=\"(_FontSize*0.4) +'px' + ' ' + (_FontSize*0.8) +'px'\" \r\n [style.border-radius]=\" _BorderRadius +'px'\"\r\n [style.border]=\"_Border\"\r\n [ngStyle]=\" _BoxShadowsEnabled ?\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 <header\r\n (click)=\"onClick()\"\r\n id=\"header33319987\"\r\n >\r\n <div\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 class=\"selected-option\">\r\n {{ this.Value || 'Selecione...' }}\r\n </div>\r\n <i \r\n [style.transform]=\"dropdownIsOpen ? '' : 'rotate(90deg)'\"\r\n [style.font-size]=\"(_FontSize)+'px'\"\r\n class=\"{{IconsEnum.Arrow}}\"></i>\r\n </header>\r\n\r\n <div \r\n tabindex=\"0\"\r\n (blur)=\"onExit()\"\r\n [style.width]=\"_Width +'px'\"\r\n [style.padding]=\"(_FontSize*0.4) +'px' + ' ' + (_FontSize*0.8) +'px'\"\r\n [style.display]=\"dropdownIsOpen ? '' : 'none'\"\r\n class=\"dropdown\">\r\n <div class=\"search-cont\">\r\n <i \r\n class=\"{{IconsEnum.Search}}\"></i>\r\n <input\r\n type=\"text\"\r\n [(ngModel)]=\"filtro\"\r\n placeholder=\"Buscar...\"\r\n (ngModelChange)=\"filtrarOpcoes()\"\r\n />\r\n </div>\r\n @for(option of this._OptionsFiltered ; track option.id){\r\n <div\r\n (click)=\"optionClicked(option)\" \r\n [style.height]=\"(_FontSize * 2.5)+'px'\"\r\n class=\"option-cont\">\r\n <p\r\n\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 >{{option.value}}</p>\r\n </div>\r\n }\r\n </div>\r\n \r\n\r\n </div>\r\n}\r\n\r\n\r\n\r\n\r\n\r\n", styles: ["::-webkit-scrollbar{width:2px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808069;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#808080af;cursor:pointer}input:focus,select:focus,textarea:focus,button:focus{outline:none}:host{display:inline-block}.container{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;cursor:pointer;transition:1s;position:relative}.container>input{width:100%;height:80%;background-color:transparent}.container>header{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.container>header>.selected-option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.container>header>i{line-height:0;transition:.2s}.container>.dropdown{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;background-color:#fff;left:0;top:100%;z-index:99999;border:1px solid rgba(128,128,128,.275);max-height:200px;overflow-y:auto}.container>.dropdown>.search-cont{display:flex;align-items:center;gap:5px;border:1px solid gray;box-sizing:border-box;padding:2px;border-radius:3px}.container>.dropdown>.search-cont>i{font-size:12px;line-height:0}.container>.dropdown>.search-cont>input{width:calc(100% - 14px);border:none}.container>.dropdown>.option-cont{display:flex;align-items:center;justify-content:flex-start}.container>.dropdown>.option-cont>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.container>.dropdown>.option-cont:hover{background-color:#a1a7ac22}\n"] }]
|
|
397
397
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });
|
|
398
398
|
|
|
399
399
|
var ButtonTypeEnum;
|