@symphony-talent/component-library 4.141.0 → 4.143.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 +2 -2
- package/esm2020/lib/atoms/input-text/input-text.component.mjs +4 -3
- package/esm2020/lib/atoms/input-text/input-text.module.mjs +5 -4
- package/esm2020/projects/component-library/lib/atoms/input-file-upload/input-file-upload.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/atoms/input-text/input-text.component.mjs +4 -3
- package/esm2020/projects/component-library/lib/atoms/input-text/input-text.module.mjs +5 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +7 -7
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +7 -7
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +7 -7
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +7 -7
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/input-text/input-text.module.d.ts +3 -2
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/input-text/input-text.module.d.ts +3 -2
|
@@ -33,10 +33,10 @@ export class InputFileUploadComponent {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
InputFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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:\"\\
|
|
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:\"\\e9b7\";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 });
|
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
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:\"\\
|
|
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:\"\\e9b7\";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"] }]
|
|
40
40
|
}], ctorParameters: function () { return []; }, propDecorators: { inputFileUploadModel: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}], closeButtonClicked: [{
|
|
@@ -4,6 +4,7 @@ import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "../icon/icon.component";
|
|
6
6
|
import * as i2 from "@angular/common";
|
|
7
|
+
import * as i3 from "@angular/forms";
|
|
7
8
|
export class InputTextComponent {
|
|
8
9
|
constructor() {
|
|
9
10
|
this.placeholder = '';
|
|
@@ -30,10 +31,10 @@ export class InputTextComponent {
|
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
-
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", size: "size", value: "value", maxlength: "maxlength", isDisabled: "isDisabled" }, outputs: { textChange: "textChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [
|
|
34
|
+
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", size: "size", value: "value", maxlength: "maxlength", isDisabled: "isDisabled" }, outputs: { textChange: "textChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n #input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [(ngModel)]=\"value\"\n (keyup)=\"onTextChange($event)\"\n [attr.maxLength]=\"maxlength !== undefined ? maxlength : null\"\n [disabled]=\"isDisabled\"\n />\n <symphony-icon [size]=\"size\" [icon]=\"icon\"></symphony-icon>\n </div>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#000}.input-text-wrap.input-secondary .input-text{background-color:#fff;border-color:#334860}.input-text-wrap.input-secondary .input-text::-moz-placeholder{color:#000}.input-text-wrap.input-secondary .input-text:-ms-input-placeholder{color:#000}.input-text-wrap.input-secondary .input-text::placeholder{color:#000}.input-text-wrap .input-text-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:1.875rem;line-height:25px}.input-text-wrap .input-text::-moz-placeholder{color:#000}.input-text-wrap .input-text:-ms-input-placeholder{color:#000}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap .input-text:disabled{background-color:#f0f0f0;border:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:13px}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] });
|
|
34
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
35
36
|
type: Component,
|
|
36
|
-
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [
|
|
37
|
+
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n #input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [(ngModel)]=\"value\"\n (keyup)=\"onTextChange($event)\"\n [attr.maxLength]=\"maxlength !== undefined ? maxlength : null\"\n [disabled]=\"isDisabled\"\n />\n <symphony-icon [size]=\"size\" [icon]=\"icon\"></symphony-icon>\n </div>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#000}.input-text-wrap.input-secondary .input-text{background-color:#fff;border-color:#334860}.input-text-wrap.input-secondary .input-text::-moz-placeholder{color:#000}.input-text-wrap.input-secondary .input-text:-ms-input-placeholder{color:#000}.input-text-wrap.input-secondary .input-text::placeholder{color:#000}.input-text-wrap .input-text-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:1.875rem;line-height:25px}.input-text-wrap .input-text::-moz-placeholder{color:#000}.input-text-wrap .input-text:-ms-input-placeholder{color:#000}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap .input-text:disabled{background-color:#f0f0f0;border:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:13px}\n"] }]
|
|
37
38
|
}], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
|
|
38
39
|
type: Input
|
|
39
40
|
}], icon: [{
|
|
@@ -56,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
56
57
|
type: ViewChild,
|
|
57
58
|
args: ['input', { static: false }]
|
|
58
59
|
}] } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFnQixNQUFNLE1BQU0sQ0FBQztBQUM3QyxPQUFPLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBT3BFLE1BQU0sT0FBTyxrQkFBa0I7SUFpQjdCO1FBaEJTLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBS2pCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFJbEIsZUFBVSxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBSXpELGdCQUFXLEdBQUcsSUFBSSxPQUFPLEVBQVUsQ0FBQztJQUc1QixDQUFDO0lBRWhCLFFBQVE7UUFDTixJQUFJLENBQUMsc0JBQXNCLEdBQUcsSUFBSSxDQUFDLFdBQVc7YUFDM0MsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxvQkFBb0IsRUFBRSxDQUFDO2FBQ2hELFNBQVMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO1FBQ0wsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsc0JBQXNCLEVBQUUsV0FBVyxFQUFFLENBQUM7SUFDN0MsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFLO1FBQ2hCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNsQixDQUFDOzsrR0F0Q1Usa0JBQWtCO21HQUFsQixrQkFBa0IsZ1hDbEIvQix3cEJBeUJBOzJGRFBhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxxQkFBcUI7MEVBS3RCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU07Z0JBRWdDLEtBQUs7c0JBQTNDLFNBQVM7dUJBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktaW5wdXQtdGV4dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC10ZXh0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtdGV4dC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dFRleHRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgaXNJbnZlcnNlOiBib29sZWFuO1xuICBASW5wdXQoKSBzaXplOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbHVlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgbWF4bGVuZ3RoOiBudW1iZXI7XG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQ6IGJvb2xlYW47XG5cbiAgQE91dHB1dCgpIHRleHRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JywgeyBzdGF0aWM6IGZhbHNlIH0pIGlucHV0OiBFbGVtZW50UmVmO1xuXG4gIHB1YmxpYyB0ZXh0Q2hhbmdlJCA9IG5ldyBTdWJqZWN0PHN0cmluZz4oKTtcbiAgcHVibGljIHRleHRDaGFuZ2VTdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy50ZXh0Q2hhbmdlU3Vic2NyaXB0aW9uID0gdGhpcy50ZXh0Q2hhbmdlJFxuICAgICAgLnBpcGUoZGVib3VuY2VUaW1lKDEwMDApLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKVxuICAgICAgLnN1YnNjcmliZSgodGMpID0+IHtcbiAgICAgICAgdGhpcy50ZXh0Q2hhbmdlLmVtaXQodGMpO1xuICAgICAgfSk7XG4gICAgdGhpcy5zaXplID0gJzE0cHgnO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy50ZXh0Q2hhbmdlU3Vic2NyaXB0aW9uPy51bnN1YnNjcmliZSgpO1xuICB9XG5cbiAgb25UZXh0Q2hhbmdlKGV2ZW50KSB7XG4gICAgdGhpcy50ZXh0Q2hhbmdlJC5uZXh0KGV2ZW50LnRhcmdldC52YWx1ZSk7XG4gIH1cblxuICByZXNldFZhbHVlKCkge1xuICAgIHRoaXMudmFsdWUgPSAnJztcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImlucHV0LXRleHQtd3JhcFwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnaW5wdXQtc2Vjb25kYXJ5JzogaXNJbnZlcnNlXG4gIH1cIlxuPlxuICA8bGFiZWwgZm9yPVwiaW5wdXQtdGV4dFwiICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cImlucHV0LXRleHQtbGFiZWxcIj57e1xuICAgIGxhYmVsXG4gIH19PC9sYWJlbD5cbiAgPGRpdiBjbGFzcz1cInNmeC1wLTVcIj5cbiAgICA8aW5wdXRcbiAgICAgICNpbnB1dFxuICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgbmFtZT1cImlucHV0LXRleHRcIlxuICAgICAgY2xhc3M9XCJpbnB1dC10ZXh0XCJcbiAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiXG4gICAgICBwbGFjZWhvbGRlcj1cInt7IHBsYWNlaG9sZGVyIH19XCJcbiAgICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxuICAgICAgKGtleXVwKT1cIm9uVGV4dENoYW5nZSgkZXZlbnQpXCJcbiAgICAgIFthdHRyLm1heExlbmd0aF09XCJtYXhsZW5ndGggIT09IHVuZGVmaW5lZCA/IG1heGxlbmd0aCA6IG51bGxcIlxuICAgICAgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWRcIlxuICAgIC8+XG4gICAgPHN5bXBob255LWljb24gW3NpemVdPVwic2l6ZVwiIFtpY29uXT1cImljb25cIj48L3N5bXBob255LWljb24+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -2,18 +2,19 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { InputTextComponent } from './input-text.component';
|
|
4
4
|
import { IconModule } from '../icon/icon.module';
|
|
5
|
+
import { FormsModule } from '@angular/forms';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export class InputTextModule {
|
|
7
8
|
}
|
|
8
9
|
InputTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
-
InputTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, declarations: [InputTextComponent], imports: [CommonModule, IconModule], exports: [InputTextComponent] });
|
|
10
|
-
InputTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, imports: [[CommonModule, IconModule]] });
|
|
10
|
+
InputTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, declarations: [InputTextComponent], imports: [CommonModule, FormsModule, IconModule], exports: [InputTextComponent] });
|
|
11
|
+
InputTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, imports: [[CommonModule, FormsModule, IconModule]] });
|
|
11
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, decorators: [{
|
|
12
13
|
type: NgModule,
|
|
13
14
|
args: [{
|
|
14
15
|
declarations: [InputTextComponent],
|
|
15
|
-
imports: [CommonModule, IconModule],
|
|
16
|
+
imports: [CommonModule, FormsModule, IconModule],
|
|
16
17
|
exports: [InputTextComponent],
|
|
17
18
|
}]
|
|
18
19
|
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXRleHQvaW5wdXQtdGV4dC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFPN0MsTUFBTSxPQUFPLGVBQWU7OzRHQUFmLGVBQWU7NkdBQWYsZUFBZSxpQkFKWCxrQkFBa0IsYUFDdkIsWUFBWSxFQUFFLFdBQVcsRUFBRSxVQUFVLGFBQ3JDLGtCQUFrQjs2R0FFakIsZUFBZSxZQUhqQixDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsVUFBVSxDQUFDOzJGQUdyQyxlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLFVBQVUsQ0FBQztvQkFDaEQsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBJbnB1dFRleHRDb21wb25lbnQgfSBmcm9tICcuL2lucHV0LXRleHQuY29tcG9uZW50JztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtJbnB1dFRleHRDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgSWNvbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtJbnB1dFRleHRDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dFRleHRNb2R1bGUge31cbiJdfQ==
|
|
@@ -33,10 +33,10 @@ export class InputFileUploadComponent {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
InputFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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:\"\\
|
|
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:\"\\e9b7\";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 });
|
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
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:\"\\
|
|
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:\"\\e9b7\";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"] }]
|
|
40
40
|
}], ctorParameters: function () { return []; }, propDecorators: { inputFileUploadModel: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}], closeButtonClicked: [{
|
|
@@ -4,6 +4,7 @@ import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "../icon/icon.component";
|
|
6
6
|
import * as i2 from "@angular/common";
|
|
7
|
+
import * as i3 from "@angular/forms";
|
|
7
8
|
export class InputTextComponent {
|
|
8
9
|
constructor() {
|
|
9
10
|
this.placeholder = '';
|
|
@@ -30,10 +31,10 @@ export class InputTextComponent {
|
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
-
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", size: "size", value: "value", maxlength: "maxlength", isDisabled: "isDisabled" }, outputs: { textChange: "textChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [
|
|
34
|
+
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", size: "size", value: "value", maxlength: "maxlength", isDisabled: "isDisabled" }, outputs: { textChange: "textChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n #input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [(ngModel)]=\"value\"\n (keyup)=\"onTextChange($event)\"\n [attr.maxLength]=\"maxlength !== undefined ? maxlength : null\"\n [disabled]=\"isDisabled\"\n />\n <symphony-icon [size]=\"size\" [icon]=\"icon\"></symphony-icon>\n </div>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#000}.input-text-wrap.input-secondary .input-text{background-color:#fff;border-color:#334860}.input-text-wrap.input-secondary .input-text::-moz-placeholder{color:#000}.input-text-wrap.input-secondary .input-text:-ms-input-placeholder{color:#000}.input-text-wrap.input-secondary .input-text::placeholder{color:#000}.input-text-wrap .input-text-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:1.875rem;line-height:25px}.input-text-wrap .input-text::-moz-placeholder{color:#000}.input-text-wrap .input-text:-ms-input-placeholder{color:#000}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap .input-text:disabled{background-color:#f0f0f0;border:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:13px}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] });
|
|
34
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
35
36
|
type: Component,
|
|
36
|
-
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [
|
|
37
|
+
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n #input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [(ngModel)]=\"value\"\n (keyup)=\"onTextChange($event)\"\n [attr.maxLength]=\"maxlength !== undefined ? maxlength : null\"\n [disabled]=\"isDisabled\"\n />\n <symphony-icon [size]=\"size\" [icon]=\"icon\"></symphony-icon>\n </div>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#000}.input-text-wrap.input-secondary .input-text{background-color:#fff;border-color:#334860}.input-text-wrap.input-secondary .input-text::-moz-placeholder{color:#000}.input-text-wrap.input-secondary .input-text:-ms-input-placeholder{color:#000}.input-text-wrap.input-secondary .input-text::placeholder{color:#000}.input-text-wrap .input-text-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:1.875rem;line-height:25px}.input-text-wrap .input-text::-moz-placeholder{color:#000}.input-text-wrap .input-text:-ms-input-placeholder{color:#000}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap .input-text:disabled{background-color:#f0f0f0;border:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:13px}\n"] }]
|
|
37
38
|
}], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
|
|
38
39
|
type: Input
|
|
39
40
|
}], icon: [{
|
|
@@ -56,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
56
57
|
type: ViewChild,
|
|
57
58
|
args: ['input', { static: false }]
|
|
58
59
|
}] } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFnQixNQUFNLE1BQU0sQ0FBQztBQUM3QyxPQUFPLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBT3BFLE1BQU0sT0FBTyxrQkFBa0I7SUFpQjdCO1FBaEJTLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBS2pCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFJbEIsZUFBVSxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBSXpELGdCQUFXLEdBQUcsSUFBSSxPQUFPLEVBQVUsQ0FBQztJQUc1QixDQUFDO0lBRWhCLFFBQVE7UUFDTixJQUFJLENBQUMsc0JBQXNCLEdBQUcsSUFBSSxDQUFDLFdBQVc7YUFDM0MsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxvQkFBb0IsRUFBRSxDQUFDO2FBQ2hELFNBQVMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO1FBQ0wsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsc0JBQXNCLEVBQUUsV0FBVyxFQUFFLENBQUM7SUFDN0MsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFLO1FBQ2hCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNsQixDQUFDOzsrR0F0Q1Usa0JBQWtCO21HQUFsQixrQkFBa0IsZ1hDbEIvQix3cEJBeUJBOzJGRFBhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxxQkFBcUI7MEVBS3RCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU07Z0JBRWdDLEtBQUs7c0JBQTNDLFNBQVM7dUJBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktaW5wdXQtdGV4dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC10ZXh0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtdGV4dC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dFRleHRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgaXNJbnZlcnNlOiBib29sZWFuO1xuICBASW5wdXQoKSBzaXplOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbHVlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgbWF4bGVuZ3RoOiBudW1iZXI7XG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQ6IGJvb2xlYW47XG5cbiAgQE91dHB1dCgpIHRleHRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JywgeyBzdGF0aWM6IGZhbHNlIH0pIGlucHV0OiBFbGVtZW50UmVmO1xuXG4gIHB1YmxpYyB0ZXh0Q2hhbmdlJCA9IG5ldyBTdWJqZWN0PHN0cmluZz4oKTtcbiAgcHVibGljIHRleHRDaGFuZ2VTdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy50ZXh0Q2hhbmdlU3Vic2NyaXB0aW9uID0gdGhpcy50ZXh0Q2hhbmdlJFxuICAgICAgLnBpcGUoZGVib3VuY2VUaW1lKDEwMDApLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKVxuICAgICAgLnN1YnNjcmliZSgodGMpID0+IHtcbiAgICAgICAgdGhpcy50ZXh0Q2hhbmdlLmVtaXQodGMpO1xuICAgICAgfSk7XG4gICAgdGhpcy5zaXplID0gJzE0cHgnO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy50ZXh0Q2hhbmdlU3Vic2NyaXB0aW9uPy51bnN1YnNjcmliZSgpO1xuICB9XG5cbiAgb25UZXh0Q2hhbmdlKGV2ZW50KSB7XG4gICAgdGhpcy50ZXh0Q2hhbmdlJC5uZXh0KGV2ZW50LnRhcmdldC52YWx1ZSk7XG4gIH1cblxuICByZXNldFZhbHVlKCkge1xuICAgIHRoaXMudmFsdWUgPSAnJztcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImlucHV0LXRleHQtd3JhcFwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnaW5wdXQtc2Vjb25kYXJ5JzogaXNJbnZlcnNlXG4gIH1cIlxuPlxuICA8bGFiZWwgZm9yPVwiaW5wdXQtdGV4dFwiICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cImlucHV0LXRleHQtbGFiZWxcIj57e1xuICAgIGxhYmVsXG4gIH19PC9sYWJlbD5cbiAgPGRpdiBjbGFzcz1cInNmeC1wLTVcIj5cbiAgICA8aW5wdXRcbiAgICAgICNpbnB1dFxuICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgbmFtZT1cImlucHV0LXRleHRcIlxuICAgICAgY2xhc3M9XCJpbnB1dC10ZXh0XCJcbiAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiXG4gICAgICBwbGFjZWhvbGRlcj1cInt7IHBsYWNlaG9sZGVyIH19XCJcbiAgICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxuICAgICAgKGtleXVwKT1cIm9uVGV4dENoYW5nZSgkZXZlbnQpXCJcbiAgICAgIFthdHRyLm1heExlbmd0aF09XCJtYXhsZW5ndGggIT09IHVuZGVmaW5lZCA/IG1heGxlbmd0aCA6IG51bGxcIlxuICAgICAgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWRcIlxuICAgIC8+XG4gICAgPHN5bXBob255LWljb24gW3NpemVdPVwic2l6ZVwiIFtpY29uXT1cImljb25cIj48L3N5bXBob255LWljb24+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -2,18 +2,19 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { InputTextComponent } from './input-text.component';
|
|
4
4
|
import { IconModule } from '../icon/icon.module';
|
|
5
|
+
import { FormsModule } from '@angular/forms';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export class InputTextModule {
|
|
7
8
|
}
|
|
8
9
|
InputTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
-
InputTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, declarations: [InputTextComponent], imports: [CommonModule, IconModule], exports: [InputTextComponent] });
|
|
10
|
-
InputTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, imports: [[CommonModule, IconModule]] });
|
|
10
|
+
InputTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, declarations: [InputTextComponent], imports: [CommonModule, FormsModule, IconModule], exports: [InputTextComponent] });
|
|
11
|
+
InputTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, imports: [[CommonModule, FormsModule, IconModule]] });
|
|
11
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, decorators: [{
|
|
12
13
|
type: NgModule,
|
|
13
14
|
args: [{
|
|
14
15
|
declarations: [InputTextComponent],
|
|
15
|
-
imports: [CommonModule, IconModule],
|
|
16
|
+
imports: [CommonModule, FormsModule, IconModule],
|
|
16
17
|
exports: [InputTextComponent],
|
|
17
18
|
}]
|
|
18
19
|
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXRleHQvaW5wdXQtdGV4dC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFPN0MsTUFBTSxPQUFPLGVBQWU7OzRHQUFmLGVBQWU7NkdBQWYsZUFBZSxpQkFKWCxrQkFBa0IsYUFDdkIsWUFBWSxFQUFFLFdBQVcsRUFBRSxVQUFVLGFBQ3JDLGtCQUFrQjs2R0FFakIsZUFBZSxZQUhqQixDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsVUFBVSxDQUFDOzJGQUdyQyxlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLFVBQVUsQ0FBQztvQkFDaEQsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBJbnB1dFRleHRDb21wb25lbnQgfSBmcm9tICcuL2lucHV0LXRleHQuY29tcG9uZW50JztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtJbnB1dFRleHRDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgSWNvbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtJbnB1dFRleHRDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dFRleHRNb2R1bGUge31cbiJdfQ==
|
|
@@ -1671,10 +1671,10 @@ class InputTextComponent {
|
|
|
1671
1671
|
}
|
|
1672
1672
|
}
|
|
1673
1673
|
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1674
|
-
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", size: "size", value: "value", maxlength: "maxlength", isDisabled: "isDisabled" }, outputs: { textChange: "textChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [
|
|
1674
|
+
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", size: "size", value: "value", maxlength: "maxlength", isDisabled: "isDisabled" }, outputs: { textChange: "textChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n #input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [(ngModel)]=\"value\"\n (keyup)=\"onTextChange($event)\"\n [attr.maxLength]=\"maxlength !== undefined ? maxlength : null\"\n [disabled]=\"isDisabled\"\n />\n <symphony-icon [size]=\"size\" [icon]=\"icon\"></symphony-icon>\n </div>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#000}.input-text-wrap.input-secondary .input-text{background-color:#fff;border-color:#334860}.input-text-wrap.input-secondary .input-text::-moz-placeholder{color:#000}.input-text-wrap.input-secondary .input-text:-ms-input-placeholder{color:#000}.input-text-wrap.input-secondary .input-text::placeholder{color:#000}.input-text-wrap .input-text-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:1.875rem;line-height:25px}.input-text-wrap .input-text::-moz-placeholder{color:#000}.input-text-wrap .input-text:-ms-input-placeholder{color:#000}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap .input-text:disabled{background-color:#f0f0f0;border:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:13px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] });
|
|
1675
1675
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
1676
1676
|
type: Component,
|
|
1677
|
-
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [
|
|
1677
|
+
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n #input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [(ngModel)]=\"value\"\n (keyup)=\"onTextChange($event)\"\n [attr.maxLength]=\"maxlength !== undefined ? maxlength : null\"\n [disabled]=\"isDisabled\"\n />\n <symphony-icon [size]=\"size\" [icon]=\"icon\"></symphony-icon>\n </div>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#000}.input-text-wrap.input-secondary .input-text{background-color:#fff;border-color:#334860}.input-text-wrap.input-secondary .input-text::-moz-placeholder{color:#000}.input-text-wrap.input-secondary .input-text:-ms-input-placeholder{color:#000}.input-text-wrap.input-secondary .input-text::placeholder{color:#000}.input-text-wrap .input-text-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:1.875rem;line-height:25px}.input-text-wrap .input-text::-moz-placeholder{color:#000}.input-text-wrap .input-text:-ms-input-placeholder{color:#000}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap .input-text:disabled{background-color:#f0f0f0;border:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:13px}\n"] }]
|
|
1678
1678
|
}], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
|
|
1679
1679
|
type: Input
|
|
1680
1680
|
}], icon: [{
|
|
@@ -1701,13 +1701,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1701
1701
|
class InputTextModule {
|
|
1702
1702
|
}
|
|
1703
1703
|
InputTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1704
|
-
InputTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, declarations: [InputTextComponent], imports: [CommonModule, IconModule], exports: [InputTextComponent] });
|
|
1705
|
-
InputTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, imports: [[CommonModule, IconModule]] });
|
|
1704
|
+
InputTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, declarations: [InputTextComponent], imports: [CommonModule, FormsModule, IconModule], exports: [InputTextComponent] });
|
|
1705
|
+
InputTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, imports: [[CommonModule, FormsModule, IconModule]] });
|
|
1706
1706
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, decorators: [{
|
|
1707
1707
|
type: NgModule,
|
|
1708
1708
|
args: [{
|
|
1709
1709
|
declarations: [InputTextComponent],
|
|
1710
|
-
imports: [CommonModule, IconModule],
|
|
1710
|
+
imports: [CommonModule, FormsModule, IconModule],
|
|
1711
1711
|
exports: [InputTextComponent],
|
|
1712
1712
|
}]
|
|
1713
1713
|
}] });
|
|
@@ -2708,10 +2708,10 @@ class InputFileUploadComponent {
|
|
|
2708
2708
|
}
|
|
2709
2709
|
}
|
|
2710
2710
|
InputFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2711
|
-
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:\"\\
|
|
2711
|
+
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:\"\\e9b7\";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 });
|
|
2712
2712
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, decorators: [{
|
|
2713
2713
|
type: Component,
|
|
2714
|
-
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:\"\\
|
|
2714
|
+
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:\"\\e9b7\";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"] }]
|
|
2715
2715
|
}], ctorParameters: function () { return []; }, propDecorators: { inputFileUploadModel: [{
|
|
2716
2716
|
type: Input
|
|
2717
2717
|
}], closeButtonClicked: [{
|