@symphony-talent/component-library 3.24.0 → 3.24.1
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/navigation-link/navigation-link.component.mjs +26 -0
- package/esm2020/lib/atoms/navigation-link/navigation-link.model.mjs +2 -0
- package/esm2020/lib/atoms/navigation-link/navigation-link.module.mjs +20 -0
- package/esm2020/lib/molecules/file-upload/file-upload.model.mjs +1 -1
- package/esm2020/lib/molecules/file-upload-status/file-upload-status.component.mjs +5 -5
- package/esm2020/lib/molecules/file-upload-status/file-upload-status.model.mjs +1 -1
- package/esm2020/lib/molecules/file-upload-v2/file-upload-v2.component.mjs +17 -0
- package/esm2020/lib/molecules/file-upload-v2/file-upload-v2.module.mjs +38 -0
- package/esm2020/lib/organisms/document-management-list/document-management-list.component.mjs +10 -8
- package/esm2020/lib/organisms/sidebar-navigation/sidebar-navigation.component.mjs +37 -0
- package/esm2020/lib/organisms/sidebar-navigation/sidebar-navigation.module.mjs +34 -0
- package/esm2020/lib/organisms/upload-resume-modal/upload-resume-modal.component.mjs +6 -6
- package/esm2020/lib/organisms/upload-resume-modal/upload-resume-modal.model.mjs +1 -1
- package/esm2020/lib/organisms/upload-resume-modal/upload-resume-modal.module.mjs +33 -5
- package/esm2020/projects/component-library/lib/atoms/navigation-link/navigation-link.component.mjs +26 -0
- package/esm2020/projects/component-library/lib/atoms/navigation-link/navigation-link.model.mjs +2 -0
- package/esm2020/projects/component-library/lib/atoms/navigation-link/navigation-link.module.mjs +20 -0
- package/esm2020/projects/component-library/lib/molecules/file-upload/file-upload.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/file-upload-status/file-upload-status.component.mjs +5 -5
- package/esm2020/projects/component-library/lib/molecules/file-upload-status/file-upload-status.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/file-upload-v2/file-upload-v2.component.mjs +17 -0
- package/esm2020/projects/component-library/lib/molecules/file-upload-v2/file-upload-v2.module.mjs +38 -0
- package/esm2020/projects/component-library/lib/organisms/document-management-list/document-management-list.component.mjs +10 -8
- package/esm2020/projects/component-library/lib/organisms/sidebar-navigation/sidebar-navigation.component.mjs +37 -0
- package/esm2020/projects/component-library/lib/organisms/sidebar-navigation/sidebar-navigation.module.mjs +34 -0
- package/esm2020/projects/component-library/lib/organisms/upload-resume-modal/upload-resume-modal.component.mjs +6 -6
- package/esm2020/projects/component-library/lib/organisms/upload-resume-modal/upload-resume-modal.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/organisms/upload-resume-modal/upload-resume-modal.module.mjs +33 -5
- package/esm2020/projects/component-library/public-api.mjs +8 -1
- package/esm2020/public-api.mjs +8 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +182 -17
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +182 -17
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +182 -17
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +182 -17
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/navigation-link/navigation-link.component.d.ts +12 -0
- package/lib/atoms/navigation-link/navigation-link.model.d.ts +7 -0
- package/lib/atoms/navigation-link/navigation-link.module.d.ts +10 -0
- package/lib/molecules/file-upload/file-upload.model.d.ts +1 -0
- package/lib/molecules/file-upload-status/file-upload-status.model.d.ts +3 -0
- package/lib/molecules/file-upload-v2/file-upload-v2.component.d.ts +8 -0
- package/lib/molecules/file-upload-v2/file-upload-v2.module.d.ts +12 -0
- package/lib/organisms/document-management-list/document-management-list.component.d.ts +9 -5
- package/lib/organisms/sidebar-navigation/sidebar-navigation.component.d.ts +15 -0
- package/lib/organisms/sidebar-navigation/sidebar-navigation.module.d.ts +11 -0
- package/lib/organisms/upload-resume-modal/upload-resume-modal.model.d.ts +1 -0
- package/lib/organisms/upload-resume-modal/upload-resume-modal.module.d.ts +2 -2
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/navigation-link/navigation-link.component.d.ts +12 -0
- package/projects/component-library/lib/atoms/navigation-link/navigation-link.model.d.ts +7 -0
- package/projects/component-library/lib/atoms/navigation-link/navigation-link.module.d.ts +10 -0
- package/projects/component-library/lib/molecules/file-upload/file-upload.model.d.ts +1 -0
- package/projects/component-library/lib/molecules/file-upload-status/file-upload-status.model.d.ts +3 -0
- package/projects/component-library/lib/molecules/file-upload-v2/file-upload-v2.component.d.ts +8 -0
- package/projects/component-library/lib/molecules/file-upload-v2/file-upload-v2.module.d.ts +12 -0
- package/projects/component-library/lib/organisms/document-management-list/document-management-list.component.d.ts +9 -5
- package/projects/component-library/lib/organisms/sidebar-navigation/sidebar-navigation.component.d.ts +15 -0
- package/projects/component-library/lib/organisms/sidebar-navigation/sidebar-navigation.module.d.ts +11 -0
- package/projects/component-library/lib/organisms/upload-resume-modal/upload-resume-modal.model.d.ts +1 -0
- package/projects/component-library/lib/organisms/upload-resume-modal/upload-resume-modal.module.d.ts +2 -2
- package/projects/component-library/public-api.d.ts +7 -0
- package/public-api.d.ts +7 -0
|
@@ -1387,6 +1387,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1387
1387
|
}]
|
|
1388
1388
|
}] });
|
|
1389
1389
|
|
|
1390
|
+
class NavigationLinkComponent {
|
|
1391
|
+
constructor() {
|
|
1392
|
+
this.linkClick = new EventEmitter();
|
|
1393
|
+
}
|
|
1394
|
+
onClick() {
|
|
1395
|
+
this.linkClick.emit(this.navigationLinkModel);
|
|
1396
|
+
}
|
|
1397
|
+
}
|
|
1398
|
+
NavigationLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1399
|
+
NavigationLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkComponent, selector: "symphony-navigation-link", inputs: { navigationLinkModel: "navigationLinkModel", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</symphony-tooltip-wrapper>\n\n<div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n</div>\n", styles: [".nav-link a{color:#000;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.nav-link a i{display:inline-block;vertical-align:middle}.nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.nav-link a.sfx-menu-active{color:#eb0d8b;border-left:5px solid #eb0d8b}symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.sfx-menu-open.nav-link{width:280px}.sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.sfx-menu-open a:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}.sfx-menu-open a.sfx-menu-active{background:#eb0d8b;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1400
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkComponent, decorators: [{
|
|
1401
|
+
type: Component,
|
|
1402
|
+
args: [{ selector: 'symphony-navigation-link', template: "<symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</symphony-tooltip-wrapper>\n\n<div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n</div>\n", styles: [".nav-link a{color:#000;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.nav-link a i{display:inline-block;vertical-align:middle}.nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.nav-link a.sfx-menu-active{color:#eb0d8b;border-left:5px solid #eb0d8b}symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.sfx-menu-open.nav-link{width:280px}.sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.sfx-menu-open a:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}.sfx-menu-open a.sfx-menu-active{background:#eb0d8b;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"] }]
|
|
1403
|
+
}], ctorParameters: function () { return []; }, propDecorators: { navigationLinkModel: [{
|
|
1404
|
+
type: Input
|
|
1405
|
+
}], isMenuOpen: [{
|
|
1406
|
+
type: Input
|
|
1407
|
+
}], linkClick: [{
|
|
1408
|
+
type: Output
|
|
1409
|
+
}] } });
|
|
1410
|
+
|
|
1411
|
+
class NavigationLinkModule {
|
|
1412
|
+
}
|
|
1413
|
+
NavigationLinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1414
|
+
NavigationLinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkModule, declarations: [NavigationLinkComponent], imports: [CommonModule, TooltipWrapperModule, IconModule], exports: [NavigationLinkComponent] });
|
|
1415
|
+
NavigationLinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkModule, imports: [[CommonModule, TooltipWrapperModule, IconModule]] });
|
|
1416
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkModule, decorators: [{
|
|
1417
|
+
type: NgModule,
|
|
1418
|
+
args: [{
|
|
1419
|
+
declarations: [NavigationLinkComponent],
|
|
1420
|
+
imports: [CommonModule, TooltipWrapperModule, IconModule],
|
|
1421
|
+
exports: [NavigationLinkComponent],
|
|
1422
|
+
}]
|
|
1423
|
+
}] });
|
|
1424
|
+
|
|
1390
1425
|
class AtomsModule {
|
|
1391
1426
|
}
|
|
1392
1427
|
AtomsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -1692,10 +1727,10 @@ class FileUploadStatusComponent {
|
|
|
1692
1727
|
}
|
|
1693
1728
|
}
|
|
1694
1729
|
FileUploadStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1695
|
-
FileUploadStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: { fileUploadStatusModel: "fileUploadStatusModel", uploadStatus: "uploadStatus" }, outputs: { closeUploadComplete: "closeUploadComplete" }, ngImport: i0, template: "<!-- File Upload In Progress -->\n<div class=\"sfx-file-uploaded\" *ngIf=\"fileUploadStatusModel\">\n <symphony-h3\n class=\"sfx-mt-0 sfx-mb-15 sfx-font24\"\n [text]=\"uploadStatus\"\n ></symphony-h3>\n <div class=\"sfx-position-relative sfx-mt-10\">\n <symphony-paragraph\n class=\"sfx-mr-40 sfx-font-bold file-name\"\n [text]=\"fileUploadStatusModel.fileName\"\n ></symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-ml-40\"\n [text]=\"fileUploadStatusModel.fileSize\"\n ></symphony-paragraph>\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-file-uploaded\">\n <symphony-sfx-progress-bar\n *ngIf=\"fileUploadStatusModel.showProgressBar\"\n [progress]=\"fileUploadStatusModel.progress\"\n ></symphony-sfx-progress-bar>\n <div\n *ngIf=\"!fileUploadStatusModel.showProgressBar\"\n class=\"progress-bar-spacer\"\n ></div>\n </div>\n</div>\n<!-- (clicked)=\"closeUploadComplete()\"
|
|
1730
|
+
FileUploadStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: { fileUploadStatusModel: "fileUploadStatusModel", uploadStatus: "uploadStatus" }, outputs: { closeUploadComplete: "closeUploadComplete" }, ngImport: i0, template: "<!-- File Upload In Progress -->\n<div class=\"sfx-file-uploaded\" *ngIf=\"fileUploadStatusModel\">\n <symphony-h3\n class=\"sfx-mt-0 sfx-mb-15 sfx-font24\"\n [text]=\"uploadStatus\"\n ></symphony-h3>\n <div class=\"sfx-position-relative sfx-mt-15\">\n <symphony-icon\n *ngIf=\"fileUploadStatusModel.showSelectedfile\"\n class=\"sfx-mr-10 sfx-txt-green fileuploadicon\"\n [icon]=\"'si-confirmation'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n <symphony-icon\n *ngIf=\"fileUploadStatusModel.showUploadFailed\"\n class=\"sfx-mr-10 sfx-txt-red fileuploadicon\"\n [icon]=\"'si-pending-incomplete'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n <symphony-paragraph\n class=\"sfx-mr-40 sfx-font-bold file-name\"\n [text]=\"fileUploadStatusModel.fileName\"\n ></symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-ml-40\"\n [text]=\"fileUploadStatusModel.fileSize\"\n ></symphony-paragraph>\n <symphony-icon\n *ngIf=\"fileUploadStatusModel.showClose\"\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-file-uploaded\">\n <symphony-sfx-progress-bar\n *ngIf=\"fileUploadStatusModel.showProgressBar\"\n [progress]=\"fileUploadStatusModel.progress\"\n ></symphony-sfx-progress-bar>\n <div\n *ngIf=\"!fileUploadStatusModel.showProgressBar\"\n class=\"progress-bar-spacer\"\n ></div>\n </div>\n</div>\n<!-- (clicked)=\"closeUploadComplete()\" -->\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:50px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded .fileuploadicon{top:2px;position:relative}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}.progress-bar-spacer{height:20px}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: SfxProgressBarComponent, selector: "symphony-sfx-progress-bar", inputs: ["progress"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1696
1731
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadStatusComponent, decorators: [{
|
|
1697
1732
|
type: Component,
|
|
1698
|
-
args: [{ selector: 'symphony-file-upload-status', template: "<!-- File Upload In Progress -->\n<div class=\"sfx-file-uploaded\" *ngIf=\"fileUploadStatusModel\">\n <symphony-h3\n class=\"sfx-mt-0 sfx-mb-15 sfx-font24\"\n [text]=\"uploadStatus\"\n ></symphony-h3>\n <div class=\"sfx-position-relative sfx-mt-10\">\n <symphony-paragraph\n class=\"sfx-mr-40 sfx-font-bold file-name\"\n [text]=\"fileUploadStatusModel.fileName\"\n ></symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-ml-40\"\n [text]=\"fileUploadStatusModel.fileSize\"\n ></symphony-paragraph>\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-file-uploaded\">\n <symphony-sfx-progress-bar\n *ngIf=\"fileUploadStatusModel.showProgressBar\"\n [progress]=\"fileUploadStatusModel.progress\"\n ></symphony-sfx-progress-bar>\n <div\n *ngIf=\"!fileUploadStatusModel.showProgressBar\"\n class=\"progress-bar-spacer\"\n ></div>\n </div>\n</div>\n<!-- (clicked)=\"closeUploadComplete()\"
|
|
1733
|
+
args: [{ selector: 'symphony-file-upload-status', template: "<!-- File Upload In Progress -->\n<div class=\"sfx-file-uploaded\" *ngIf=\"fileUploadStatusModel\">\n <symphony-h3\n class=\"sfx-mt-0 sfx-mb-15 sfx-font24\"\n [text]=\"uploadStatus\"\n ></symphony-h3>\n <div class=\"sfx-position-relative sfx-mt-15\">\n <symphony-icon\n *ngIf=\"fileUploadStatusModel.showSelectedfile\"\n class=\"sfx-mr-10 sfx-txt-green fileuploadicon\"\n [icon]=\"'si-confirmation'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n <symphony-icon\n *ngIf=\"fileUploadStatusModel.showUploadFailed\"\n class=\"sfx-mr-10 sfx-txt-red fileuploadicon\"\n [icon]=\"'si-pending-incomplete'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n <symphony-paragraph\n class=\"sfx-mr-40 sfx-font-bold file-name\"\n [text]=\"fileUploadStatusModel.fileName\"\n ></symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-ml-40\"\n [text]=\"fileUploadStatusModel.fileSize\"\n ></symphony-paragraph>\n <symphony-icon\n *ngIf=\"fileUploadStatusModel.showClose\"\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"oncloseUploadComplete()\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-file-uploaded\">\n <symphony-sfx-progress-bar\n *ngIf=\"fileUploadStatusModel.showProgressBar\"\n [progress]=\"fileUploadStatusModel.progress\"\n ></symphony-sfx-progress-bar>\n <div\n *ngIf=\"!fileUploadStatusModel.showProgressBar\"\n class=\"progress-bar-spacer\"\n ></div>\n </div>\n</div>\n<!-- (clicked)=\"closeUploadComplete()\" -->\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:50px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded .fileuploadicon{top:2px;position:relative}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}.progress-bar-spacer{height:20px}\n"] }]
|
|
1699
1734
|
}], ctorParameters: function () { return []; }, propDecorators: { fileUploadStatusModel: [{
|
|
1700
1735
|
type: Input
|
|
1701
1736
|
}], uploadStatus: [{
|
|
@@ -1793,6 +1828,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1793
1828
|
}]
|
|
1794
1829
|
}] });
|
|
1795
1830
|
|
|
1831
|
+
class FileUploadV2Component extends FileUploadComponent {
|
|
1832
|
+
constructor() {
|
|
1833
|
+
super();
|
|
1834
|
+
}
|
|
1835
|
+
}
|
|
1836
|
+
FileUploadV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1837
|
+
FileUploadV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadV2Component, selector: "symphony-file-upload-v2", usesInheritance: true, ngImport: i0, template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Uploading...'\"\n class=\"hidefiledetail\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'File succesfully uploaded'\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload failed. File exceeds 2MB'\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n\n <!-- File Upload Incomplete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadIncomplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload failed. Please try again'\"\n ></symphony-file-upload-status>\n <!-- File Upload Incomplete -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:50px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:496px;max-width:496px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}.hidefiledetail .sfx-position-relative{display:none}.hidefiledetail .sfx-file-uploaded{margin-top:15px}.hidefiledetail .progress{height:10px}\n"], components: [{ type: FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: ["fileUploadStatusModel", "uploadStatus"], outputs: ["closeUploadComplete"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Component, decorators: [{
|
|
1839
|
+
type: Component,
|
|
1840
|
+
args: [{ selector: 'symphony-file-upload-v2', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Uploading...'\"\n class=\"hidefiledetail\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'File succesfully uploaded'\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload failed. File exceeds 2MB'\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n\n <!-- File Upload Incomplete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadIncomplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload failed. Please try again'\"\n ></symphony-file-upload-status>\n <!-- File Upload Incomplete -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:50px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:496px;max-width:496px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}.hidefiledetail .sfx-position-relative{display:none}.hidefiledetail .sfx-file-uploaded{margin-top:15px}.hidefiledetail .progress{height:10px}\n"] }]
|
|
1841
|
+
}], ctorParameters: function () { return []; } });
|
|
1842
|
+
|
|
1843
|
+
class FileUploadV2Module {
|
|
1844
|
+
}
|
|
1845
|
+
FileUploadV2Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1846
|
+
FileUploadV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Module, declarations: [FileUploadV2Component], imports: [CommonModule,
|
|
1847
|
+
H3Module,
|
|
1848
|
+
IconModule,
|
|
1849
|
+
ParagraphModule,
|
|
1850
|
+
FileUploadStatusModule], exports: [FileUploadV2Component] });
|
|
1851
|
+
FileUploadV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Module, imports: [[
|
|
1852
|
+
CommonModule,
|
|
1853
|
+
H3Module,
|
|
1854
|
+
IconModule,
|
|
1855
|
+
ParagraphModule,
|
|
1856
|
+
FileUploadStatusModule,
|
|
1857
|
+
]] });
|
|
1858
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Module, decorators: [{
|
|
1859
|
+
type: NgModule,
|
|
1860
|
+
args: [{
|
|
1861
|
+
declarations: [FileUploadV2Component],
|
|
1862
|
+
imports: [
|
|
1863
|
+
CommonModule,
|
|
1864
|
+
H3Module,
|
|
1865
|
+
IconModule,
|
|
1866
|
+
ParagraphModule,
|
|
1867
|
+
FileUploadStatusModule,
|
|
1868
|
+
],
|
|
1869
|
+
exports: [FileUploadV2Component],
|
|
1870
|
+
}]
|
|
1871
|
+
}] });
|
|
1872
|
+
|
|
1796
1873
|
class DocumentManagementItemComponent {
|
|
1797
1874
|
constructor() {
|
|
1798
1875
|
this.previewClicked = new EventEmitter();
|
|
@@ -2284,10 +2361,10 @@ class UploadResumeModalComponent {
|
|
|
2284
2361
|
}
|
|
2285
2362
|
ngOnInit() {
|
|
2286
2363
|
this.model = {
|
|
2287
|
-
title: '
|
|
2364
|
+
title: 'Add document',
|
|
2288
2365
|
subTitle: 'Attach a .rtf, .docx, .txt or .pdf file upto 2MB',
|
|
2289
2366
|
btnPrimary: 'Save',
|
|
2290
|
-
btnSecondary: '
|
|
2367
|
+
btnSecondary: 'Back',
|
|
2291
2368
|
documentTypeDropdown: {
|
|
2292
2369
|
selectedName: 'Cover letter',
|
|
2293
2370
|
dropdownList: [
|
|
@@ -2344,10 +2421,10 @@ class UploadResumeModalComponent {
|
|
|
2344
2421
|
}
|
|
2345
2422
|
}
|
|
2346
2423
|
UploadResumeModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2347
|
-
UploadResumeModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: UploadResumeModalComponent, selector: "symphony-upload-resume-modal", inputs: { uploadResumeModel: "uploadResumeModel", isLoading: "isLoading" }, outputs: { closeUploadComplete: "closeUploadComplete", buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked", docTypeDropdowChange: "docTypeDropdowChange", updateResumeChecked: "updateResumeChecked", fileCloseClick: "fileCloseClick" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\" *ngIf=\"uploadResumeModel && model\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <div class=\"sfx-mt-15\">\n <symphony-paragraph [text]=\"model.subTitle\"></symphony-paragraph>\n </div>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n <symphony-input-dropdown\n *ngIf=\"!uploadResumeModel.isLoading\"\n [inputDropdownListModel]=\"model.documentTypeDropdown\"\n (selectItem)=\"onDocTypeSelect($event)\"\n ></symphony-input-dropdown>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mt-33\">\n <symphony-input-checkbox\n *ngIf=\"uploadResumeModel.isResume\"\n [label]=\"'Update the contact data with this resume'\"\n (clicked)=\"onResumeCheckSelect($event)\"\n ></symphony-input-checkbox>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <symphony-file-upload\n *ngIf=\"!uploadResumeModel.isLoading\"\n [fileUploadModel]=\"uploadResumeModel.fileUploadModel\"\n (closeClick)=\"onCloseClick()\"\n ></symphony-file-upload>\n <div class=\"sfx-mt-30 sfx-mb-30\" *ngIf=\"uploadResumeModel.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pl-30 sfx-pr-30\">\n <symphony-button\n *ngIf=\"\n uploadResumeModel.fileUploadModel.navigation.
|
|
2424
|
+
UploadResumeModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: UploadResumeModalComponent, selector: "symphony-upload-resume-modal", inputs: { uploadResumeModel: "uploadResumeModel", isLoading: "isLoading" }, outputs: { closeUploadComplete: "closeUploadComplete", buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked", docTypeDropdowChange: "docTypeDropdowChange", updateResumeChecked: "updateResumeChecked", fileCloseClick: "fileCloseClick" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\" *ngIf=\"uploadResumeModel && model\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <div class=\"sfx-mt-15\">\n <symphony-paragraph [text]=\"model.subTitle\"></symphony-paragraph>\n </div>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n <symphony-input-dropdown\n *ngIf=\"!uploadResumeModel.isLoading\"\n [inputDropdownListModel]=\"model.documentTypeDropdown\"\n (selectItem)=\"onDocTypeSelect($event)\"\n ></symphony-input-dropdown>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mt-33\">\n <symphony-input-checkbox\n *ngIf=\"uploadResumeModel.isResume\"\n [label]=\"'Update the contact data with this resume'\"\n (clicked)=\"onResumeCheckSelect($event)\"\n ></symphony-input-checkbox>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <symphony-file-upload-v2\n *ngIf=\"!uploadResumeModel.isLoading\"\n [fileUploadModel]=\"uploadResumeModel.fileUploadModel\"\n (closeClick)=\"onCloseClick()\"\n ></symphony-file-upload-v2>\n <div class=\"sfx-mt-30 sfx-mb-30\" *ngIf=\"uploadResumeModel.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pl-30 sfx-pr-30\">\n <symphony-button\n *ngIf=\"\n uploadResumeModel.fileUploadModel.navigation.showUploadComplete ||\n uploadResumeModel.fileUploadModel.navigation.showUploadError ||\n uploadResumeModel.fileUploadModel.navigation.showUploadIncomplete\n \"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"\n uploadResumeModel.fileUploadModel.navigation.showUploadFile ||\n uploadResumeModel.fileUploadModel.navigation.showUploadComplete ||\n uploadResumeModel.fileUploadModel.navigation.showUploadProgress ||\n uploadResumeModel.fileUploadModel.navigation.showUploadError ||\n uploadResumeModel.fileUploadModel.navigation.showUploadIncomplete\n \"\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"\n uploadResumeModel.isLoading ||\n uploadResumeModel.fileUploadModel.navigation.showUploadFile ||\n uploadResumeModel.fileUploadModel.navigation.showUploadProgress ||\n uploadResumeModel.fileUploadModel.navigation.showUploadError ||\n uploadResumeModel.fileUploadModel.navigation.showUploadIncomplete\n \"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".sfx-mt-33{margin-top:33px}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputCheckboxComponent, selector: "symphony-input-checkbox", inputs: ["isActive", "label", "isRequired"], outputs: ["clicked"] }, { type: FileUploadV2Component, selector: "symphony-file-upload-v2" }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2348
2425
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalComponent, decorators: [{
|
|
2349
2426
|
type: Component,
|
|
2350
|
-
args: [{ selector: 'symphony-upload-resume-modal', template: "<div class=\"sfx sfx-modal\" *ngIf=\"uploadResumeModel && model\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <div class=\"sfx-mt-15\">\n <symphony-paragraph [text]=\"model.subTitle\"></symphony-paragraph>\n </div>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n <symphony-input-dropdown\n *ngIf=\"!uploadResumeModel.isLoading\"\n [inputDropdownListModel]=\"model.documentTypeDropdown\"\n (selectItem)=\"onDocTypeSelect($event)\"\n ></symphony-input-dropdown>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mt-33\">\n <symphony-input-checkbox\n *ngIf=\"uploadResumeModel.isResume\"\n [label]=\"'Update the contact data with this resume'\"\n (clicked)=\"onResumeCheckSelect($event)\"\n ></symphony-input-checkbox>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <symphony-file-upload\n *ngIf=\"!uploadResumeModel.isLoading\"\n [fileUploadModel]=\"uploadResumeModel.fileUploadModel\"\n (closeClick)=\"onCloseClick()\"\n ></symphony-file-upload>\n <div class=\"sfx-mt-30 sfx-mb-30\" *ngIf=\"uploadResumeModel.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pl-30 sfx-pr-30\">\n <symphony-button\n *ngIf=\"\n uploadResumeModel.fileUploadModel.navigation.
|
|
2427
|
+
args: [{ selector: 'symphony-upload-resume-modal', template: "<div class=\"sfx sfx-modal\" *ngIf=\"uploadResumeModel && model\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <div class=\"sfx-mt-15\">\n <symphony-paragraph [text]=\"model.subTitle\"></symphony-paragraph>\n </div>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n <symphony-input-dropdown\n *ngIf=\"!uploadResumeModel.isLoading\"\n [inputDropdownListModel]=\"model.documentTypeDropdown\"\n (selectItem)=\"onDocTypeSelect($event)\"\n ></symphony-input-dropdown>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mt-33\">\n <symphony-input-checkbox\n *ngIf=\"uploadResumeModel.isResume\"\n [label]=\"'Update the contact data with this resume'\"\n (clicked)=\"onResumeCheckSelect($event)\"\n ></symphony-input-checkbox>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <symphony-file-upload-v2\n *ngIf=\"!uploadResumeModel.isLoading\"\n [fileUploadModel]=\"uploadResumeModel.fileUploadModel\"\n (closeClick)=\"onCloseClick()\"\n ></symphony-file-upload-v2>\n <div class=\"sfx-mt-30 sfx-mb-30\" *ngIf=\"uploadResumeModel.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pl-30 sfx-pr-30\">\n <symphony-button\n *ngIf=\"\n uploadResumeModel.fileUploadModel.navigation.showUploadComplete ||\n uploadResumeModel.fileUploadModel.navigation.showUploadError ||\n uploadResumeModel.fileUploadModel.navigation.showUploadIncomplete\n \"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"\n uploadResumeModel.fileUploadModel.navigation.showUploadFile ||\n uploadResumeModel.fileUploadModel.navigation.showUploadComplete ||\n uploadResumeModel.fileUploadModel.navigation.showUploadProgress ||\n uploadResumeModel.fileUploadModel.navigation.showUploadError ||\n uploadResumeModel.fileUploadModel.navigation.showUploadIncomplete\n \"\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"\n uploadResumeModel.isLoading ||\n uploadResumeModel.fileUploadModel.navigation.showUploadFile ||\n uploadResumeModel.fileUploadModel.navigation.showUploadProgress ||\n uploadResumeModel.fileUploadModel.navigation.showUploadError ||\n uploadResumeModel.fileUploadModel.navigation.showUploadIncomplete\n \"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".sfx-mt-33{margin-top:33px}\n"] }]
|
|
2351
2428
|
}], ctorParameters: function () { return []; }, propDecorators: { uploadResumeModel: [{
|
|
2352
2429
|
type: Input
|
|
2353
2430
|
}], isLoading: [{
|
|
@@ -2369,13 +2446,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2369
2446
|
class UploadResumeModalModule {
|
|
2370
2447
|
}
|
|
2371
2448
|
UploadResumeModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2372
|
-
UploadResumeModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalModule, declarations: [UploadResumeModalComponent], imports: [CommonModule,
|
|
2373
|
-
|
|
2449
|
+
UploadResumeModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalModule, declarations: [UploadResumeModalComponent], imports: [CommonModule,
|
|
2450
|
+
H4Module,
|
|
2451
|
+
ParagraphModule,
|
|
2452
|
+
IconModule,
|
|
2453
|
+
ButtonModule,
|
|
2454
|
+
InputDropdownModule,
|
|
2455
|
+
FileUploadV2Module,
|
|
2456
|
+
SfxLoaderModule,
|
|
2457
|
+
InputCheckboxModule], exports: [UploadResumeModalComponent] });
|
|
2458
|
+
UploadResumeModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalModule, imports: [[
|
|
2459
|
+
CommonModule,
|
|
2460
|
+
H4Module,
|
|
2461
|
+
ParagraphModule,
|
|
2462
|
+
IconModule,
|
|
2463
|
+
ButtonModule,
|
|
2464
|
+
InputDropdownModule,
|
|
2465
|
+
FileUploadV2Module,
|
|
2466
|
+
SfxLoaderModule,
|
|
2467
|
+
InputCheckboxModule,
|
|
2468
|
+
]] });
|
|
2374
2469
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalModule, decorators: [{
|
|
2375
2470
|
type: NgModule,
|
|
2376
2471
|
args: [{
|
|
2377
2472
|
declarations: [UploadResumeModalComponent],
|
|
2378
|
-
imports: [
|
|
2473
|
+
imports: [
|
|
2474
|
+
CommonModule,
|
|
2475
|
+
H4Module,
|
|
2476
|
+
ParagraphModule,
|
|
2477
|
+
IconModule,
|
|
2478
|
+
ButtonModule,
|
|
2479
|
+
InputDropdownModule,
|
|
2480
|
+
FileUploadV2Module,
|
|
2481
|
+
SfxLoaderModule,
|
|
2482
|
+
InputCheckboxModule,
|
|
2483
|
+
],
|
|
2379
2484
|
exports: [UploadResumeModalComponent],
|
|
2380
2485
|
}]
|
|
2381
2486
|
}] });
|
|
@@ -2615,22 +2720,24 @@ class DocumentManagementListComponent {
|
|
|
2615
2720
|
ngOnInit() {
|
|
2616
2721
|
this.isLoading = false;
|
|
2617
2722
|
}
|
|
2618
|
-
onMoreClick(documentManagementItemModel) {
|
|
2619
|
-
this.moreOptionClick.emit(documentManagementItemModel);
|
|
2723
|
+
onMoreClick(optionClickEvent, documentManagementItemModel) {
|
|
2724
|
+
this.moreOptionClick.emit({ optionClicked: optionClickEvent, item: documentManagementItemModel });
|
|
2620
2725
|
}
|
|
2621
|
-
onPreviewClick(documentManagementItemModel) {
|
|
2622
|
-
this.previewClick.emit(documentManagementItemModel);
|
|
2726
|
+
onPreviewClick(optionClickEvent, documentManagementItemModel) {
|
|
2727
|
+
this.previewClick.emit({ optionClicked: optionClickEvent, item: documentManagementItemModel });
|
|
2623
2728
|
}
|
|
2624
2729
|
onUploadClick() {
|
|
2625
2730
|
this.uploadClick.emit();
|
|
2626
2731
|
}
|
|
2627
2732
|
}
|
|
2628
2733
|
DocumentManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2629
|
-
DocumentManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementListComponent, selector: "symphony-document-management-list", inputs: { documentManagementList: "documentManagementList" }, outputs: { moreOptionClick: "moreOptionClick", previewClick: "previewClick", uploadClick: "uploadClick" }, ngImport: i0, template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n <div class=\"dml-title-wrap\">\n <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n <symphony-icon-wrapper (click)=\"onUploadClick()\"\n class=\"dml-title-icon-right\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n <li *ngFor=\"let dmItem of documentManagementList\">\n <symphony-document-management-item\n [documentManagementItemModel]=\"dmItem\"\n (moreOptionClicked)=\"onMoreClick($event)\"\n (previewClicked)=\"onPreviewClick($event)\"\n ></symphony-document-management-item>\n </li>\n </ul>\n <div *ngIf=\"isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: ["documentManagementItemModel"], outputs: ["previewClicked", "moreOptionClicked"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2734
|
+
DocumentManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementListComponent, selector: "symphony-document-management-list", inputs: { isLoading: "isLoading", documentManagementList: "documentManagementList" }, outputs: { moreOptionClick: "moreOptionClick", previewClick: "previewClick", uploadClick: "uploadClick" }, ngImport: i0, template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n <div class=\"dml-title-wrap\">\n <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n <symphony-icon-wrapper (click)=\"onUploadClick()\"\n class=\"dml-title-icon-right\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n <li *ngFor=\"let dmItem of documentManagementList\">\n <symphony-document-management-item\n [documentManagementItemModel]=\"dmItem\"\n (moreOptionClicked)=\"onMoreClick($event, dmItem)\"\n (previewClicked)=\"onPreviewClick($event, dmItem)\"\n ></symphony-document-management-item>\n </li>\n </ul>\n <div *ngIf=\"isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: ["documentManagementItemModel"], outputs: ["previewClicked", "moreOptionClicked"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2630
2735
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListComponent, decorators: [{
|
|
2631
2736
|
type: Component,
|
|
2632
|
-
args: [{ selector: 'symphony-document-management-list', template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n <div class=\"dml-title-wrap\">\n <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n <symphony-icon-wrapper (click)=\"onUploadClick()\"\n class=\"dml-title-icon-right\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n <li *ngFor=\"let dmItem of documentManagementList\">\n <symphony-document-management-item\n [documentManagementItemModel]=\"dmItem\"\n (moreOptionClicked)=\"onMoreClick($event)\"\n (previewClicked)=\"onPreviewClick($event)\"\n ></symphony-document-management-item>\n </li>\n </ul>\n <div *ngIf=\"isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"] }]
|
|
2633
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
2737
|
+
args: [{ selector: 'symphony-document-management-list', template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n <div class=\"dml-title-wrap\">\n <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n <symphony-icon-wrapper (click)=\"onUploadClick()\"\n class=\"dml-title-icon-right\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n <li *ngFor=\"let dmItem of documentManagementList\">\n <symphony-document-management-item\n [documentManagementItemModel]=\"dmItem\"\n (moreOptionClicked)=\"onMoreClick($event, dmItem)\"\n (previewClicked)=\"onPreviewClick($event, dmItem)\"\n ></symphony-document-management-item>\n </li>\n </ul>\n <div *ngIf=\"isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"] }]
|
|
2738
|
+
}], ctorParameters: function () { return []; }, propDecorators: { isLoading: [{
|
|
2739
|
+
type: Input
|
|
2740
|
+
}], documentManagementList: [{
|
|
2634
2741
|
type: Input
|
|
2635
2742
|
}], moreOptionClick: [{
|
|
2636
2743
|
type: Output
|
|
@@ -2654,6 +2761,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2654
2761
|
}]
|
|
2655
2762
|
}] });
|
|
2656
2763
|
|
|
2764
|
+
class SidebarNavigationComponent {
|
|
2765
|
+
constructor(cdRef) {
|
|
2766
|
+
this.cdRef = cdRef;
|
|
2767
|
+
this.linkClick = new EventEmitter();
|
|
2768
|
+
this.isMenuOpen = false;
|
|
2769
|
+
}
|
|
2770
|
+
onLinkClick(activeLink) {
|
|
2771
|
+
this.linkClick.emit(activeLink.linkText);
|
|
2772
|
+
}
|
|
2773
|
+
onMenuClick() {
|
|
2774
|
+
if (!this.isMenuOpen) {
|
|
2775
|
+
this.isMenuOpen = true;
|
|
2776
|
+
}
|
|
2777
|
+
else {
|
|
2778
|
+
this.isMenuOpen = false;
|
|
2779
|
+
}
|
|
2780
|
+
}
|
|
2781
|
+
}
|
|
2782
|
+
SidebarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2783
|
+
SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;z-index:9;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: NavigationLinkComponent, selector: "symphony-navigation-link", inputs: ["navigationLinkModel", "isMenuOpen"], outputs: ["linkClick"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2784
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
2785
|
+
type: Component,
|
|
2786
|
+
args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;z-index:9;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"] }]
|
|
2787
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { navLinks: [{
|
|
2788
|
+
type: Input
|
|
2789
|
+
}], linkClick: [{
|
|
2790
|
+
type: Output
|
|
2791
|
+
}], isMenuOpen: [{
|
|
2792
|
+
type: Input
|
|
2793
|
+
}] } });
|
|
2794
|
+
|
|
2795
|
+
class SidebarNavigationModule {
|
|
2796
|
+
}
|
|
2797
|
+
SidebarNavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2798
|
+
SidebarNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationModule, declarations: [SidebarNavigationComponent], imports: [CommonModule,
|
|
2799
|
+
NavigationLinkModule,
|
|
2800
|
+
IconModule,
|
|
2801
|
+
TooltipWrapperModule], exports: [SidebarNavigationComponent] });
|
|
2802
|
+
SidebarNavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationModule, imports: [[
|
|
2803
|
+
CommonModule,
|
|
2804
|
+
NavigationLinkModule,
|
|
2805
|
+
IconModule,
|
|
2806
|
+
TooltipWrapperModule,
|
|
2807
|
+
]] });
|
|
2808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationModule, decorators: [{
|
|
2809
|
+
type: NgModule,
|
|
2810
|
+
args: [{
|
|
2811
|
+
declarations: [SidebarNavigationComponent],
|
|
2812
|
+
imports: [
|
|
2813
|
+
CommonModule,
|
|
2814
|
+
NavigationLinkModule,
|
|
2815
|
+
IconModule,
|
|
2816
|
+
TooltipWrapperModule,
|
|
2817
|
+
],
|
|
2818
|
+
exports: [SidebarNavigationComponent],
|
|
2819
|
+
}]
|
|
2820
|
+
}] });
|
|
2821
|
+
|
|
2657
2822
|
class NoteComponent {
|
|
2658
2823
|
constructor() {
|
|
2659
2824
|
this.noteModel = {
|
|
@@ -4873,5 +5038,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
4873
5038
|
* Generated bundle index. Do not edit.
|
|
4874
5039
|
*/
|
|
4875
5040
|
|
|
4876
|
-
export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActivityScoreLevel, AdvertiseModalComponent, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CardComponent, CardListComponent, CardListModule, CardModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FileUploadComponent, FileUploadModule, FilterAreaComponent, FilterAreaModule, FrameworkModule, GridActionsJobListComponent, GridActionsJobListModule, GridCellLoaderModule, GridComponent, GridControlsJobListComponent, GridControlsJobListModule, GridLoadingCellComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, LibrariesPageComponent, LibrariesPageModule, ModalModule, MoleculesModule, OrganismsModule, ParagraphComponent, ParagraphModule, PillComponent, PillModule, PillsComponent, PillsModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, gridType };
|
|
5041
|
+
export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActivityScoreLevel, AdvertiseModalComponent, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CardComponent, CardListComponent, CardListModule, CardModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FrameworkModule, GridActionsJobListComponent, GridActionsJobListModule, GridCellLoaderModule, GridComponent, GridControlsJobListComponent, GridControlsJobListModule, GridLoadingCellComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, LibrariesPageComponent, LibrariesPageModule, ModalModule, MoleculesModule, NavigationLinkComponent, NavigationLinkModule, OrganismsModule, ParagraphComponent, ParagraphModule, PillComponent, PillModule, PillsComponent, PillsModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, gridType };
|
|
4877
5042
|
//# sourceMappingURL=symphony-talent-component-library-projects-component-library.mjs.map
|