@symphony-talent/component-library 3.25.0 → 3.26.2

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 (19) hide show
  1. package/esm2020/lib/organisms/document-management-list/document-management-list.component.mjs +1 -5
  2. package/esm2020/lib/organisms/sidebar-navigation/sidebar-navigation.component.mjs +2 -2
  3. package/esm2020/lib/organisms/upload-resume-modal/upload-resume-modal.component.mjs +9 -3
  4. package/esm2020/projects/component-library/lib/organisms/document-management-list/document-management-list.component.mjs +1 -5
  5. package/esm2020/projects/component-library/lib/organisms/sidebar-navigation/sidebar-navigation.component.mjs +2 -2
  6. package/esm2020/projects/component-library/lib/organisms/upload-resume-modal/upload-resume-modal.component.mjs +9 -3
  7. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +10 -8
  8. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  9. package/fesm2015/symphony-talent-component-library.mjs +10 -8
  10. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  11. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +10 -8
  12. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  13. package/fesm2020/symphony-talent-component-library.mjs +10 -8
  14. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  15. package/lib/organisms/document-management-list/document-management-list.component.d.ts +2 -3
  16. package/lib/organisms/upload-resume-modal/upload-resume-modal.component.d.ts +4 -1
  17. package/package.json +1 -1
  18. package/projects/component-library/lib/organisms/document-management-list/document-management-list.component.d.ts +2 -3
  19. package/projects/component-library/lib/organisms/upload-resume-modal/upload-resume-modal.component.d.ts +4 -1
@@ -2440,6 +2440,7 @@ class UploadResumeModalComponent {
2440
2440
  this.docTypeDropdowChange = new EventEmitter();
2441
2441
  this.updateResumeChecked = new EventEmitter();
2442
2442
  this.fileCloseClick = new EventEmitter();
2443
+ this.getFileDetails = new EventEmitter();
2443
2444
  this.isResumeSelected = false;
2444
2445
  }
2445
2446
  ngOnInit() {
@@ -2491,6 +2492,9 @@ class UploadResumeModalComponent {
2491
2492
  onFileCloseClick() {
2492
2493
  this.fileCloseClick.emit();
2493
2494
  }
2495
+ onFileUpload(event) {
2496
+ this.getFileDetails.emit(event);
2497
+ }
2494
2498
  onDocTypeSelect(selectedModel) {
2495
2499
  if (selectedModel.value == 'Resume') {
2496
2500
  this.uploadResumeModel.isResume = true;
@@ -2505,10 +2509,10 @@ class UploadResumeModalComponent {
2505
2509
  }
2506
2510
  }
2507
2511
  UploadResumeModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2508
- 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"] }] });
2512
+ 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", getFileDetails: "getFileDetails" }, 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 (getFileDetails)=\"onFileUpload($event)\"\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"] }] });
2509
2513
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalComponent, decorators: [{
2510
2514
  type: Component,
2511
- 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"] }]
2515
+ 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 (getFileDetails)=\"onFileUpload($event)\"\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"] }]
2512
2516
  }], ctorParameters: function () { return []; }, propDecorators: { uploadResumeModel: [{
2513
2517
  type: Input
2514
2518
  }], isLoading: [{
@@ -2525,6 +2529,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
2525
2529
  type: Output
2526
2530
  }], fileCloseClick: [{
2527
2531
  type: Output
2532
+ }], getFileDetails: [{
2533
+ type: Output
2528
2534
  }] } });
2529
2535
 
2530
2536
  class UploadResumeModalModule {
@@ -2845,14 +2851,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
2845
2851
 
2846
2852
  class DocumentManagementListComponent {
2847
2853
  constructor() {
2848
- this.isLoading = true;
2849
2854
  this.moreOptionClick = new EventEmitter();
2850
2855
  this.previewClick = new EventEmitter();
2851
2856
  this.uploadClick = new EventEmitter();
2852
2857
  }
2853
- ngOnInit() {
2854
- this.isLoading = false;
2855
- }
2856
2858
  onMoreClick(optionClickEvent, documentManagementItemModel) {
2857
2859
  this.moreOptionClick.emit({ optionClicked: optionClickEvent, item: documentManagementItemModel });
2858
2860
  }
@@ -2913,10 +2915,10 @@ class SidebarNavigationComponent {
2913
2915
  }
2914
2916
  }
2915
2917
  SidebarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
2916
- 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"] }] });
2918
+ 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;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"] }] });
2917
2919
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
2918
2920
  type: Component,
2919
- 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"] }]
2921
+ 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;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"] }]
2920
2922
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { navLinks: [{
2921
2923
  type: Input
2922
2924
  }], linkClick: [{