@symphony-talent/component-library 4.62.0 → 4.64.0
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/esm2020/lib/atoms/input-file-upload/input-file-upload.component.mjs +23 -9
- package/esm2020/lib/atoms/input-file-upload/input-file-upload.model.mjs +1 -1
- package/esm2020/lib/atoms/input-file-upload/input-file-upload.module.mjs +7 -5
- package/esm2020/projects/component-library/lib/atoms/input-file-upload/input-file-upload.component.mjs +23 -9
- package/esm2020/projects/component-library/lib/atoms/input-file-upload/input-file-upload.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/input-file-upload/input-file-upload.module.mjs +7 -5
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +19 -6
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +19 -6
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +19 -6
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +19 -6
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/input-file-upload/input-file-upload.component.d.ts +4 -1
- package/lib/atoms/input-file-upload/input-file-upload.model.d.ts +1 -0
- package/lib/atoms/input-file-upload/input-file-upload.module.d.ts +4 -3
- package/package.json +1 -1
- package/projects/component-library/global.scss +3 -0
- package/projects/component-library/lib/atoms/input-file-upload/input-file-upload.component.d.ts +4 -1
- package/projects/component-library/lib/atoms/input-file-upload/input-file-upload.model.d.ts +1 -0
- package/projects/component-library/lib/atoms/input-file-upload/input-file-upload.module.d.ts +4 -3
|
@@ -1,16 +1,19 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../
|
|
4
|
-
import * as i2 from "../
|
|
5
|
-
import * as i3 from "
|
|
6
|
-
import * as i4 from "
|
|
3
|
+
import * as i1 from "../icon/icon.component";
|
|
4
|
+
import * as i2 from "../paragraph/paragraph.component";
|
|
5
|
+
import * as i3 from "@angular/common";
|
|
6
|
+
import * as i4 from "ngx-bootstrap/tooltip";
|
|
7
|
+
import * as i5 from "@angular/forms";
|
|
7
8
|
export class InputFileUploadComponent {
|
|
8
9
|
constructor() {
|
|
9
10
|
this.closeButtonClicked = new EventEmitter();
|
|
11
|
+
this.textChanged = new EventEmitter();
|
|
10
12
|
this.getFileDetails = new EventEmitter();
|
|
11
13
|
}
|
|
12
14
|
ngOnInit() {
|
|
13
|
-
this.filetypeAccepted =
|
|
15
|
+
this.filetypeAccepted =
|
|
16
|
+
this.inputFileUploadModel.fileFormatAccepted.join(', ');
|
|
14
17
|
}
|
|
15
18
|
onCloseButtonClick() {
|
|
16
19
|
this.closeButtonClicked.emit();
|
|
@@ -19,20 +22,31 @@ export class InputFileUploadComponent {
|
|
|
19
22
|
this.file = event.target.files[0];
|
|
20
23
|
this.getFileDetails.emit(this.file);
|
|
21
24
|
}
|
|
25
|
+
onTextChange(event) {
|
|
26
|
+
if (this.inputFileUploadModel.fileValue.length === 0) {
|
|
27
|
+
this.toolTip.hide();
|
|
28
|
+
}
|
|
29
|
+
this.textChanged.emit(event);
|
|
30
|
+
}
|
|
22
31
|
onClick(event) {
|
|
23
32
|
event.target.value = null;
|
|
24
33
|
}
|
|
25
34
|
}
|
|
26
35
|
InputFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
-
InputFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputFileUploadComponent, selector: "symphony-input-file-upload", inputs: { inputFileUploadModel: "inputFileUploadModel" }, outputs: { closeButtonClicked: "closeButtonClicked", getFileDetails: "getFileDetails" }, ngImport: i0, template: "
|
|
36
|
+
InputFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputFileUploadComponent, selector: "symphony-input-file-upload", inputs: { inputFileUploadModel: "inputFileUploadModel" }, outputs: { closeButtonClicked: "closeButtonClicked", textChanged: "textChanged", getFileDetails: "getFileDetails" }, viewQueries: [{ propertyName: "toolTip", first: true, predicate: ["pop"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"inputFileUploadModel\">\n <!-- File Upload -->\n <div class=\"sfx-input-label\">\n {{ inputFileUploadModel.inputLabel }}\n </div>\n <div\n class=\"sfx-input-file-upload\"\n tooltip=\"{{ inputFileUploadModel.fileValue }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n #pop=\"bs-tooltip\"\n [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\"\n >\n <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"> </label>\n\n <input\n type=\"file\"\n id=\"input-file-Upload\"\n name=\"input-file-Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n />\n <input\n type=\"text\"\n name=\"input-text\"\n id=\"input-file-Upload-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ inputFileUploadModel.placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n [(ngModel)]=\"inputFileUploadModel.fileValue\"\n />\n\n <symphony-icon\n class=\"sfx-cursor-pointer\"\n *ngIf=\"inputFileUploadModel.hasClose\"\n [icon]=\"'si-close-modal'\"\n [size]=\"'20px'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-paragraph\n *ngIf=\"inputFileUploadModel.hasError\"\n class=\"sfx-txt-red-v2 sfx-pl-5 sfx-d-flex\"\n [text]=\"inputFileUploadModel.errorText\"\n ></symphony-paragraph>\n </div>\n <!-- File Upload -->\n</div>\n", styles: [".sfx-input-file-upload{position:relative}.sfx-input-file-upload symphony-tooltip-wrapper .sfx-d-inline-block{width:100%;display:block}.sfx-input-file-upload label{line-height:40px;width:40px;margin:0;height:40px;position:absolute;text-align:center;right:-5px;top:5px}.sfx-input-file-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}.sfx-input-file-upload label:before{content:\"\\e957\";font-family:library-icons!important}.sfx-input-file-upload input[type=file]{visibility:hidden;position:absolute;top:0}.sfx-input-file-upload input[type=text]{width:100%;height:40px;border-radius:4px;box-shadow:none;padding:0 30px 0 20px;border:1px solid #d0d0d0;margin:5px;outline:none}.sfx-input-file-upload.has-Close input[type=text]{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label{right:30px;top:5px}.sfx-input-file-upload.has-Close symphony-icon{position:absolute;top:15px;right:0px}.sfx-input-label{font-weight:500;margin-left:5px;margin-bottom:5px}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
28
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, decorators: [{
|
|
29
38
|
type: Component,
|
|
30
|
-
args: [{ selector: 'symphony-input-file-upload', encapsulation: ViewEncapsulation.None, template: "
|
|
39
|
+
args: [{ selector: 'symphony-input-file-upload', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"inputFileUploadModel\">\n <!-- File Upload -->\n <div class=\"sfx-input-label\">\n {{ inputFileUploadModel.inputLabel }}\n </div>\n <div\n class=\"sfx-input-file-upload\"\n tooltip=\"{{ inputFileUploadModel.fileValue }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n #pop=\"bs-tooltip\"\n [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\"\n >\n <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"> </label>\n\n <input\n type=\"file\"\n id=\"input-file-Upload\"\n name=\"input-file-Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n />\n <input\n type=\"text\"\n name=\"input-text\"\n id=\"input-file-Upload-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ inputFileUploadModel.placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n [(ngModel)]=\"inputFileUploadModel.fileValue\"\n />\n\n <symphony-icon\n class=\"sfx-cursor-pointer\"\n *ngIf=\"inputFileUploadModel.hasClose\"\n [icon]=\"'si-close-modal'\"\n [size]=\"'20px'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-paragraph\n *ngIf=\"inputFileUploadModel.hasError\"\n class=\"sfx-txt-red-v2 sfx-pl-5 sfx-d-flex\"\n [text]=\"inputFileUploadModel.errorText\"\n ></symphony-paragraph>\n </div>\n <!-- File Upload -->\n</div>\n", styles: [".sfx-input-file-upload{position:relative}.sfx-input-file-upload symphony-tooltip-wrapper .sfx-d-inline-block{width:100%;display:block}.sfx-input-file-upload label{line-height:40px;width:40px;margin:0;height:40px;position:absolute;text-align:center;right:-5px;top:5px}.sfx-input-file-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}.sfx-input-file-upload label:before{content:\"\\e957\";font-family:library-icons!important}.sfx-input-file-upload input[type=file]{visibility:hidden;position:absolute;top:0}.sfx-input-file-upload input[type=text]{width:100%;height:40px;border-radius:4px;box-shadow:none;padding:0 30px 0 20px;border:1px solid #d0d0d0;margin:5px;outline:none}.sfx-input-file-upload.has-Close input[type=text]{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label{right:30px;top:5px}.sfx-input-file-upload.has-Close symphony-icon{position:absolute;top:15px;right:0px}.sfx-input-label{font-weight:500;margin-left:5px;margin-bottom:5px}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
|
|
31
40
|
}], ctorParameters: function () { return []; }, propDecorators: { inputFileUploadModel: [{
|
|
32
41
|
type: Input
|
|
33
42
|
}], closeButtonClicked: [{
|
|
34
43
|
type: Output
|
|
44
|
+
}], textChanged: [{
|
|
45
|
+
type: Output
|
|
35
46
|
}], getFileDetails: [{
|
|
36
47
|
type: Output
|
|
48
|
+
}], toolTip: [{
|
|
49
|
+
type: ViewChild,
|
|
50
|
+
args: ['pop', { static: false }]
|
|
37
51
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9pbnB1dC1maWxlLXVwbG9hZC9pbnB1dC1maWxlLXVwbG9hZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LWZpbGUtdXBsb2FkL2lucHV0LWZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVV2QixNQUFNLE9BQU8sd0JBQXdCO0lBVW5DO1FBUlUsdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM5QyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDekMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBTXJDLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0I7WUFDbkIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQUs7UUFDaEIsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsQyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUNELFlBQVksQ0FBQyxLQUFLO1FBQ2hCLElBQUksSUFBSSxDQUFDLG9CQUFvQixDQUFDLFNBQVMsQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO1lBQ3BELElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDckI7UUFDRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQUs7UUFDWCxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDNUIsQ0FBQzs7cUhBbENVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLGlWQ2xCckMsczlDQWdEQTsyRkQ5QmEsd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNFLDRCQUE0QixpQkFHdkIsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNJLGtCQUFrQjtzQkFBM0IsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU07Z0JBRXNDLE9BQU87c0JBQW5ELFNBQVM7dUJBQUMsS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXRGaWxlVXBsb2FkTW9kZWwgfSBmcm9tICcuL2lucHV0LWZpbGUtdXBsb2FkLm1vZGVsJztcbmltcG9ydCB7IFRvb2x0aXBEaXJlY3RpdmUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL3Rvb2x0aXAnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1pbnB1dC1maWxlLXVwbG9hZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1maWxlLXVwbG9hZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LWZpbGUtdXBsb2FkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIElucHV0RmlsZVVwbG9hZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGlucHV0RmlsZVVwbG9hZE1vZGVsOiBJbnB1dEZpbGVVcGxvYWRNb2RlbDtcbiAgQE91dHB1dCgpIGNsb3NlQnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIHRleHRDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBnZXRGaWxlRGV0YWlscyA9IG5ldyBFdmVudEVtaXR0ZXI8RmlsZT4oKTtcblxuICBAVmlld0NoaWxkKCdwb3AnLCB7IHN0YXRpYzogZmFsc2UgfSkgcHJpdmF0ZSB0b29sVGlwOiBUb29sdGlwRGlyZWN0aXZlO1xuXG4gIHB1YmxpYyBmaWxlOiBGaWxlO1xuICBwdWJsaWMgZmlsZXR5cGVBY2NlcHRlZDogc3RyaW5nO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5maWxldHlwZUFjY2VwdGVkID1cbiAgICAgIHRoaXMuaW5wdXRGaWxlVXBsb2FkTW9kZWwuZmlsZUZvcm1hdEFjY2VwdGVkLmpvaW4oJywgJyk7XG4gIH1cblxuICBvbkNsb3NlQnV0dG9uQ2xpY2soKSB7XG4gICAgdGhpcy5jbG9zZUJ1dHRvbkNsaWNrZWQuZW1pdCgpO1xuICB9XG5cbiAgb25GaWxlU2VsZWN0KGV2ZW50KSB7XG4gICAgdGhpcy5maWxlID0gZXZlbnQudGFyZ2V0LmZpbGVzWzBdO1xuICAgIHRoaXMuZ2V0RmlsZURldGFpbHMuZW1pdCh0aGlzLmZpbGUpO1xuICB9XG4gIG9uVGV4dENoYW5nZShldmVudCkge1xuICAgIGlmICh0aGlzLmlucHV0RmlsZVVwbG9hZE1vZGVsLmZpbGVWYWx1ZS5sZW5ndGggPT09IDApIHtcbiAgICAgIHRoaXMudG9vbFRpcC5oaWRlKCk7XG4gICAgfVxuICAgIHRoaXMudGV4dENoYW5nZWQuZW1pdChldmVudCk7XG4gIH1cblxuICBvbkNsaWNrKGV2ZW50KSB7XG4gICAgZXZlbnQudGFyZ2V0LnZhbHVlID0gbnVsbDtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImlucHV0RmlsZVVwbG9hZE1vZGVsXCI+XG4gIDwhLS0gRmlsZSBVcGxvYWQgLS0+XG4gIDxkaXYgY2xhc3M9XCJzZngtaW5wdXQtbGFiZWxcIj5cbiAgICB7eyBpbnB1dEZpbGVVcGxvYWRNb2RlbC5pbnB1dExhYmVsIH19XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJzZngtaW5wdXQtZmlsZS11cGxvYWRcIlxuICAgIHRvb2x0aXA9XCJ7eyBpbnB1dEZpbGVVcGxvYWRNb2RlbC5maWxlVmFsdWUgfX1cIlxuICAgIGNvbnRhaW5lckNsYXNzPVwic2Z4LWluZm8tdG9vbHRpcCBpdGVtLXRvb2x0aXBcIlxuICAgICNwb3A9XCJicy10b29sdGlwXCJcbiAgICBbbmdDbGFzc109XCJ7ICdoYXMtQ2xvc2UnOiBpbnB1dEZpbGVVcGxvYWRNb2RlbC5oYXNDbG9zZSB9XCJcbiAgPlxuICAgIDxsYWJlbCBjbGFzcz1cInNmeC1jdXJzb3ItcG9pbnRlclwiIGZvcj1cImlucHV0LWZpbGUtVXBsb2FkXCI+IDwvbGFiZWw+XG5cbiAgICA8aW5wdXRcbiAgICAgIHR5cGU9XCJmaWxlXCJcbiAgICAgIGlkPVwiaW5wdXQtZmlsZS1VcGxvYWRcIlxuICAgICAgbmFtZT1cImlucHV0LWZpbGUtVXBsb2FkXCJcbiAgICAgIGFjY2VwdD1cInt7IGZpbGV0eXBlQWNjZXB0ZWQgfX1cIlxuICAgICAgKGNoYW5nZSk9XCJvbkZpbGVTZWxlY3QoJGV2ZW50KVwiXG4gICAgICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcbiAgICAvPlxuICAgIDxpbnB1dFxuICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgbmFtZT1cImlucHV0LXRleHRcIlxuICAgICAgaWQ9XCJpbnB1dC1maWxlLVVwbG9hZC10ZXh0XCJcbiAgICAgIGNsYXNzPVwiaW5wdXQtdGV4dFwiXG4gICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgcGxhY2Vob2xkZXI9XCJ7eyBpbnB1dEZpbGVVcGxvYWRNb2RlbC5wbGFjZWhvbGRlciB9fVwiXG4gICAgICAoa2V5dXApPVwib25UZXh0Q2hhbmdlKCRldmVudClcIlxuICAgICAgWyhuZ01vZGVsKV09XCJpbnB1dEZpbGVVcGxvYWRNb2RlbC5maWxlVmFsdWVcIlxuICAgIC8+XG5cbiAgICA8c3ltcGhvbnktaWNvblxuICAgICAgY2xhc3M9XCJzZngtY3Vyc29yLXBvaW50ZXJcIlxuICAgICAgKm5nSWY9XCJpbnB1dEZpbGVVcGxvYWRNb2RlbC5oYXNDbG9zZVwiXG4gICAgICBbaWNvbl09XCInc2ktY2xvc2UtbW9kYWwnXCJcbiAgICAgIFtzaXplXT1cIicyMHB4J1wiXG4gICAgICAoY2xpY2tlZCk9XCJvbkNsb3NlQnV0dG9uQ2xpY2soKVwiXG4gICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICAqbmdJZj1cImlucHV0RmlsZVVwbG9hZE1vZGVsLmhhc0Vycm9yXCJcbiAgICAgIGNsYXNzPVwic2Z4LXR4dC1yZWQtdjIgc2Z4LXBsLTUgc2Z4LWQtZmxleFwiXG4gICAgICBbdGV4dF09XCJpbnB1dEZpbGVVcGxvYWRNb2RlbC5lcnJvclRleHRcIlxuICAgID48L3N5bXBob255LXBhcmFncmFwaD5cbiAgPC9kaXY+XG4gIDwhLS0gRmlsZSBVcGxvYWQgLS0+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZmlsZS11cGxvYWQubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LWZpbGUtdXBsb2FkL2lucHV0LWZpbGUtdXBsb2FkLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIElucHV0RmlsZVVwbG9hZE1vZGVsIHtcbiAgZmlsZVZhbHVlOiBzdHJpbmc7XG4gIGlucHV0TGFiZWw6IHN0cmluZztcbiAgaGFzQ2xvc2U6IGJvb2xlYW47XG4gIGZpbGVGb3JtYXRBY2NlcHRlZDogc3RyaW5nW107XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgZXJyb3JUZXh0Pzogc3RyaW5nO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbn1cbiJdfQ==
|
|
@@ -2,20 +2,22 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { InputFileUploadComponent } from './input-file-upload.component';
|
|
4
4
|
import { IconModule } from '../icon/icon.module';
|
|
5
|
-
import { TooltipWrapperModule } from '../tooltip-wrapper/tooltip-wrapper.module';
|
|
6
5
|
import { ParagraphModule } from '../paragraph/paragraph.module';
|
|
6
|
+
import { FormsModule } from '@angular/forms';
|
|
7
|
+
import { TooltipModule } from 'ngx-bootstrap/tooltip';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "ngx-bootstrap/tooltip";
|
|
8
10
|
export class InputFileUploadModule {
|
|
9
11
|
}
|
|
10
12
|
InputFileUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
-
InputFileUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, declarations: [InputFileUploadComponent], imports: [CommonModule, IconModule,
|
|
12
|
-
InputFileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, imports: [[CommonModule, IconModule,
|
|
13
|
+
InputFileUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, declarations: [InputFileUploadComponent], imports: [CommonModule, IconModule, ParagraphModule, FormsModule, i1.TooltipModule], exports: [InputFileUploadComponent] });
|
|
14
|
+
InputFileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, imports: [[CommonModule, IconModule, ParagraphModule, FormsModule, TooltipModule.forRoot()]] });
|
|
13
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, decorators: [{
|
|
14
16
|
type: NgModule,
|
|
15
17
|
args: [{
|
|
16
18
|
declarations: [InputFileUploadComponent],
|
|
17
|
-
imports: [CommonModule, IconModule,
|
|
19
|
+
imports: [CommonModule, IconModule, ParagraphModule, FormsModule, TooltipModule.forRoot()],
|
|
18
20
|
exports: [InputFileUploadComponent],
|
|
19
21
|
}]
|
|
20
22
|
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZmlsZS11cGxvYWQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9pbnB1dC1maWxlLXVwbG9hZC9pbnB1dC1maWxlLXVwbG9hZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDekUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFPdEQsTUFBTSxPQUFPLHFCQUFxQjs7a0hBQXJCLHFCQUFxQjttSEFBckIscUJBQXFCLGlCQUpqQix3QkFBd0IsYUFDN0IsWUFBWSxFQUFFLFVBQVUsRUFBRSxlQUFlLEVBQUUsV0FBVywrQkFDdEQsd0JBQXdCO21IQUV2QixxQkFBcUIsWUFIdkIsQ0FBQyxZQUFZLEVBQUUsVUFBVSxFQUFFLGVBQWUsRUFBRSxXQUFXLEVBQUUsYUFBYSxDQUFDLE9BQU8sRUFBRSxDQUFDOzJGQUcvRSxxQkFBcUI7a0JBTGpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ3hDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxVQUFVLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxhQUFhLENBQUMsT0FBTyxFQUFFLENBQUM7b0JBQzFGLE9BQU8sRUFBRSxDQUFDLHdCQUF3QixDQUFDO2lCQUNwQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgSW5wdXRGaWxlVXBsb2FkQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dC1maWxlLXVwbG9hZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBUb29sdGlwTW9kdWxlIH0gZnJvbSAnbmd4LWJvb3RzdHJhcC90b29sdGlwJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbSW5wdXRGaWxlVXBsb2FkQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbk1vZHVsZSwgUGFyYWdyYXBoTW9kdWxlLCBGb3Jtc01vZHVsZSwgVG9vbHRpcE1vZHVsZS5mb3JSb290KCldLFxuICBleHBvcnRzOiBbSW5wdXRGaWxlVXBsb2FkQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRGaWxlVXBsb2FkTW9kdWxlIHt9XG4iXX0=
|
|
@@ -1,16 +1,19 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../
|
|
4
|
-
import * as i2 from "../
|
|
5
|
-
import * as i3 from "
|
|
6
|
-
import * as i4 from "
|
|
3
|
+
import * as i1 from "../icon/icon.component";
|
|
4
|
+
import * as i2 from "../paragraph/paragraph.component";
|
|
5
|
+
import * as i3 from "@angular/common";
|
|
6
|
+
import * as i4 from "ngx-bootstrap/tooltip";
|
|
7
|
+
import * as i5 from "@angular/forms";
|
|
7
8
|
export class InputFileUploadComponent {
|
|
8
9
|
constructor() {
|
|
9
10
|
this.closeButtonClicked = new EventEmitter();
|
|
11
|
+
this.textChanged = new EventEmitter();
|
|
10
12
|
this.getFileDetails = new EventEmitter();
|
|
11
13
|
}
|
|
12
14
|
ngOnInit() {
|
|
13
|
-
this.filetypeAccepted =
|
|
15
|
+
this.filetypeAccepted =
|
|
16
|
+
this.inputFileUploadModel.fileFormatAccepted.join(', ');
|
|
14
17
|
}
|
|
15
18
|
onCloseButtonClick() {
|
|
16
19
|
this.closeButtonClicked.emit();
|
|
@@ -19,20 +22,31 @@ export class InputFileUploadComponent {
|
|
|
19
22
|
this.file = event.target.files[0];
|
|
20
23
|
this.getFileDetails.emit(this.file);
|
|
21
24
|
}
|
|
25
|
+
onTextChange(event) {
|
|
26
|
+
if (this.inputFileUploadModel.fileValue.length === 0) {
|
|
27
|
+
this.toolTip.hide();
|
|
28
|
+
}
|
|
29
|
+
this.textChanged.emit(event);
|
|
30
|
+
}
|
|
22
31
|
onClick(event) {
|
|
23
32
|
event.target.value = null;
|
|
24
33
|
}
|
|
25
34
|
}
|
|
26
35
|
InputFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
-
InputFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputFileUploadComponent, selector: "symphony-input-file-upload", inputs: { inputFileUploadModel: "inputFileUploadModel" }, outputs: { closeButtonClicked: "closeButtonClicked", getFileDetails: "getFileDetails" }, ngImport: i0, template: "
|
|
36
|
+
InputFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputFileUploadComponent, selector: "symphony-input-file-upload", inputs: { inputFileUploadModel: "inputFileUploadModel" }, outputs: { closeButtonClicked: "closeButtonClicked", textChanged: "textChanged", getFileDetails: "getFileDetails" }, viewQueries: [{ propertyName: "toolTip", first: true, predicate: ["pop"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"inputFileUploadModel\">\n <!-- File Upload -->\n <div class=\"sfx-input-label\">\n {{ inputFileUploadModel.inputLabel }}\n </div>\n <div\n class=\"sfx-input-file-upload\"\n tooltip=\"{{ inputFileUploadModel.fileValue }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n #pop=\"bs-tooltip\"\n [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\"\n >\n <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"> </label>\n\n <input\n type=\"file\"\n id=\"input-file-Upload\"\n name=\"input-file-Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n />\n <input\n type=\"text\"\n name=\"input-text\"\n id=\"input-file-Upload-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ inputFileUploadModel.placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n [(ngModel)]=\"inputFileUploadModel.fileValue\"\n />\n\n <symphony-icon\n class=\"sfx-cursor-pointer\"\n *ngIf=\"inputFileUploadModel.hasClose\"\n [icon]=\"'si-close-modal'\"\n [size]=\"'20px'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-paragraph\n *ngIf=\"inputFileUploadModel.hasError\"\n class=\"sfx-txt-red-v2 sfx-pl-5 sfx-d-flex\"\n [text]=\"inputFileUploadModel.errorText\"\n ></symphony-paragraph>\n </div>\n <!-- File Upload -->\n</div>\n", styles: [".sfx-input-file-upload{position:relative}.sfx-input-file-upload symphony-tooltip-wrapper .sfx-d-inline-block{width:100%;display:block}.sfx-input-file-upload label{line-height:40px;width:40px;margin:0;height:40px;position:absolute;text-align:center;right:-5px;top:5px}.sfx-input-file-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}.sfx-input-file-upload label:before{content:\"\\e957\";font-family:library-icons!important}.sfx-input-file-upload input[type=file]{visibility:hidden;position:absolute;top:0}.sfx-input-file-upload input[type=text]{width:100%;height:40px;border-radius:4px;box-shadow:none;padding:0 30px 0 20px;border:1px solid #d0d0d0;margin:5px;outline:none}.sfx-input-file-upload.has-Close input[type=text]{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label{right:30px;top:5px}.sfx-input-file-upload.has-Close symphony-icon{position:absolute;top:15px;right:0px}.sfx-input-label{font-weight:500;margin-left:5px;margin-bottom:5px}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
28
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, decorators: [{
|
|
29
38
|
type: Component,
|
|
30
|
-
args: [{ selector: 'symphony-input-file-upload', encapsulation: ViewEncapsulation.None, template: "
|
|
39
|
+
args: [{ selector: 'symphony-input-file-upload', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"inputFileUploadModel\">\n <!-- File Upload -->\n <div class=\"sfx-input-label\">\n {{ inputFileUploadModel.inputLabel }}\n </div>\n <div\n class=\"sfx-input-file-upload\"\n tooltip=\"{{ inputFileUploadModel.fileValue }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n #pop=\"bs-tooltip\"\n [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\"\n >\n <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"> </label>\n\n <input\n type=\"file\"\n id=\"input-file-Upload\"\n name=\"input-file-Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n />\n <input\n type=\"text\"\n name=\"input-text\"\n id=\"input-file-Upload-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ inputFileUploadModel.placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n [(ngModel)]=\"inputFileUploadModel.fileValue\"\n />\n\n <symphony-icon\n class=\"sfx-cursor-pointer\"\n *ngIf=\"inputFileUploadModel.hasClose\"\n [icon]=\"'si-close-modal'\"\n [size]=\"'20px'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-paragraph\n *ngIf=\"inputFileUploadModel.hasError\"\n class=\"sfx-txt-red-v2 sfx-pl-5 sfx-d-flex\"\n [text]=\"inputFileUploadModel.errorText\"\n ></symphony-paragraph>\n </div>\n <!-- File Upload -->\n</div>\n", styles: [".sfx-input-file-upload{position:relative}.sfx-input-file-upload symphony-tooltip-wrapper .sfx-d-inline-block{width:100%;display:block}.sfx-input-file-upload label{line-height:40px;width:40px;margin:0;height:40px;position:absolute;text-align:center;right:-5px;top:5px}.sfx-input-file-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}.sfx-input-file-upload label:before{content:\"\\e957\";font-family:library-icons!important}.sfx-input-file-upload input[type=file]{visibility:hidden;position:absolute;top:0}.sfx-input-file-upload input[type=text]{width:100%;height:40px;border-radius:4px;box-shadow:none;padding:0 30px 0 20px;border:1px solid #d0d0d0;margin:5px;outline:none}.sfx-input-file-upload.has-Close input[type=text]{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label{right:30px;top:5px}.sfx-input-file-upload.has-Close symphony-icon{position:absolute;top:15px;right:0px}.sfx-input-label{font-weight:500;margin-left:5px;margin-bottom:5px}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
|
|
31
40
|
}], ctorParameters: function () { return []; }, propDecorators: { inputFileUploadModel: [{
|
|
32
41
|
type: Input
|
|
33
42
|
}], closeButtonClicked: [{
|
|
34
43
|
type: Output
|
|
44
|
+
}], textChanged: [{
|
|
45
|
+
type: Output
|
|
35
46
|
}], getFileDetails: [{
|
|
36
47
|
type: Output
|
|
48
|
+
}], toolTip: [{
|
|
49
|
+
type: ViewChild,
|
|
50
|
+
args: ['pop', { static: false }]
|
|
37
51
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9pbnB1dC1maWxlLXVwbG9hZC9pbnB1dC1maWxlLXVwbG9hZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LWZpbGUtdXBsb2FkL2lucHV0LWZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVV2QixNQUFNLE9BQU8sd0JBQXdCO0lBVW5DO1FBUlUsdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM5QyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDekMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBTXJDLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0I7WUFDbkIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQUs7UUFDaEIsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsQyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUNELFlBQVksQ0FBQyxLQUFLO1FBQ2hCLElBQUksSUFBSSxDQUFDLG9CQUFvQixDQUFDLFNBQVMsQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO1lBQ3BELElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDckI7UUFDRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQUs7UUFDWCxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDNUIsQ0FBQzs7cUhBbENVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLGlWQ2xCckMsczlDQWdEQTsyRkQ5QmEsd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNFLDRCQUE0QixpQkFHdkIsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNJLGtCQUFrQjtzQkFBM0IsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU07Z0JBRXNDLE9BQU87c0JBQW5ELFNBQVM7dUJBQUMsS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXRGaWxlVXBsb2FkTW9kZWwgfSBmcm9tICcuL2lucHV0LWZpbGUtdXBsb2FkLm1vZGVsJztcbmltcG9ydCB7IFRvb2x0aXBEaXJlY3RpdmUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL3Rvb2x0aXAnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1pbnB1dC1maWxlLXVwbG9hZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1maWxlLXVwbG9hZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LWZpbGUtdXBsb2FkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIElucHV0RmlsZVVwbG9hZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGlucHV0RmlsZVVwbG9hZE1vZGVsOiBJbnB1dEZpbGVVcGxvYWRNb2RlbDtcbiAgQE91dHB1dCgpIGNsb3NlQnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIHRleHRDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBnZXRGaWxlRGV0YWlscyA9IG5ldyBFdmVudEVtaXR0ZXI8RmlsZT4oKTtcblxuICBAVmlld0NoaWxkKCdwb3AnLCB7IHN0YXRpYzogZmFsc2UgfSkgcHJpdmF0ZSB0b29sVGlwOiBUb29sdGlwRGlyZWN0aXZlO1xuXG4gIHB1YmxpYyBmaWxlOiBGaWxlO1xuICBwdWJsaWMgZmlsZXR5cGVBY2NlcHRlZDogc3RyaW5nO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5maWxldHlwZUFjY2VwdGVkID1cbiAgICAgIHRoaXMuaW5wdXRGaWxlVXBsb2FkTW9kZWwuZmlsZUZvcm1hdEFjY2VwdGVkLmpvaW4oJywgJyk7XG4gIH1cblxuICBvbkNsb3NlQnV0dG9uQ2xpY2soKSB7XG4gICAgdGhpcy5jbG9zZUJ1dHRvbkNsaWNrZWQuZW1pdCgpO1xuICB9XG5cbiAgb25GaWxlU2VsZWN0KGV2ZW50KSB7XG4gICAgdGhpcy5maWxlID0gZXZlbnQudGFyZ2V0LmZpbGVzWzBdO1xuICAgIHRoaXMuZ2V0RmlsZURldGFpbHMuZW1pdCh0aGlzLmZpbGUpO1xuICB9XG4gIG9uVGV4dENoYW5nZShldmVudCkge1xuICAgIGlmICh0aGlzLmlucHV0RmlsZVVwbG9hZE1vZGVsLmZpbGVWYWx1ZS5sZW5ndGggPT09IDApIHtcbiAgICAgIHRoaXMudG9vbFRpcC5oaWRlKCk7XG4gICAgfVxuICAgIHRoaXMudGV4dENoYW5nZWQuZW1pdChldmVudCk7XG4gIH1cblxuICBvbkNsaWNrKGV2ZW50KSB7XG4gICAgZXZlbnQudGFyZ2V0LnZhbHVlID0gbnVsbDtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImlucHV0RmlsZVVwbG9hZE1vZGVsXCI+XG4gIDwhLS0gRmlsZSBVcGxvYWQgLS0+XG4gIDxkaXYgY2xhc3M9XCJzZngtaW5wdXQtbGFiZWxcIj5cbiAgICB7eyBpbnB1dEZpbGVVcGxvYWRNb2RlbC5pbnB1dExhYmVsIH19XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJzZngtaW5wdXQtZmlsZS11cGxvYWRcIlxuICAgIHRvb2x0aXA9XCJ7eyBpbnB1dEZpbGVVcGxvYWRNb2RlbC5maWxlVmFsdWUgfX1cIlxuICAgIGNvbnRhaW5lckNsYXNzPVwic2Z4LWluZm8tdG9vbHRpcCBpdGVtLXRvb2x0aXBcIlxuICAgICNwb3A9XCJicy10b29sdGlwXCJcbiAgICBbbmdDbGFzc109XCJ7ICdoYXMtQ2xvc2UnOiBpbnB1dEZpbGVVcGxvYWRNb2RlbC5oYXNDbG9zZSB9XCJcbiAgPlxuICAgIDxsYWJlbCBjbGFzcz1cInNmeC1jdXJzb3ItcG9pbnRlclwiIGZvcj1cImlucHV0LWZpbGUtVXBsb2FkXCI+IDwvbGFiZWw+XG5cbiAgICA8aW5wdXRcbiAgICAgIHR5cGU9XCJmaWxlXCJcbiAgICAgIGlkPVwiaW5wdXQtZmlsZS1VcGxvYWRcIlxuICAgICAgbmFtZT1cImlucHV0LWZpbGUtVXBsb2FkXCJcbiAgICAgIGFjY2VwdD1cInt7IGZpbGV0eXBlQWNjZXB0ZWQgfX1cIlxuICAgICAgKGNoYW5nZSk9XCJvbkZpbGVTZWxlY3QoJGV2ZW50KVwiXG4gICAgICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcbiAgICAvPlxuICAgIDxpbnB1dFxuICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgbmFtZT1cImlucHV0LXRleHRcIlxuICAgICAgaWQ9XCJpbnB1dC1maWxlLVVwbG9hZC10ZXh0XCJcbiAgICAgIGNsYXNzPVwiaW5wdXQtdGV4dFwiXG4gICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgcGxhY2Vob2xkZXI9XCJ7eyBpbnB1dEZpbGVVcGxvYWRNb2RlbC5wbGFjZWhvbGRlciB9fVwiXG4gICAgICAoa2V5dXApPVwib25UZXh0Q2hhbmdlKCRldmVudClcIlxuICAgICAgWyhuZ01vZGVsKV09XCJpbnB1dEZpbGVVcGxvYWRNb2RlbC5maWxlVmFsdWVcIlxuICAgIC8+XG5cbiAgICA8c3ltcGhvbnktaWNvblxuICAgICAgY2xhc3M9XCJzZngtY3Vyc29yLXBvaW50ZXJcIlxuICAgICAgKm5nSWY9XCJpbnB1dEZpbGVVcGxvYWRNb2RlbC5oYXNDbG9zZVwiXG4gICAgICBbaWNvbl09XCInc2ktY2xvc2UtbW9kYWwnXCJcbiAgICAgIFtzaXplXT1cIicyMHB4J1wiXG4gICAgICAoY2xpY2tlZCk9XCJvbkNsb3NlQnV0dG9uQ2xpY2soKVwiXG4gICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICAqbmdJZj1cImlucHV0RmlsZVVwbG9hZE1vZGVsLmhhc0Vycm9yXCJcbiAgICAgIGNsYXNzPVwic2Z4LXR4dC1yZWQtdjIgc2Z4LXBsLTUgc2Z4LWQtZmxleFwiXG4gICAgICBbdGV4dF09XCJpbnB1dEZpbGVVcGxvYWRNb2RlbC5lcnJvclRleHRcIlxuICAgID48L3N5bXBob255LXBhcmFncmFwaD5cbiAgPC9kaXY+XG4gIDwhLS0gRmlsZSBVcGxvYWQgLS0+XG48L2Rpdj5cbiJdfQ==
|
package/esm2020/projects/component-library/lib/atoms/input-file-upload/input-file-upload.model.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZmlsZS11cGxvYWQubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LWZpbGUtdXBsb2FkL2lucHV0LWZpbGUtdXBsb2FkLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIElucHV0RmlsZVVwbG9hZE1vZGVsIHtcbiAgZmlsZVZhbHVlOiBzdHJpbmc7XG4gIGlucHV0TGFiZWw6IHN0cmluZztcbiAgaGFzQ2xvc2U6IGJvb2xlYW47XG4gIGZpbGVGb3JtYXRBY2NlcHRlZDogc3RyaW5nW107XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgZXJyb3JUZXh0Pzogc3RyaW5nO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbn1cbiJdfQ==
|
package/esm2020/projects/component-library/lib/atoms/input-file-upload/input-file-upload.module.mjs
CHANGED
|
@@ -2,20 +2,22 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { InputFileUploadComponent } from './input-file-upload.component';
|
|
4
4
|
import { IconModule } from '../icon/icon.module';
|
|
5
|
-
import { TooltipWrapperModule } from '../tooltip-wrapper/tooltip-wrapper.module';
|
|
6
5
|
import { ParagraphModule } from '../paragraph/paragraph.module';
|
|
6
|
+
import { FormsModule } from '@angular/forms';
|
|
7
|
+
import { TooltipModule } from 'ngx-bootstrap/tooltip';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "ngx-bootstrap/tooltip";
|
|
8
10
|
export class InputFileUploadModule {
|
|
9
11
|
}
|
|
10
12
|
InputFileUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
-
InputFileUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, declarations: [InputFileUploadComponent], imports: [CommonModule, IconModule,
|
|
12
|
-
InputFileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, imports: [[CommonModule, IconModule,
|
|
13
|
+
InputFileUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, declarations: [InputFileUploadComponent], imports: [CommonModule, IconModule, ParagraphModule, FormsModule, i1.TooltipModule], exports: [InputFileUploadComponent] });
|
|
14
|
+
InputFileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, imports: [[CommonModule, IconModule, ParagraphModule, FormsModule, TooltipModule.forRoot()]] });
|
|
13
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, decorators: [{
|
|
14
16
|
type: NgModule,
|
|
15
17
|
args: [{
|
|
16
18
|
declarations: [InputFileUploadComponent],
|
|
17
|
-
imports: [CommonModule, IconModule,
|
|
19
|
+
imports: [CommonModule, IconModule, ParagraphModule, FormsModule, TooltipModule.forRoot()],
|
|
18
20
|
exports: [InputFileUploadComponent],
|
|
19
21
|
}]
|
|
20
22
|
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZmlsZS11cGxvYWQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9pbnB1dC1maWxlLXVwbG9hZC9pbnB1dC1maWxlLXVwbG9hZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDekUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFPdEQsTUFBTSxPQUFPLHFCQUFxQjs7a0hBQXJCLHFCQUFxQjttSEFBckIscUJBQXFCLGlCQUpqQix3QkFBd0IsYUFDN0IsWUFBWSxFQUFFLFVBQVUsRUFBRSxlQUFlLEVBQUUsV0FBVywrQkFDdEQsd0JBQXdCO21IQUV2QixxQkFBcUIsWUFIdkIsQ0FBQyxZQUFZLEVBQUUsVUFBVSxFQUFFLGVBQWUsRUFBRSxXQUFXLEVBQUUsYUFBYSxDQUFDLE9BQU8sRUFBRSxDQUFDOzJGQUcvRSxxQkFBcUI7a0JBTGpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ3hDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxVQUFVLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxhQUFhLENBQUMsT0FBTyxFQUFFLENBQUM7b0JBQzFGLE9BQU8sRUFBRSxDQUFDLHdCQUF3QixDQUFDO2lCQUNwQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgSW5wdXRGaWxlVXBsb2FkQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dC1maWxlLXVwbG9hZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBUb29sdGlwTW9kdWxlIH0gZnJvbSAnbmd4LWJvb3RzdHJhcC90b29sdGlwJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbSW5wdXRGaWxlVXBsb2FkQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbk1vZHVsZSwgUGFyYWdyYXBoTW9kdWxlLCBGb3Jtc01vZHVsZSwgVG9vbHRpcE1vZHVsZS5mb3JSb290KCldLFxuICBleHBvcnRzOiBbSW5wdXRGaWxlVXBsb2FkQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRGaWxlVXBsb2FkTW9kdWxlIHt9XG4iXX0=
|
|
@@ -2502,10 +2502,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2502
2502
|
class InputFileUploadComponent {
|
|
2503
2503
|
constructor() {
|
|
2504
2504
|
this.closeButtonClicked = new EventEmitter();
|
|
2505
|
+
this.textChanged = new EventEmitter();
|
|
2505
2506
|
this.getFileDetails = new EventEmitter();
|
|
2506
2507
|
}
|
|
2507
2508
|
ngOnInit() {
|
|
2508
|
-
this.filetypeAccepted =
|
|
2509
|
+
this.filetypeAccepted =
|
|
2510
|
+
this.inputFileUploadModel.fileFormatAccepted.join(', ');
|
|
2509
2511
|
}
|
|
2510
2512
|
onCloseButtonClick() {
|
|
2511
2513
|
this.closeButtonClicked.emit();
|
|
@@ -2514,33 +2516,44 @@ class InputFileUploadComponent {
|
|
|
2514
2516
|
this.file = event.target.files[0];
|
|
2515
2517
|
this.getFileDetails.emit(this.file);
|
|
2516
2518
|
}
|
|
2519
|
+
onTextChange(event) {
|
|
2520
|
+
if (this.inputFileUploadModel.fileValue.length === 0) {
|
|
2521
|
+
this.toolTip.hide();
|
|
2522
|
+
}
|
|
2523
|
+
this.textChanged.emit(event);
|
|
2524
|
+
}
|
|
2517
2525
|
onClick(event) {
|
|
2518
2526
|
event.target.value = null;
|
|
2519
2527
|
}
|
|
2520
2528
|
}
|
|
2521
2529
|
InputFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2522
|
-
InputFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputFileUploadComponent, selector: "symphony-input-file-upload", inputs: { inputFileUploadModel: "inputFileUploadModel" }, outputs: { closeButtonClicked: "closeButtonClicked", getFileDetails: "getFileDetails" }, ngImport: i0, template: "
|
|
2530
|
+
InputFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputFileUploadComponent, selector: "symphony-input-file-upload", inputs: { inputFileUploadModel: "inputFileUploadModel" }, outputs: { closeButtonClicked: "closeButtonClicked", textChanged: "textChanged", getFileDetails: "getFileDetails" }, viewQueries: [{ propertyName: "toolTip", first: true, predicate: ["pop"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"inputFileUploadModel\">\n <!-- File Upload -->\n <div class=\"sfx-input-label\">\n {{ inputFileUploadModel.inputLabel }}\n </div>\n <div\n class=\"sfx-input-file-upload\"\n tooltip=\"{{ inputFileUploadModel.fileValue }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n #pop=\"bs-tooltip\"\n [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\"\n >\n <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"> </label>\n\n <input\n type=\"file\"\n id=\"input-file-Upload\"\n name=\"input-file-Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n />\n <input\n type=\"text\"\n name=\"input-text\"\n id=\"input-file-Upload-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ inputFileUploadModel.placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n [(ngModel)]=\"inputFileUploadModel.fileValue\"\n />\n\n <symphony-icon\n class=\"sfx-cursor-pointer\"\n *ngIf=\"inputFileUploadModel.hasClose\"\n [icon]=\"'si-close-modal'\"\n [size]=\"'20px'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-paragraph\n *ngIf=\"inputFileUploadModel.hasError\"\n class=\"sfx-txt-red-v2 sfx-pl-5 sfx-d-flex\"\n [text]=\"inputFileUploadModel.errorText\"\n ></symphony-paragraph>\n </div>\n <!-- File Upload -->\n</div>\n", styles: [".sfx-input-file-upload{position:relative}.sfx-input-file-upload symphony-tooltip-wrapper .sfx-d-inline-block{width:100%;display:block}.sfx-input-file-upload label{line-height:40px;width:40px;margin:0;height:40px;position:absolute;text-align:center;right:-5px;top:5px}.sfx-input-file-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}.sfx-input-file-upload label:before{content:\"\\e957\";font-family:library-icons!important}.sfx-input-file-upload input[type=file]{visibility:hidden;position:absolute;top:0}.sfx-input-file-upload input[type=text]{width:100%;height:40px;border-radius:4px;box-shadow:none;padding:0 30px 0 20px;border:1px solid #d0d0d0;margin:5px;outline:none}.sfx-input-file-upload.has-Close input[type=text]{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label{right:30px;top:5px}.sfx-input-file-upload.has-Close symphony-icon{position:absolute;top:15px;right:0px}.sfx-input-label{font-weight:500;margin-left:5px;margin-bottom:5px}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2523
2531
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, decorators: [{
|
|
2524
2532
|
type: Component,
|
|
2525
|
-
args: [{ selector: 'symphony-input-file-upload', encapsulation: ViewEncapsulation.None, template: "
|
|
2533
|
+
args: [{ selector: 'symphony-input-file-upload', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"inputFileUploadModel\">\n <!-- File Upload -->\n <div class=\"sfx-input-label\">\n {{ inputFileUploadModel.inputLabel }}\n </div>\n <div\n class=\"sfx-input-file-upload\"\n tooltip=\"{{ inputFileUploadModel.fileValue }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n #pop=\"bs-tooltip\"\n [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\"\n >\n <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"> </label>\n\n <input\n type=\"file\"\n id=\"input-file-Upload\"\n name=\"input-file-Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n />\n <input\n type=\"text\"\n name=\"input-text\"\n id=\"input-file-Upload-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ inputFileUploadModel.placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n [(ngModel)]=\"inputFileUploadModel.fileValue\"\n />\n\n <symphony-icon\n class=\"sfx-cursor-pointer\"\n *ngIf=\"inputFileUploadModel.hasClose\"\n [icon]=\"'si-close-modal'\"\n [size]=\"'20px'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-paragraph\n *ngIf=\"inputFileUploadModel.hasError\"\n class=\"sfx-txt-red-v2 sfx-pl-5 sfx-d-flex\"\n [text]=\"inputFileUploadModel.errorText\"\n ></symphony-paragraph>\n </div>\n <!-- File Upload -->\n</div>\n", styles: [".sfx-input-file-upload{position:relative}.sfx-input-file-upload symphony-tooltip-wrapper .sfx-d-inline-block{width:100%;display:block}.sfx-input-file-upload label{line-height:40px;width:40px;margin:0;height:40px;position:absolute;text-align:center;right:-5px;top:5px}.sfx-input-file-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}.sfx-input-file-upload label:before{content:\"\\e957\";font-family:library-icons!important}.sfx-input-file-upload input[type=file]{visibility:hidden;position:absolute;top:0}.sfx-input-file-upload input[type=text]{width:100%;height:40px;border-radius:4px;box-shadow:none;padding:0 30px 0 20px;border:1px solid #d0d0d0;margin:5px;outline:none}.sfx-input-file-upload.has-Close input[type=text]{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label{right:30px;top:5px}.sfx-input-file-upload.has-Close symphony-icon{position:absolute;top:15px;right:0px}.sfx-input-label{font-weight:500;margin-left:5px;margin-bottom:5px}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
|
|
2526
2534
|
}], ctorParameters: function () { return []; }, propDecorators: { inputFileUploadModel: [{
|
|
2527
2535
|
type: Input
|
|
2528
2536
|
}], closeButtonClicked: [{
|
|
2529
2537
|
type: Output
|
|
2538
|
+
}], textChanged: [{
|
|
2539
|
+
type: Output
|
|
2530
2540
|
}], getFileDetails: [{
|
|
2531
2541
|
type: Output
|
|
2542
|
+
}], toolTip: [{
|
|
2543
|
+
type: ViewChild,
|
|
2544
|
+
args: ['pop', { static: false }]
|
|
2532
2545
|
}] } });
|
|
2533
2546
|
|
|
2534
2547
|
class InputFileUploadModule {
|
|
2535
2548
|
}
|
|
2536
2549
|
InputFileUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2537
|
-
InputFileUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, declarations: [InputFileUploadComponent], imports: [CommonModule, IconModule,
|
|
2538
|
-
InputFileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, imports: [[CommonModule, IconModule,
|
|
2550
|
+
InputFileUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, declarations: [InputFileUploadComponent], imports: [CommonModule, IconModule, ParagraphModule, FormsModule, i1$2.TooltipModule], exports: [InputFileUploadComponent] });
|
|
2551
|
+
InputFileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, imports: [[CommonModule, IconModule, ParagraphModule, FormsModule, TooltipModule.forRoot()]] });
|
|
2539
2552
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, decorators: [{
|
|
2540
2553
|
type: NgModule,
|
|
2541
2554
|
args: [{
|
|
2542
2555
|
declarations: [InputFileUploadComponent],
|
|
2543
|
-
imports: [CommonModule, IconModule,
|
|
2556
|
+
imports: [CommonModule, IconModule, ParagraphModule, FormsModule, TooltipModule.forRoot()],
|
|
2544
2557
|
exports: [InputFileUploadComponent],
|
|
2545
2558
|
}]
|
|
2546
2559
|
}] });
|