@symphony-talent/component-library 3.83.0 → 3.84.0

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

@@ -3875,6 +3875,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class NavigationLinkV2Component extends NavigationLinkComponent {
+    constructor() {
+        super();
+    }
+}
+NavigationLinkV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NavigationLinkV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkV2Component, selector: "symphony-navigation-link-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n  <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</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .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}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-navigation-link-v2', template: "<div class=\"v2\">\n  <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</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .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}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"] }]
+        }], ctorParameters: function () { return []; } });
+
+class SidebarNavigationV2Component extends SidebarNavigationComponent {
+    constructor(cdRef) {
+        super(cdRef);
+        this.cdRef = cdRef;
+    }
+}
+SidebarNavigationV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Component, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SidebarNavigationV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationV2Component, selector: "symphony-sidebar-navigation-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n  <nav\n    class=\"sfx-sidebar-parent sfx-bg-white\"\n    [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n    role=\"navigation\"\n  >\n    <div class=\"nav-link-list\">\n      <symphony-navigation-link-v2\n        *ngFor=\"let navLink of navLinks; index as i\"\n        [navigationLinkModel]=\"navLink\"\n        [isMenuOpen]=\"isMenuOpen\"\n        (linkClick)=\"onLinkClick($event)\"\n      ></symphony-navigation-link-v2>\n    </div>\n  </nav>\n</div>\n", styles: [".v2 .sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.v2 .sfx-sidebar-parent .menu-collapse{cursor:pointer}.v2 .sfx-sidebar-parent .back-btn{display:flex}.v2 .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}.v2 .sfx-sidebar-parent .nav-link-list{overflow:hidden}.v2 .sfx-sidebar-parent .nav-link-list symphony-navigation-link-v2{display:block}.v2 .sfx-sidebar-parent .nav-link-list symphony-navigation-link-v2:hover{color:#334860}.v2 .sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px;color:#82919f}.v2 .sfx-sidebar-parent.sfx-menu-open{width:280px}.v2 .sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#814DFF;color:#fff;border-left-color:#814dff}\n"], components: [{ type: NavigationLinkV2Component, selector: "symphony-navigation-link-v2" }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-sidebar-navigation-v2', template: "<div class=\"v2\">\n  <nav\n    class=\"sfx-sidebar-parent sfx-bg-white\"\n    [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n    role=\"navigation\"\n  >\n    <div class=\"nav-link-list\">\n      <symphony-navigation-link-v2\n        *ngFor=\"let navLink of navLinks; index as i\"\n        [navigationLinkModel]=\"navLink\"\n        [isMenuOpen]=\"isMenuOpen\"\n        (linkClick)=\"onLinkClick($event)\"\n      ></symphony-navigation-link-v2>\n    </div>\n  </nav>\n</div>\n", styles: [".v2 .sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.v2 .sfx-sidebar-parent .menu-collapse{cursor:pointer}.v2 .sfx-sidebar-parent .back-btn{display:flex}.v2 .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}.v2 .sfx-sidebar-parent .nav-link-list{overflow:hidden}.v2 .sfx-sidebar-parent .nav-link-list symphony-navigation-link-v2{display:block}.v2 .sfx-sidebar-parent .nav-link-list symphony-navigation-link-v2:hover{color:#334860}.v2 .sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px;color:#82919f}.v2 .sfx-sidebar-parent.sfx-menu-open{width:280px}.v2 .sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#814DFF;color:#fff;border-left-color:#814dff}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
+
+class NavigationLinkV2Module {
+}
+NavigationLinkV2Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NavigationLinkV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, declarations: [NavigationLinkV2Component], imports: [CommonModule, TooltipWrapperModule, IconModule], exports: [NavigationLinkV2Component] });
+NavigationLinkV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, imports: [[CommonModule, TooltipWrapperModule, IconModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NavigationLinkV2Component],
+                    imports: [CommonModule, TooltipWrapperModule, IconModule],
+                    exports: [NavigationLinkV2Component],
+                }]
+        }] });
+
+class SidebarNavigationV2Module {
+}
+SidebarNavigationV2Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SidebarNavigationV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Module, declarations: [SidebarNavigationV2Component], imports: [CommonModule,
+        NavigationLinkV2Module,
+        IconModule,
+        TooltipWrapperModule], exports: [SidebarNavigationV2Component] });
+SidebarNavigationV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Module, imports: [[
+            CommonModule,
+            NavigationLinkV2Module,
+            IconModule,
+            TooltipWrapperModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Module, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SidebarNavigationV2Component],
+                    imports: [
+                        CommonModule,
+                        NavigationLinkV2Module,
+                        IconModule,
+                        TooltipWrapperModule,
+                    ],
+                    exports: [SidebarNavigationV2Component],
+                }]
+        }] });
+
 class InputCheckboxListComponent {
     constructor() {
         this.checkboxClicked = new EventEmitter();
@@ -6876,5 +6942,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActionBarSelectionCounterComponent, ActionBarSelectionCounterModule, ActivityScoreLevel, AdvanceFilterSelectedCounterComponent, AdvanceFilterSelectedCounterModule, AdvanceSearchModalComponent, AdvanceSearchModalModule, AdvertiseModalComponent, AdvertiseModalModule, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, ButtonV2Component, ButtonV2Module, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, NotificationsComponent, NotificationsModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, ParagraphComponent, ParagraphModule, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
+export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActionBarSelectionCounterComponent, ActionBarSelectionCounterModule, ActivityScoreLevel, AdvanceFilterSelectedCounterComponent, AdvanceFilterSelectedCounterModule, AdvanceSearchModalComponent, AdvanceSearchModalModule, AdvertiseModalComponent, AdvertiseModalModule, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, ButtonV2Component, ButtonV2Module, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, NotificationsComponent, NotificationsModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, ParagraphComponent, ParagraphModule, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
 //# sourceMappingURL=symphony-talent-component-library-projects-component-library.mjs.map