@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
@@ -2438,6 +2438,7 @@ class UploadResumeModalComponent {
2438
2438
  this.docTypeDropdowChange = new EventEmitter();
2439
2439
  this.updateResumeChecked = new EventEmitter();
2440
2440
  this.fileCloseClick = new EventEmitter();
2441
+ this.getFileDetails = new EventEmitter();
2441
2442
  this.isResumeSelected = false;
2442
2443
  }
2443
2444
  ngOnInit() {
@@ -2488,6 +2489,9 @@ class UploadResumeModalComponent {
2488
2489
  onFileCloseClick() {
2489
2490
  this.fileCloseClick.emit();
2490
2491
  }
2492
+ onFileUpload(event) {
2493
+ this.getFileDetails.emit(event);
2494
+ }
2491
2495
  onDocTypeSelect(selectedModel) {
2492
2496
  if (selectedModel.value == 'Resume') {
2493
2497
  this.uploadResumeModel.isResume = true;
@@ -2502,10 +2506,10 @@ class UploadResumeModalComponent {
2502
2506
  }
2503
2507
  }
2504
2508
  UploadResumeModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2505
- 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"] }] });
2509
+ 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"] }] });
2506
2510
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalComponent, decorators: [{
2507
2511
  type: Component,
2508
- 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"] }]
2512
+ 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"] }]
2509
2513
  }], ctorParameters: function () { return []; }, propDecorators: { uploadResumeModel: [{
2510
2514
  type: Input
2511
2515
  }], isLoading: [{
@@ -2522,6 +2526,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
2522
2526
  type: Output
2523
2527
  }], fileCloseClick: [{
2524
2528
  type: Output
2529
+ }], getFileDetails: [{
2530
+ type: Output
2525
2531
  }] } });
2526
2532
 
2527
2533
  class UploadResumeModalModule {
@@ -2842,14 +2848,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
2842
2848
 
2843
2849
  class DocumentManagementListComponent {
2844
2850
  constructor() {
2845
- this.isLoading = true;
2846
2851
  this.moreOptionClick = new EventEmitter();
2847
2852
  this.previewClick = new EventEmitter();
2848
2853
  this.uploadClick = new EventEmitter();
2849
2854
  }
2850
- ngOnInit() {
2851
- this.isLoading = false;
2852
- }
2853
2855
  onMoreClick(optionClickEvent, documentManagementItemModel) {
2854
2856
  this.moreOptionClick.emit({ optionClicked: optionClickEvent, item: documentManagementItemModel });
2855
2857
  }
@@ -2910,10 +2912,10 @@ class SidebarNavigationComponent {
2910
2912
  }
2911
2913
  }
2912
2914
  SidebarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
2913
- 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"] }] });
2915
+ 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"] }] });
2914
2916
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
2915
2917
  type: Component,
2916
- 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"] }]
2918
+ 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"] }]
2917
2919
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { navLinks: [{
2918
2920
  type: Input
2919
2921
  }], linkClick: [{