@symphony-talent/component-library 4.45.0 → 4.46.0

package/fesm2020/symphony-talent-component-library-projects-component-library.mjs

@@ -2492,6 +2492,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class InputFileUploadComponent {
+    constructor() {
+        this.closeButtonClicked = new EventEmitter();
+        this.getFileDetails = new EventEmitter();
+    }
+    ngOnInit() {
+        this.filetypeAccepted = this.inputFileUploadModel.fileFormatAccepted.join(', ');
+    }
+    onCloseButtonClick() {
+        this.closeButtonClicked.emit();
+    }
+    onFileSelect(event) {
+        this.file = event.target.files[0];
+        this.getFileDetails.emit(this.file);
+    }
+    onClick(event) {
+        event.target.value = null;
+    }
+}
+InputFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputFileUploadComponent, selector: "symphony-input-file-upload", inputs: { inputFileUploadModel: "inputFileUploadModel" }, outputs: { closeButtonClicked: "closeButtonClicked", getFileDetails: "getFileDetails" }, ngImport: i0, template: "\n<div *ngIf=\"inputFileUploadModel\">\n  <!-- File Upload -->\n  <div class=\"sfx-input-label\">\n    {{inputFileUploadModel.inputLabel}}\n  </div>\n  <div class=\"sfx-input-file-upload\" [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\">\n    <symphony-tooltip-wrapper\n    *ngIf=\"inputFileUploadModel.fileValue\"\n    [placement]=\"'top'\"\n    [tooltipHtml]=\"inputFileUploadModel.fileValue\"\n  >\n    <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"\n      ><span>{{inputFileUploadModel.fileValue}}</span>\n    </label>\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  </symphony-tooltip-wrapper>\n  <div\n  *ngIf=\"!inputFileUploadModel.fileValue\"\n>\n  <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"\n    ><span>{{inputFileUploadModel.fileValue}}</span>\n  </label>\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</div>\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 sfx-font-bold sfx-pl-5 sfx-d-flex\"\n      [text]=\"inputFileUploadModel.errorText\"\n    ></symphony-paragraph>\n  </div>\n  <!-- File Upload -->\n</div>", 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;padding-inline:20px;width:100%;font-weight:400;margin:5px;height:40px;display:block}.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:after{content:\"\";width:100%;height:40px;border:1px solid #d0d0d0;border-radius:4px;position:absolute;top:0;left:0;margin:5px}.sfx-input-file-upload label:before{content:\"\\e957\";font-family:library-icons!important;position:absolute;right:10px;top:5px}.sfx-input-file-upload input[type=file]{visibility:hidden;position:absolute;top:0}.sfx-input-file-upload.has-Close label{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label:after{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label:before{right:40px}.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}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-input-file-upload', encapsulation: ViewEncapsulation.None, template: "\n<div *ngIf=\"inputFileUploadModel\">\n  <!-- File Upload -->\n  <div class=\"sfx-input-label\">\n    {{inputFileUploadModel.inputLabel}}\n  </div>\n  <div class=\"sfx-input-file-upload\" [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\">\n    <symphony-tooltip-wrapper\n    *ngIf=\"inputFileUploadModel.fileValue\"\n    [placement]=\"'top'\"\n    [tooltipHtml]=\"inputFileUploadModel.fileValue\"\n  >\n    <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"\n      ><span>{{inputFileUploadModel.fileValue}}</span>\n    </label>\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  </symphony-tooltip-wrapper>\n  <div\n  *ngIf=\"!inputFileUploadModel.fileValue\"\n>\n  <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"\n    ><span>{{inputFileUploadModel.fileValue}}</span>\n  </label>\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</div>\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 sfx-font-bold sfx-pl-5 sfx-d-flex\"\n      [text]=\"inputFileUploadModel.errorText\"\n    ></symphony-paragraph>\n  </div>\n  <!-- File Upload -->\n</div>", 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;padding-inline:20px;width:100%;font-weight:400;margin:5px;height:40px;display:block}.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:after{content:\"\";width:100%;height:40px;border:1px solid #d0d0d0;border-radius:4px;position:absolute;top:0;left:0;margin:5px}.sfx-input-file-upload label:before{content:\"\\e957\";font-family:library-icons!important;position:absolute;right:10px;top:5px}.sfx-input-file-upload input[type=file]{visibility:hidden;position:absolute;top:0}.sfx-input-file-upload.has-Close label{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label:after{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label:before{right:40px}.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}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { inputFileUploadModel: [{
+                type: Input
+            }], closeButtonClicked: [{
+                type: Output
+            }], getFileDetails: [{
+                type: Output
+            }] } });
+
+class InputFileUploadModule {
+}
+InputFileUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+InputFileUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, declarations: [InputFileUploadComponent], imports: [CommonModule, IconModule, TooltipWrapperModule, ParagraphModule], exports: [InputFileUploadComponent] });
+InputFileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, imports: [[CommonModule, IconModule, TooltipWrapperModule, ParagraphModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [InputFileUploadComponent],
+                    imports: [CommonModule, IconModule, TooltipWrapperModule, ParagraphModule],
+                    exports: [InputFileUploadComponent],
+                }]
+        }] });
+
 var ColorNames;
 (function (ColorNames) {
     ColorNames["BLACK"] = "background-color-black";
@@ -2557,7 +2603,8 @@ AtomsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
         NotificationsModule,
         CharacterCounterModule,
         InputTextareaModule,
-        ColoredTextIndicatorModule] });
+        ColoredTextIndicatorModule,
+        InputFileUploadModule] });
 AtomsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, imports: [[], ButtonModule,
         ContextualMenuModule,
         AvatarModule,
@@ -2593,7 +2640,8 @@ AtomsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
         NotificationsModule,
         CharacterCounterModule,
         InputTextareaModule,
-        ColoredTextIndicatorModule] });
+        ColoredTextIndicatorModule,
+        InputFileUploadModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, decorators: [{
             type: NgModule,
             args: [{
@@ -2635,7 +2683,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         NotificationsModule,
                         CharacterCounterModule,
                         InputTextareaModule,
-                        ColoredTextIndicatorModule
+                        ColoredTextIndicatorModule,
+                        InputFileUploadModule
                     ]
                 }]
         }] });
@@ -7909,5 +7958,5 @@ var PartialPages;
  * Generated bundle index. Do not edit.
  */
 
-export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActionBarSelectionCounterComponent, ActionBarSelectionCounterModule, ActivityScoreLevel, AdvanceFilterSelectedCounterComponent, AdvanceFilterSelectedCounterModule, AdvanceSearchModalComponent, AdvanceSearchModalModule, AdvertiseModalComponent, AdvertiseModalModule, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, ButtonV2Component, ButtonV2Module, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, CharacterCounterComponent, CharacterCounterModule, ColorNames, ColoredTextIndicatorComponent, ColoredTextIndicatorModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, EditableSettingItemComponent, EditableSettingItemListComponent, EditableSettingItemListModule, EditableSettingItemModule, EditableSettingKey, EditableSettingPartialPageComponent, EditableSettingPartialPageModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FeedbackRequestListPageComponent, FeedbackRequestListPageModule, FeedbackSettingDetailsPageComponent, FeedbackSettingDetailsPageModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridNoRowsOverlayComponent, GridNoRowsOverlayModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, NotificationsComponent, NotificationsModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, OverflowTextTooltipComponent, OverflowTextTooltipModule, ParagraphComponent, ParagraphModule, PartialPages, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, SettingDetailPageComponent, SettingDetailPageModule, SettingListPageComponent, SettingListPageModule, SettingsDetailNavigationItemComponent, SettingsDetailNavigationItemModule, SettingsDetailNavigationListComponent, SettingsDetailNavigationListModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, TabsComponent, TabsModules, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
+export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActionBarSelectionCounterComponent, ActionBarSelectionCounterModule, ActivityScoreLevel, AdvanceFilterSelectedCounterComponent, AdvanceFilterSelectedCounterModule, AdvanceSearchModalComponent, AdvanceSearchModalModule, AdvertiseModalComponent, AdvertiseModalModule, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, ButtonV2Component, ButtonV2Module, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, CharacterCounterComponent, CharacterCounterModule, ColorNames, ColoredTextIndicatorComponent, ColoredTextIndicatorModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, EditableSettingItemComponent, EditableSettingItemListComponent, EditableSettingItemListModule, EditableSettingItemModule, EditableSettingKey, EditableSettingPartialPageComponent, EditableSettingPartialPageModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FeedbackRequestListPageComponent, FeedbackRequestListPageModule, FeedbackSettingDetailsPageComponent, FeedbackSettingDetailsPageModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridNoRowsOverlayComponent, GridNoRowsOverlayModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputFileUploadComponent, InputFileUploadModule, InputRadioComponent, InputRadioModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, NotificationsComponent, NotificationsModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, OverflowTextTooltipComponent, OverflowTextTooltipModule, ParagraphComponent, ParagraphModule, PartialPages, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, SettingDetailPageComponent, SettingDetailPageModule, SettingListPageComponent, SettingListPageModule, SettingsDetailNavigationItemComponent, SettingsDetailNavigationItemModule, SettingsDetailNavigationListComponent, SettingsDetailNavigationListModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, TabsComponent, TabsModules, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
 //# sourceMappingURL=symphony-talent-component-library-projects-component-library.mjs.map