@symphony-talent/component-library 3.84.0 → 3.85.0

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 (9) hide show
  1. package/esm2020/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +2 -2
  2. package/esm2020/lib/organisms/sidebar-navigation-v2/sidebar-navigation.component.mjs +2 -2
  3. package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +2 -2
  4. package/esm2020/projects/component-library/lib/organisms/sidebar-navigation-v2/sidebar-navigation.component.mjs +2 -2
  5. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +4 -4
  6. package/fesm2015/symphony-talent-component-library.mjs +4 -4
  7. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +4 -4
  8. package/fesm2020/symphony-talent-component-library.mjs +4 -4
  9. package/package.json +1 -1
package/esm2020/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs CHANGED
@@ -5,10 +5,10 @@ export class TooltipWrapperComponent {
5
5
  constructor() { }
6
6
  }
7
7
  TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
- TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
8
+ TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
9
9
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
10
10
  type: Component,
11
- args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
11
+ args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
12
12
  }], ctorParameters: function () { return []; }, propDecorators: { placement: [{
13
13
  type: Input
14
14
  }], tooltipHtml: [{
package/esm2020/lib/organisms/sidebar-navigation-v2/sidebar-navigation.component.mjs CHANGED
@@ -10,9 +10,9 @@ export class SidebarNavigationV2Component extends SidebarNavigationComponent {
10
10
  }
11
11
  }
12
12
  SidebarNavigationV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Component, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
13
- 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: i1.NavigationLinkV2Component, selector: "symphony-navigation-link-v2" }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
13
+ 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}.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 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: i1.NavigationLinkV2Component, selector: "symphony-navigation-link-v2" }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
14
14
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Component, decorators: [{
15
15
  type: Component,
16
- 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"] }]
16
+ 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}.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 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"] }]
17
17
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
18
18
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL3NpZGViYXItbmF2aWdhdGlvbi12Mi9zaWRlYmFyLW5hdmlnYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvc2lkZWJhci1uYXZpZ2F0aW9uLXYyL3NpZGViYXItbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxHQUtWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDOzs7O0FBT2hHLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSwwQkFBMEI7SUFDMUUsWUFBbUIsS0FBd0I7UUFDekMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBREksVUFBSyxHQUFMLEtBQUssQ0FBbUI7SUFFM0MsQ0FBQzs7eUhBSFUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsNkZDZnpDLCtkQWdCQTsyRkREYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIENoYW5nZURldGVjdG9yUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2lkZWJhck5hdmlnYXRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zaWRlYmFyLW5hdmlnYXRpb24vc2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXNpZGViYXItbmF2aWdhdGlvbi12MicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlYmFyLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaWRlYmFyLW5hdmlnYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2lkZWJhck5hdmlnYXRpb25WMkNvbXBvbmVudCBleHRlbmRzIFNpZGViYXJOYXZpZ2F0aW9uQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IocHVibGljIGNkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHN1cGVyKGNkUmVmKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInYyXCI+XG4gIDxuYXZcbiAgICBjbGFzcz1cInNmeC1zaWRlYmFyLXBhcmVudCBzZngtYmctd2hpdGVcIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3NmeC1tZW51LW9wZW4nOiBpc01lbnVPcGVuIH1cIlxuICAgIHJvbGU9XCJuYXZpZ2F0aW9uXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJuYXYtbGluay1saXN0XCI+XG4gICAgICA8c3ltcGhvbnktbmF2aWdhdGlvbi1saW5rLXYyXG4gICAgICAgICpuZ0Zvcj1cImxldCBuYXZMaW5rIG9mIG5hdkxpbmtzOyBpbmRleCBhcyBpXCJcbiAgICAgICAgW25hdmlnYXRpb25MaW5rTW9kZWxdPVwibmF2TGlua1wiXG4gICAgICAgIFtpc01lbnVPcGVuXT1cImlzTWVudU9wZW5cIlxuICAgICAgICAobGlua0NsaWNrKT1cIm9uTGlua0NsaWNrKCRldmVudClcIlxuICAgICAgPjwvc3ltcGhvbnktbmF2aWdhdGlvbi1saW5rLXYyPlxuICAgIDwvZGl2PlxuICA8L25hdj5cbjwvZGl2PlxuIl19
package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs CHANGED
@@ -5,10 +5,10 @@ export class TooltipWrapperComponent {
5
5
  constructor() { }
6
6
  }
7
7
  TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
- TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
8
+ TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
9
9
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
10
10
  type: Component,
11
- args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
11
+ args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
12
12
  }], ctorParameters: function () { return []; }, propDecorators: { placement: [{
13
13
  type: Input
14
14
  }], tooltipHtml: [{
package/esm2020/projects/component-library/lib/organisms/sidebar-navigation-v2/sidebar-navigation.component.mjs CHANGED
@@ -10,9 +10,9 @@ export class SidebarNavigationV2Component extends SidebarNavigationComponent {
10
10
  }
11
11
  }
12
12
  SidebarNavigationV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Component, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
13
- 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: i1.NavigationLinkV2Component, selector: "symphony-navigation-link-v2" }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
13
+ 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}.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 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: i1.NavigationLinkV2Component, selector: "symphony-navigation-link-v2" }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
14
14
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Component, decorators: [{
15
15
  type: Component,
16
- 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"] }]
16
+ 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}.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 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"] }]
17
17
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
18
18
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL3NpZGViYXItbmF2aWdhdGlvbi12Mi9zaWRlYmFyLW5hdmlnYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvc2lkZWJhci1uYXZpZ2F0aW9uLXYyL3NpZGViYXItbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxHQUtWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDOzs7O0FBT2hHLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSwwQkFBMEI7SUFDMUUsWUFBbUIsS0FBd0I7UUFDekMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBREksVUFBSyxHQUFMLEtBQUssQ0FBbUI7SUFFM0MsQ0FBQzs7eUhBSFUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsNkZDZnpDLCtkQWdCQTsyRkREYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIENoYW5nZURldGVjdG9yUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2lkZWJhck5hdmlnYXRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zaWRlYmFyLW5hdmlnYXRpb24vc2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXNpZGViYXItbmF2aWdhdGlvbi12MicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlYmFyLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaWRlYmFyLW5hdmlnYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2lkZWJhck5hdmlnYXRpb25WMkNvbXBvbmVudCBleHRlbmRzIFNpZGViYXJOYXZpZ2F0aW9uQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IocHVibGljIGNkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHN1cGVyKGNkUmVmKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInYyXCI+XG4gIDxuYXZcbiAgICBjbGFzcz1cInNmeC1zaWRlYmFyLXBhcmVudCBzZngtYmctd2hpdGVcIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3NmeC1tZW51LW9wZW4nOiBpc01lbnVPcGVuIH1cIlxuICAgIHJvbGU9XCJuYXZpZ2F0aW9uXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJuYXYtbGluay1saXN0XCI+XG4gICAgICA8c3ltcGhvbnktbmF2aWdhdGlvbi1saW5rLXYyXG4gICAgICAgICpuZ0Zvcj1cImxldCBuYXZMaW5rIG9mIG5hdkxpbmtzOyBpbmRleCBhcyBpXCJcbiAgICAgICAgW25hdmlnYXRpb25MaW5rTW9kZWxdPVwibmF2TGlua1wiXG4gICAgICAgIFtpc01lbnVPcGVuXT1cImlzTWVudU9wZW5cIlxuICAgICAgICAobGlua0NsaWNrKT1cIm9uTGlua0NsaWNrKCRldmVudClcIlxuICAgICAgPjwvc3ltcGhvbnktbmF2aWdhdGlvbi1saW5rLXYyPlxuICAgIDwvZGl2PlxuICA8L25hdj5cbjwvZGl2PlxuIl19
package/fesm2015/symphony-talent-component-library-projects-component-library.mjs CHANGED
@@ -472,10 +472,10 @@ class TooltipWrapperComponent {
472
472
  constructor() { }
473
473
  }
474
474
  TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
475
- TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
475
+ TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
476
476
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
477
477
  type: Component,
478
- args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
478
+ args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
479
479
  }], ctorParameters: function () { return []; }, propDecorators: { placement: [{
480
480
  type: Input
481
481
  }], tooltipHtml: [{
@@ -3897,10 +3897,10 @@ class SidebarNavigationV2Component extends SidebarNavigationComponent {
3897
3897
  }
3898
3898
  }
3899
3899
  SidebarNavigationV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Component, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
3900
- 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"] }] });
3900
+ 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}.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 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"] }] });
3901
3901
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Component, decorators: [{
3902
3902
  type: Component,
3903
- 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"] }]
3903
+ 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}.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 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"] }]
3904
3904
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
3905
3905
 
3906
3906
  class NavigationLinkV2Module {
package/fesm2015/symphony-talent-component-library.mjs CHANGED
@@ -472,10 +472,10 @@ class TooltipWrapperComponent {
472
472
  constructor() { }
473
473
  }
474
474
  TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
475
- TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
475
+ TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
476
476
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
477
477
  type: Component,
478
- args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
478
+ args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
479
479
  }], ctorParameters: function () { return []; }, propDecorators: { placement: [{
480
480
  type: Input
481
481
  }], tooltipHtml: [{
@@ -3897,10 +3897,10 @@ class SidebarNavigationV2Component extends SidebarNavigationComponent {
3897
3897
  }
3898
3898
  }
3899
3899
  SidebarNavigationV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Component, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
3900
- 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"] }] });
3900
+ 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}.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 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"] }] });
3901
3901
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Component, decorators: [{
3902
3902
  type: Component,
3903
- 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"] }]
3903
+ 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}.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 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"] }]
3904
3904
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
3905
3905
 
3906
3906
  class NavigationLinkV2Module {
package/fesm2020/symphony-talent-component-library-projects-component-library.mjs CHANGED
@@ -472,10 +472,10 @@ class TooltipWrapperComponent {
472
472
  constructor() { }
473
473
  }
474
474
  TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
475
- TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
475
+ TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
476
476
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
477
477
  type: Component,
478
- args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
478
+ args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
479
479
  }], ctorParameters: function () { return []; }, propDecorators: { placement: [{
480
480
  type: Input
481
481
  }], tooltipHtml: [{
@@ -3894,10 +3894,10 @@ class SidebarNavigationV2Component extends SidebarNavigationComponent {
3894
3894
  }
3895
3895
  }
3896
3896
  SidebarNavigationV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Component, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
3897
- 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"] }] });
3897
+ 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}.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 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"] }] });
3898
3898
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Component, decorators: [{
3899
3899
  type: Component,
3900
- 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"] }]
3900
+ 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}.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 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"] }]
3901
3901
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
3902
3902
 
3903
3903
  class NavigationLinkV2Module {
package/fesm2020/symphony-talent-component-library.mjs CHANGED
@@ -472,10 +472,10 @@ class TooltipWrapperComponent {
472
472
  constructor() { }
473
473
  }
474
474
  TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
475
- TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
475
+ TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
476
476
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
477
477
  type: Component,
478
- args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
478
+ args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
479
479
  }], ctorParameters: function () { return []; }, propDecorators: { placement: [{
480
480
  type: Input
481
481
  }], tooltipHtml: [{
@@ -3894,10 +3894,10 @@ class SidebarNavigationV2Component extends SidebarNavigationComponent {
3894
3894
  }
3895
3895
  }
3896
3896
  SidebarNavigationV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Component, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
3897
- 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"] }] });
3897
+ 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}.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 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"] }] });
3898
3898
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationV2Component, decorators: [{
3899
3899
  type: Component,
3900
- 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"] }]
3900
+ 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}.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 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"] }]
3901
3901
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
3902
3902
 
3903
3903
  class NavigationLinkV2Module {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@symphony-talent/component-library",
3
- "version": "3.84.0",
3
+ "version": "3.85.0",
4
4
  "private": false,
5
5
  "peerDependencies": {
6
6
  "ag-grid-angular": "^24.0.0",