@symphony-talent/component-library 4.169.0 → 4.171.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.
Files changed (21) hide show
  1. package/esm2020/lib/atoms/button-dropdown/button-dropdown.component.mjs +1 -1
  2. package/esm2020/lib/atoms/input-file-upload/input-file-upload.component.mjs +4 -3
  3. package/esm2020/lib/atoms/input-text/input-text.component.mjs +3 -3
  4. package/esm2020/projects/component-library/lib/atoms/button-dropdown/button-dropdown.component.mjs +1 -1
  5. package/esm2020/projects/component-library/lib/atoms/input-file-upload/input-file-upload.component.mjs +4 -3
  6. package/esm2020/projects/component-library/lib/atoms/input-text/input-text.component.mjs +3 -3
  7. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +5 -4
  8. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  9. package/fesm2015/symphony-talent-component-library.mjs +5 -4
  10. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  11. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +5 -4
  12. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  13. package/fesm2020/symphony-talent-component-library.mjs +5 -4
  14. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  15. package/lib/atoms/button-dropdown/button-dropdown.component.d.ts +1 -1
  16. package/lib/atoms/input-file-upload/input-file-upload.component.d.ts +1 -0
  17. package/lib/atoms/input-text/input-text.component.d.ts +1 -1
  18. package/package.json +1 -1
  19. package/projects/component-library/lib/atoms/button-dropdown/button-dropdown.component.d.ts +1 -1
  20. package/projects/component-library/lib/atoms/input-file-upload/input-file-upload.component.d.ts +1 -0
  21. package/projects/component-library/lib/atoms/input-text/input-text.component.d.ts +1 -1
@@ -1750,10 +1750,10 @@ class InputTextComponent {
1750
1750
  }
1751
1751
  }
1752
1752
  InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1753
- 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", textInfo: "textInfo", textLink: "textLink", textClick: "textClick", isLabelView: "isLabelView" }, outputs: { textChange: "textChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "textTemplateHide", first: true, predicate: ["textTemplateHide"], descendants: true }], ngImport: i0, template: "<div\n [ngClass]=\"{'hide': isLabelView}\"\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label [ngClass]=\"{'sfx-d-inline-block sfx-mr-10': textInfo}\" for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label><i\n *ngIf=\"textInfo\"\n class=\"si-info sfx-cursor-pointer\"\n [popover]=\"textTemplate\"\n placement=\"bottom\"\n containerClass=\"info-popover\"\n [outsideClick]=\"true\"\n #textTemplateHide=\"bs-popover\"\n></i>\n<ng-template #textTemplate\n ><div>{{textInfo}} <a [href]=\"textLink\" target='_blank' (click)='textTemplateHide.hide()'>{{textClick}}</a></div>\n</ng-template>\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<p [ngClass]=\"{'hide': !isLabelView}\" class=\"inputValueView\" *ngIf=\"isLabelView\">{{value}}</p>\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-label.sfx-d-inline-block{display:inline-block}.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.PopoverDirective, selector: "[popover]", inputs: ["outsideClick", "containerClass", "isOpen", "adaptivePosition", "popover", "popoverContext", "popoverTitle", "placement", "triggers", "container", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
1753
+ 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", textInfo: "textInfo", textLink: "textLink", textClick: "textClick", isLabelView: "isLabelView" }, outputs: { textChange: "textChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "textTemplateHide", first: true, predicate: ["textTemplateHide"], descendants: true }], ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse, 'hide': isLabelView\n }\"\n>\n <label [ngClass]=\"{'sfx-d-inline-block sfx-mr-10': textInfo}\" for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label><i\n *ngIf=\"textInfo\"\n class=\"si-info sfx-cursor-pointer\"\n [popover]=\"textTemplate\"\n placement=\"bottom\"\n containerClass=\"info-popover\"\n [outsideClick]=\"true\"\n #textTemplateHide=\"bs-popover\"\n></i>\n<ng-template #textTemplate\n ><div>{{textInfo}} <a [href]=\"textLink\" target='_blank' (click)='textTemplateHide.hide()'>{{textClick}}</a></div>\n</ng-template>\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<p [ngClass]=\"{'hide': !isLabelView}\" class=\"inputValueView\" *ngIf=\"isLabelView\">{{value}}</p>\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-label.sfx-d-inline-block{display:inline-block}.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.PopoverDirective, selector: "[popover]", inputs: ["outsideClick", "containerClass", "isOpen", "adaptivePosition", "popover", "popoverContext", "popoverTitle", "placement", "triggers", "container", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
1754
1754
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
1755
1755
  type: Component,
1756
- args: [{ selector: 'symphony-input-text', template: "<div\n [ngClass]=\"{'hide': isLabelView}\"\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label [ngClass]=\"{'sfx-d-inline-block sfx-mr-10': textInfo}\" for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label><i\n *ngIf=\"textInfo\"\n class=\"si-info sfx-cursor-pointer\"\n [popover]=\"textTemplate\"\n placement=\"bottom\"\n containerClass=\"info-popover\"\n [outsideClick]=\"true\"\n #textTemplateHide=\"bs-popover\"\n></i>\n<ng-template #textTemplate\n ><div>{{textInfo}} <a [href]=\"textLink\" target='_blank' (click)='textTemplateHide.hide()'>{{textClick}}</a></div>\n</ng-template>\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<p [ngClass]=\"{'hide': !isLabelView}\" class=\"inputValueView\" *ngIf=\"isLabelView\">{{value}}</p>\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-label.sfx-d-inline-block{display:inline-block}.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"] }]
1756
+ args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse, 'hide': isLabelView\n }\"\n>\n <label [ngClass]=\"{'sfx-d-inline-block sfx-mr-10': textInfo}\" for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label><i\n *ngIf=\"textInfo\"\n class=\"si-info sfx-cursor-pointer\"\n [popover]=\"textTemplate\"\n placement=\"bottom\"\n containerClass=\"info-popover\"\n [outsideClick]=\"true\"\n #textTemplateHide=\"bs-popover\"\n></i>\n<ng-template #textTemplate\n ><div>{{textInfo}} <a [href]=\"textLink\" target='_blank' (click)='textTemplateHide.hide()'>{{textClick}}</a></div>\n</ng-template>\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<p [ngClass]=\"{'hide': !isLabelView}\" class=\"inputValueView\" *ngIf=\"isLabelView\">{{value}}</p>\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-label.sfx-d-inline-block{display:inline-block}.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"] }]
1757
1757
  }], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
1758
1758
  type: Input
1759
1759
  }], icon: [{
@@ -2815,6 +2815,7 @@ class InputFileUploadComponent {
2815
2815
  ngOnInit() {
2816
2816
  this.filetypeAccepted =
2817
2817
  this.inputFileUploadModel.fileFormatAccepted.join(', ');
2818
+ this.identifier = 'input-file-upload-' + Date.now();
2818
2819
  }
2819
2820
  onCloseButtonClick() {
2820
2821
  this.closeButtonClicked.emit();
@@ -2834,10 +2835,10 @@ class InputFileUploadComponent {
2834
2835
  }
2835
2836
  }
2836
2837
  InputFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2837
- 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: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
2838
+ 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=\"{{identifier}}\"> </label>\n\n <input\n type=\"file\"\n id=\"{{identifier}}\"\n name=\"{{identifier}}\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n />\n <input\n type=\"text\"\n name=\"input-text\"\n id=\"{{identifier}}\"\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: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
2838
2839
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, decorators: [{
2839
2840
  type: Component,
2840
- 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"] }]
2841
+ 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=\"{{identifier}}\"> </label>\n\n <input\n type=\"file\"\n id=\"{{identifier}}\"\n name=\"{{identifier}}\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n />\n <input\n type=\"text\"\n name=\"input-text\"\n id=\"{{identifier}}\"\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"] }]
2841
2842
  }], ctorParameters: function () { return []; }, propDecorators: { inputFileUploadModel: [{
2842
2843
  type: Input
2843
2844
  }], closeButtonClicked: [{