@rededor/site-front-end-lib 1.3.72 → 1.3.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/index.mjs +2 -1
- package/esm2022/lib/components/input-file/input-file.component.mjs +301 -0
- package/fesm2022/rededor-site-front-end-lib.mjs +297 -1
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/input-file/input-file.component.d.ts +88 -0
- package/package.json +1 -1
|
@@ -5366,6 +5366,302 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5366
5366
|
type: Input
|
|
5367
5367
|
}] } });
|
|
5368
5368
|
|
|
5369
|
+
class InputFileComponent {
|
|
5370
|
+
get style() {
|
|
5371
|
+
const weights = this.curaService.getFontWeights();
|
|
5372
|
+
return {
|
|
5373
|
+
'--primary-base': this.curaService.getColor('primary-base'),
|
|
5374
|
+
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
5375
|
+
'--neutral-white': this.curaService.getColor('neutral-white'),
|
|
5376
|
+
'--neutral-black': this.curaService.getColor('neutral-black'),
|
|
5377
|
+
'--neutral-medium': this.curaService.getColor('neutral-medium'),
|
|
5378
|
+
'--neutral-base': this.curaService.getColor('neutral-base'),
|
|
5379
|
+
'--neutral-dark': this.curaService.getColor('neutral-dark'),
|
|
5380
|
+
'--success-dark': this.curaService.getColor('success-dark'),
|
|
5381
|
+
'--success-darker': this.curaService.getColor('success-darker'),
|
|
5382
|
+
'--success-lighter': this.curaService.getColor('success-lighter'),
|
|
5383
|
+
'--error-lighter': this.curaService.getColor('error-lighter'),
|
|
5384
|
+
'--error-dark': this.curaService.getColor('error-dark'),
|
|
5385
|
+
'--error-darker': this.curaService.getColor('error-darker'),
|
|
5386
|
+
'--error-base': this.curaService.getColor('error-base'),
|
|
5387
|
+
'--info-base': this.curaService.getColor('info-base'),
|
|
5388
|
+
'--font-size': this.curaService.getFontSize(),
|
|
5389
|
+
'--font-color': this.curaService.getFontColor(),
|
|
5390
|
+
'--font-family': this.curaService.getFontFamily(''),
|
|
5391
|
+
'--font-weight-medium': weights['medium'],
|
|
5392
|
+
'--font-weight-bold': weights['bold'],
|
|
5393
|
+
'--font-weight-regular': weights['regular'],
|
|
5394
|
+
};
|
|
5395
|
+
}
|
|
5396
|
+
constructor(curaService) {
|
|
5397
|
+
this.curaService = curaService;
|
|
5398
|
+
this.status = 'default';
|
|
5399
|
+
this.size = 'medium';
|
|
5400
|
+
this.label = '';
|
|
5401
|
+
this.name = '';
|
|
5402
|
+
this.placeholder = 'Nenhum arquivo selecionado';
|
|
5403
|
+
this.accept = '';
|
|
5404
|
+
this.multiple = false;
|
|
5405
|
+
this.disabled = false;
|
|
5406
|
+
this.required = false;
|
|
5407
|
+
this.iconName = '';
|
|
5408
|
+
this.hideErrorIcon = false;
|
|
5409
|
+
this.isLoading = false;
|
|
5410
|
+
this.helperText = '';
|
|
5411
|
+
this.fileChange = new EventEmitter();
|
|
5412
|
+
this.fileClear = new EventEmitter();
|
|
5413
|
+
this.fileRejected = new EventEmitter();
|
|
5414
|
+
this.fileSizeExceeded = new EventEmitter();
|
|
5415
|
+
this.filePickerCancel = new EventEmitter();
|
|
5416
|
+
this.fileName = '';
|
|
5417
|
+
this.acceptError = false;
|
|
5418
|
+
this.sizeError = false;
|
|
5419
|
+
this.isHovered = false;
|
|
5420
|
+
this.isFocused = false;
|
|
5421
|
+
}
|
|
5422
|
+
ngAfterViewInit() {
|
|
5423
|
+
this.cancelListener = () => this.handlePickerCancel();
|
|
5424
|
+
this.inputRef?.nativeElement?.addEventListener('cancel', this.cancelListener);
|
|
5425
|
+
}
|
|
5426
|
+
ngOnDestroy() {
|
|
5427
|
+
if (this.cancelListener) {
|
|
5428
|
+
this.inputRef?.nativeElement?.removeEventListener('cancel', this.cancelListener);
|
|
5429
|
+
}
|
|
5430
|
+
}
|
|
5431
|
+
get effectiveStatus() {
|
|
5432
|
+
return this.acceptError || this.sizeError ? 'error' : this.status;
|
|
5433
|
+
}
|
|
5434
|
+
get showIcon() {
|
|
5435
|
+
const hasInternalError = this.acceptError || this.sizeError;
|
|
5436
|
+
if (this.iconName === '' && this.status === 'default' && !hasInternalError)
|
|
5437
|
+
return false;
|
|
5438
|
+
if (this.status === 'error' && this.hideErrorIcon && !hasInternalError)
|
|
5439
|
+
return false;
|
|
5440
|
+
return true;
|
|
5441
|
+
}
|
|
5442
|
+
get iconConfig() {
|
|
5443
|
+
const hasInternalError = this.acceptError || this.sizeError;
|
|
5444
|
+
const effectiveStatus = hasInternalError ? 'error' : this.status;
|
|
5445
|
+
const iconMap = {
|
|
5446
|
+
loading: { name: this.iconName || '', color: 'primary-base' },
|
|
5447
|
+
success: { name: 'checkCircle', color: 'success-dark' },
|
|
5448
|
+
error: { name: 'alertCircle', color: 'error-dark' },
|
|
5449
|
+
default: { name: this.iconName || '', color: 'neutral-dark' },
|
|
5450
|
+
disabled: { name: this.iconName || '', color: 'neutral-medium' },
|
|
5451
|
+
};
|
|
5452
|
+
const key = this.isLoading ? 'loading' : this.disabled ? 'disabled' : effectiveStatus || 'default';
|
|
5453
|
+
return iconMap[key];
|
|
5454
|
+
}
|
|
5455
|
+
get iconSize() {
|
|
5456
|
+
return this.size === 'large' ? 20 : 16;
|
|
5457
|
+
}
|
|
5458
|
+
get helperTextSize() {
|
|
5459
|
+
return this.size === 'large' ? 'small' : 'xsmall';
|
|
5460
|
+
}
|
|
5461
|
+
get helperTextColor() {
|
|
5462
|
+
const hasInternalError = this.acceptError || this.sizeError;
|
|
5463
|
+
const isError = this.status === 'error' || hasInternalError;
|
|
5464
|
+
const isSuccess = this.status === 'success' && !hasInternalError;
|
|
5465
|
+
if (isError)
|
|
5466
|
+
return 'error-dark';
|
|
5467
|
+
if (isSuccess)
|
|
5468
|
+
return 'success-dark';
|
|
5469
|
+
if (this.isLoading)
|
|
5470
|
+
return 'primary-base';
|
|
5471
|
+
return this.disabled ? 'neutral-medium' : this.isFocused || this.isHovered ? 'neutral-black' : 'neutral-dark';
|
|
5472
|
+
}
|
|
5473
|
+
getClasses() {
|
|
5474
|
+
return {
|
|
5475
|
+
[this.size.toLowerCase()]: true,
|
|
5476
|
+
disabled: !!this.disabled,
|
|
5477
|
+
isLoading: !!this.isLoading,
|
|
5478
|
+
isFocused: this.isFocused && !this.disabled && !this.isLoading,
|
|
5479
|
+
isHovered: this.isHovered,
|
|
5480
|
+
[this.effectiveStatus]: true,
|
|
5481
|
+
};
|
|
5482
|
+
}
|
|
5483
|
+
getLabelColor() {
|
|
5484
|
+
if (this.disabled)
|
|
5485
|
+
return 'neutral-medium';
|
|
5486
|
+
if (this.isFocused || this.isHovered)
|
|
5487
|
+
return 'neutral-black';
|
|
5488
|
+
return 'neutral-dark';
|
|
5489
|
+
}
|
|
5490
|
+
handleMouseEnter() {
|
|
5491
|
+
this.isHovered = true;
|
|
5492
|
+
}
|
|
5493
|
+
handleMouseLeave() {
|
|
5494
|
+
this.isHovered = false;
|
|
5495
|
+
}
|
|
5496
|
+
handleInputFocus() {
|
|
5497
|
+
this.isFocused = true;
|
|
5498
|
+
}
|
|
5499
|
+
handleInputBlur() {
|
|
5500
|
+
setTimeout(() => {
|
|
5501
|
+
this.isFocused = false;
|
|
5502
|
+
}, 150);
|
|
5503
|
+
}
|
|
5504
|
+
handleButtonClick() {
|
|
5505
|
+
this.inputRef?.nativeElement?.click();
|
|
5506
|
+
}
|
|
5507
|
+
handlePickerCancel() {
|
|
5508
|
+
this.fileName = '';
|
|
5509
|
+
this.acceptError = false;
|
|
5510
|
+
this.sizeError = false;
|
|
5511
|
+
this.status = 'default';
|
|
5512
|
+
if (this.inputRef?.nativeElement) {
|
|
5513
|
+
this.inputRef.nativeElement.value = '';
|
|
5514
|
+
}
|
|
5515
|
+
this.fileChange.emit(null);
|
|
5516
|
+
this.filePickerCancel.emit();
|
|
5517
|
+
}
|
|
5518
|
+
handleFileChange(event) {
|
|
5519
|
+
const input = event.target;
|
|
5520
|
+
const files = input.files;
|
|
5521
|
+
if (!files?.length) {
|
|
5522
|
+
this.resetState();
|
|
5523
|
+
this.fileChange.emit(null);
|
|
5524
|
+
return;
|
|
5525
|
+
}
|
|
5526
|
+
this.isLoading = true;
|
|
5527
|
+
this.fileName = this.getFileName(files);
|
|
5528
|
+
const validationError = this.validateFiles(files);
|
|
5529
|
+
if (validationError) {
|
|
5530
|
+
this.handleValidationError(validationError);
|
|
5531
|
+
return;
|
|
5532
|
+
}
|
|
5533
|
+
this.handleSuccess(files);
|
|
5534
|
+
}
|
|
5535
|
+
clearFiles() {
|
|
5536
|
+
if (this.disabled)
|
|
5537
|
+
return;
|
|
5538
|
+
if (this.inputRef?.nativeElement)
|
|
5539
|
+
this.inputRef.nativeElement.value = '';
|
|
5540
|
+
this.fileName = '';
|
|
5541
|
+
this.acceptError = false;
|
|
5542
|
+
this.sizeError = false;
|
|
5543
|
+
this.fileClear.emit();
|
|
5544
|
+
this.fileChange.emit(null);
|
|
5545
|
+
}
|
|
5546
|
+
resetState() {
|
|
5547
|
+
this.fileName = '';
|
|
5548
|
+
this.acceptError = false;
|
|
5549
|
+
this.sizeError = false;
|
|
5550
|
+
this.status = 'default';
|
|
5551
|
+
if (this.inputRef?.nativeElement)
|
|
5552
|
+
this.inputRef.nativeElement.value = '';
|
|
5553
|
+
}
|
|
5554
|
+
getFileName(files) {
|
|
5555
|
+
if (!files || files.length === 0)
|
|
5556
|
+
return '';
|
|
5557
|
+
if (files.length === 1)
|
|
5558
|
+
return files[0].name;
|
|
5559
|
+
return Array.from(files)
|
|
5560
|
+
.map((file) => file.name)
|
|
5561
|
+
.join(', ');
|
|
5562
|
+
}
|
|
5563
|
+
isFileAccepted(file) {
|
|
5564
|
+
if (!this.accept?.trim())
|
|
5565
|
+
return true;
|
|
5566
|
+
const acceptedTypes = this.accept.split(',').map((t) => t.trim().toLowerCase());
|
|
5567
|
+
const fileName = file.name.toLowerCase();
|
|
5568
|
+
const fileType = file.type.toLowerCase();
|
|
5569
|
+
return acceptedTypes.some((accepted) => {
|
|
5570
|
+
if (accepted.startsWith('.'))
|
|
5571
|
+
return fileName.endsWith(accepted);
|
|
5572
|
+
if (accepted.endsWith('/*'))
|
|
5573
|
+
return fileType.startsWith(accepted.slice(0, -1));
|
|
5574
|
+
return fileType === accepted;
|
|
5575
|
+
});
|
|
5576
|
+
}
|
|
5577
|
+
isFileSizeValid(file) {
|
|
5578
|
+
if (!this.maxFileSize)
|
|
5579
|
+
return true;
|
|
5580
|
+
return file.size <= this.maxFileSize;
|
|
5581
|
+
}
|
|
5582
|
+
validateFiles(files) {
|
|
5583
|
+
const fileArray = Array.from(files);
|
|
5584
|
+
if (!fileArray.every((file) => this.isFileSizeValid(file)))
|
|
5585
|
+
return 'size';
|
|
5586
|
+
if (!fileArray.every((file) => this.isFileAccepted(file)))
|
|
5587
|
+
return 'accept';
|
|
5588
|
+
return null;
|
|
5589
|
+
}
|
|
5590
|
+
handleValidationError(type) {
|
|
5591
|
+
if (this.inputRef?.nativeElement)
|
|
5592
|
+
this.inputRef.nativeElement.value = '';
|
|
5593
|
+
this.isLoading = false;
|
|
5594
|
+
this.sizeError = type === 'size';
|
|
5595
|
+
this.acceptError = type === 'accept';
|
|
5596
|
+
if (type === 'size') {
|
|
5597
|
+
this.fileSizeExceeded.emit();
|
|
5598
|
+
}
|
|
5599
|
+
else {
|
|
5600
|
+
this.fileRejected.emit();
|
|
5601
|
+
}
|
|
5602
|
+
this.fileChange.emit(null);
|
|
5603
|
+
}
|
|
5604
|
+
handleSuccess(files) {
|
|
5605
|
+
this.acceptError = false;
|
|
5606
|
+
this.sizeError = false;
|
|
5607
|
+
this.fileChange.emit(files);
|
|
5608
|
+
setTimeout(() => {
|
|
5609
|
+
this.isLoading = false;
|
|
5610
|
+
this.status = 'success';
|
|
5611
|
+
}, 500);
|
|
5612
|
+
}
|
|
5613
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputFileComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5614
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputFileComponent, isStandalone: true, selector: "rdsite-input-file", inputs: { status: "status", size: "size", label: "label", name: "name", placeholder: "placeholder", accept: "accept", multiple: "multiple", disabled: "disabled", required: "required", iconName: "iconName", hideErrorIcon: "hideErrorIcon", isLoading: "isLoading", maxFileSize: "maxFileSize", helperText: "helperText" }, outputs: { fileChange: "fileChange", fileClear: "fileClear", fileRejected: "fileRejected", fileSizeExceeded: "fileSizeExceeded", filePickerCancel: "filePickerCancel" }, host: { properties: { "style": "this.style" } }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "<div\n role=\"group\"\n class=\"cura-input-group\"\n [ngClass]=\"getClasses()\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-required]=\"required\"\n [attr.aria-invalid]=\"effectiveStatus === 'error'\"\n (mouseenter)=\"handleMouseEnter()\"\n (mouseleave)=\"handleMouseLeave()\"\n>\n <div class=\"input-wrapper\">\n @if (label) {\n <cura-label class=\"label\" weight=\"bold\" [attr.size]=\"size === 'large' ? 'small' : 'xsmall'\" [attr.color]=\"getLabelColor()\">\n {{ label }}\n @if (required) {\n <span class=\"required\">*</span>\n }\n </cura-label>\n }\n\n <div class=\"cura-input-field\">\n @if (showIcon) {\n <div class=\"feedback-icon\">\n <cura-icon [attr.name]=\"iconConfig.name\" iconset=\"default\" [attr.size]=\"iconSize\" [attr.color]=\"iconConfig.color\"></cura-icon>\n </div>\n }\n\n <button type=\"button\" class=\"file-trigger\" [disabled]=\"disabled || isLoading\" (click)=\"handleButtonClick()\">\n {{ fileName ? fileName : placeholder }}\n </button>\n\n @if (isLoading && !disabled) {\n <cura-loader-circle color=\"primary\" size=\"medium\"></cura-loader-circle>\n }\n\n <input\n #inputRef\n type=\"file\"\n class=\"file-input-hidden\"\n [name]=\"name\"\n [attr.accept]=\"accept || null\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n (change)=\"handleFileChange($event)\"\n (focus)=\"handleInputFocus()\"\n (blur)=\"handleInputBlur()\"\n />\n </div>\n\n @if (helperText) {\n <div class=\"helper-text\">\n <cura-label [attr.size]=\"helperTextSize\" lineheight=\"xsmall\" [attr.color]=\"helperTextColor\">\n {{ helperText }}\n </cura-label>\n </div>\n }\n </div>\n</div>\n", styles: [":host{display:block;box-sizing:border-box;width:100%}.file-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.required{color:var(--error-base)}.cura-input-group{width:100%;text-align:left!important}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;position:relative}.cura-input-group .cura-input-field .feedback-icon{padding-left:8px;display:flex;align-items:center}.cura-input-group .cura-input-field .file-trigger{background:transparent;border:none;color:var(--neutral-dark);cursor:pointer;font-weight:var(--font-weight-medium);font-size:14px;font-family:var(--font-family);padding:0 8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;text-align:left}.cura-input-group .cura-input-field .file-trigger:disabled{cursor:not-allowed}.cura-input-group .cura-input-field cura-loader-circle{display:block;margin-right:8px}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:focus-within .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group.success .cura-input-field{border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success .cura-input-field .file-trigger{color:var(--success-darker)!important}.cura-input-group.error .cura-input-field{border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error .cura-input-field .file-trigger{color:var(--error-darker)!important}.cura-input-group.isLoading{cursor:wait}.cura-input-group.isLoading .cura-input-field{background-color:var(--neutral-white)!important;border:2px solid var(--primary-base)!important}.cura-input-group.isLoading .cura-input-field .file-trigger{cursor:wait;color:var(--primary-base)!important}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field .file-trigger{color:var(--neutral-medium);cursor:not-allowed}.cura-input-group.small .cura-input-field{height:32px}.cura-input-group.small .cura-input-field .file-trigger{font-size:12px;line-height:13px;letter-spacing:.72px}.cura-input-group.small .helper-text{font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field{height:40px}.cura-input-group.medium .cura-input-field .file-trigger{font-size:14px;line-height:16px;letter-spacing:.56px}.cura-input-group.medium .helper-text{font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field{height:44px}.cura-input-group.large .cura-input-field .file-trigger{font-size:16px}.cura-input-group.large .helper-text{font-weight:var(--font-weight-bold)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
5615
|
+
}
|
|
5616
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputFileComponent, decorators: [{
|
|
5617
|
+
type: Component,
|
|
5618
|
+
args: [{ selector: 'rdsite-input-file', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\n role=\"group\"\n class=\"cura-input-group\"\n [ngClass]=\"getClasses()\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-required]=\"required\"\n [attr.aria-invalid]=\"effectiveStatus === 'error'\"\n (mouseenter)=\"handleMouseEnter()\"\n (mouseleave)=\"handleMouseLeave()\"\n>\n <div class=\"input-wrapper\">\n @if (label) {\n <cura-label class=\"label\" weight=\"bold\" [attr.size]=\"size === 'large' ? 'small' : 'xsmall'\" [attr.color]=\"getLabelColor()\">\n {{ label }}\n @if (required) {\n <span class=\"required\">*</span>\n }\n </cura-label>\n }\n\n <div class=\"cura-input-field\">\n @if (showIcon) {\n <div class=\"feedback-icon\">\n <cura-icon [attr.name]=\"iconConfig.name\" iconset=\"default\" [attr.size]=\"iconSize\" [attr.color]=\"iconConfig.color\"></cura-icon>\n </div>\n }\n\n <button type=\"button\" class=\"file-trigger\" [disabled]=\"disabled || isLoading\" (click)=\"handleButtonClick()\">\n {{ fileName ? fileName : placeholder }}\n </button>\n\n @if (isLoading && !disabled) {\n <cura-loader-circle color=\"primary\" size=\"medium\"></cura-loader-circle>\n }\n\n <input\n #inputRef\n type=\"file\"\n class=\"file-input-hidden\"\n [name]=\"name\"\n [attr.accept]=\"accept || null\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n (change)=\"handleFileChange($event)\"\n (focus)=\"handleInputFocus()\"\n (blur)=\"handleInputBlur()\"\n />\n </div>\n\n @if (helperText) {\n <div class=\"helper-text\">\n <cura-label [attr.size]=\"helperTextSize\" lineheight=\"xsmall\" [attr.color]=\"helperTextColor\">\n {{ helperText }}\n </cura-label>\n </div>\n }\n </div>\n</div>\n", styles: [":host{display:block;box-sizing:border-box;width:100%}.file-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.required{color:var(--error-base)}.cura-input-group{width:100%;text-align:left!important}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;position:relative}.cura-input-group .cura-input-field .feedback-icon{padding-left:8px;display:flex;align-items:center}.cura-input-group .cura-input-field .file-trigger{background:transparent;border:none;color:var(--neutral-dark);cursor:pointer;font-weight:var(--font-weight-medium);font-size:14px;font-family:var(--font-family);padding:0 8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;text-align:left}.cura-input-group .cura-input-field .file-trigger:disabled{cursor:not-allowed}.cura-input-group .cura-input-field cura-loader-circle{display:block;margin-right:8px}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:focus-within .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group.success .cura-input-field{border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success .cura-input-field .file-trigger{color:var(--success-darker)!important}.cura-input-group.error .cura-input-field{border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error .cura-input-field .file-trigger{color:var(--error-darker)!important}.cura-input-group.isLoading{cursor:wait}.cura-input-group.isLoading .cura-input-field{background-color:var(--neutral-white)!important;border:2px solid var(--primary-base)!important}.cura-input-group.isLoading .cura-input-field .file-trigger{cursor:wait;color:var(--primary-base)!important}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field .file-trigger{color:var(--neutral-medium);cursor:not-allowed}.cura-input-group.small .cura-input-field{height:32px}.cura-input-group.small .cura-input-field .file-trigger{font-size:12px;line-height:13px;letter-spacing:.72px}.cura-input-group.small .helper-text{font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field{height:40px}.cura-input-group.medium .cura-input-field .file-trigger{font-size:14px;line-height:16px;letter-spacing:.56px}.cura-input-group.medium .helper-text{font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field{height:44px}.cura-input-group.large .cura-input-field .file-trigger{font-size:16px}.cura-input-group.large .helper-text{font-weight:var(--font-weight-bold)}\n"] }]
|
|
5619
|
+
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { status: [{
|
|
5620
|
+
type: Input
|
|
5621
|
+
}], size: [{
|
|
5622
|
+
type: Input
|
|
5623
|
+
}], label: [{
|
|
5624
|
+
type: Input
|
|
5625
|
+
}], name: [{
|
|
5626
|
+
type: Input
|
|
5627
|
+
}], placeholder: [{
|
|
5628
|
+
type: Input
|
|
5629
|
+
}], accept: [{
|
|
5630
|
+
type: Input
|
|
5631
|
+
}], multiple: [{
|
|
5632
|
+
type: Input
|
|
5633
|
+
}], disabled: [{
|
|
5634
|
+
type: Input
|
|
5635
|
+
}], required: [{
|
|
5636
|
+
type: Input
|
|
5637
|
+
}], iconName: [{
|
|
5638
|
+
type: Input
|
|
5639
|
+
}], hideErrorIcon: [{
|
|
5640
|
+
type: Input
|
|
5641
|
+
}], isLoading: [{
|
|
5642
|
+
type: Input
|
|
5643
|
+
}], maxFileSize: [{
|
|
5644
|
+
type: Input
|
|
5645
|
+
}], helperText: [{
|
|
5646
|
+
type: Input
|
|
5647
|
+
}], fileChange: [{
|
|
5648
|
+
type: Output
|
|
5649
|
+
}], fileClear: [{
|
|
5650
|
+
type: Output
|
|
5651
|
+
}], fileRejected: [{
|
|
5652
|
+
type: Output
|
|
5653
|
+
}], fileSizeExceeded: [{
|
|
5654
|
+
type: Output
|
|
5655
|
+
}], filePickerCancel: [{
|
|
5656
|
+
type: Output
|
|
5657
|
+
}], inputRef: [{
|
|
5658
|
+
type: ViewChild,
|
|
5659
|
+
args: ['inputRef']
|
|
5660
|
+
}], style: [{
|
|
5661
|
+
type: HostBinding,
|
|
5662
|
+
args: ['style']
|
|
5663
|
+
}] } });
|
|
5664
|
+
|
|
5369
5665
|
// Components
|
|
5370
5666
|
|
|
5371
5667
|
class PhonePipe {
|
|
@@ -5452,5 +5748,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5452
5748
|
* Generated bundle index. Do not edit.
|
|
5453
5749
|
*/
|
|
5454
5750
|
|
|
5455
|
-
export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaDropdownComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CardUnidadePlanosConveniosComponent, ContentBannerComponent, CtaWrapperComponent, CuraService, EnumDoencaTaxonomy, EnumDoencaTaxonomyCat, ErrorComponent, ErrorInterceptor, ErrorService, Errors, Estados, ExpandableCardComponent, FilterGenericComponent, FilterLetterAndTermsComponent, FilterPlanosConveniosComponent, FilterType, FooterComponent, GeolocService, GeolocationPermissions, HeaderActionMenuComponent, HeaderAuxMenuComponent, HeaderAuxMenuContainerComponent, HeaderAuxMenuItemComponent, HeaderAuxMenuItemDropdownComponent, HeaderComponent, HeaderLogoComponent, HeaderMainMenuComponent, HeaderMainMenuItemComponent, HeaderMainMenuItemDropdownComponent, HeaderService, HeaderSideMenuComponent, HeaderSideMenuItemComponent, HttpClientService, IconCuraDefaultType, ImageComponent, ImageMimeType, LIB_CONFIG, LoadScreenComponent, LogInterceptor, LogService, MapBoxService, ModalDrawerService, ModalService, NguCarouselService, OverlayComponent, PageHeaderComponent, PageTemplateFullcontentComponent, PageTemplateSidebarComponent, PaginationComponent, PhonePipe, PhoneService, PostHeaderComponent, PrivacyToolsService, REQUEST, RESPONSE, RdsiteClickOutsideDirective, RdsiteLinkDirective, RdsiteModalComponentStyle, RdsiteModalDrawerComponentStyle, RdsitePhoneModalDirective, SSR_CURA_API, SearchComponent, SectionNavigationComponent, SeoService, ServerResponseService, SideCtasBottomComponent, SideCtasComponent, SideCtasRightBottomComponent, SideCtasRightMiddleComponent, SideCtasRightTopComponent, SidebarNavigationComponent, SiteBackendService, SsrLoadingService, StickyNavigationComponent, TestimonialCardComponent, TestimonialsCarouselComponent, Themes, TransferStateService, UnidadeCoverageType, WhatsappComponent, YoutubeService, formatPhone, getCircularReplacer, getSiteUrl, removeDuplicateObjectsFromArray, removeDuplicateValuesFromArray, removeHtmlTags, toQueryParams };
|
|
5751
|
+
export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaDropdownComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CardUnidadePlanosConveniosComponent, ContentBannerComponent, CtaWrapperComponent, CuraService, EnumDoencaTaxonomy, EnumDoencaTaxonomyCat, ErrorComponent, ErrorInterceptor, ErrorService, Errors, Estados, ExpandableCardComponent, FilterGenericComponent, FilterLetterAndTermsComponent, FilterPlanosConveniosComponent, FilterType, FooterComponent, GeolocService, GeolocationPermissions, HeaderActionMenuComponent, HeaderAuxMenuComponent, HeaderAuxMenuContainerComponent, HeaderAuxMenuItemComponent, HeaderAuxMenuItemDropdownComponent, HeaderComponent, HeaderLogoComponent, HeaderMainMenuComponent, HeaderMainMenuItemComponent, HeaderMainMenuItemDropdownComponent, HeaderService, HeaderSideMenuComponent, HeaderSideMenuItemComponent, HttpClientService, IconCuraDefaultType, ImageComponent, ImageMimeType, InputFileComponent, LIB_CONFIG, LoadScreenComponent, LogInterceptor, LogService, MapBoxService, ModalDrawerService, ModalService, NguCarouselService, OverlayComponent, PageHeaderComponent, PageTemplateFullcontentComponent, PageTemplateSidebarComponent, PaginationComponent, PhonePipe, PhoneService, PostHeaderComponent, PrivacyToolsService, REQUEST, RESPONSE, RdsiteClickOutsideDirective, RdsiteLinkDirective, RdsiteModalComponentStyle, RdsiteModalDrawerComponentStyle, RdsitePhoneModalDirective, SSR_CURA_API, SearchComponent, SectionNavigationComponent, SeoService, ServerResponseService, SideCtasBottomComponent, SideCtasComponent, SideCtasRightBottomComponent, SideCtasRightMiddleComponent, SideCtasRightTopComponent, SidebarNavigationComponent, SiteBackendService, SsrLoadingService, StickyNavigationComponent, TestimonialCardComponent, TestimonialsCarouselComponent, Themes, TransferStateService, UnidadeCoverageType, WhatsappComponent, YoutubeService, formatPhone, getCircularReplacer, getSiteUrl, removeDuplicateObjectsFromArray, removeDuplicateValuesFromArray, removeHtmlTags, toQueryParams };
|
|
5456
5752
|
//# sourceMappingURL=rededor-site-front-end-lib.mjs.map
|