@symphony-talent/component-library 4.71.0 → 4.73.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.
- package/esm2020/lib/atoms/navigation-link-v2/navigation-link-v2.module.mjs +5 -4
- package/esm2020/lib/atoms/navigation-link-v2/navigation-link.component.mjs +4 -3
- package/esm2020/lib/molecules/additional-information-card/additional-information-card.component.mjs +42 -6
- package/esm2020/lib/molecules/additional-information-card/additional-information-card.model.mjs +2 -2
- package/esm2020/projects/component-library/lib/atoms/navigation-link-v2/navigation-link-v2.module.mjs +5 -4
- package/esm2020/projects/component-library/lib/atoms/navigation-link-v2/navigation-link.component.mjs +4 -3
- package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.component.mjs +42 -6
- package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.model.mjs +2 -2
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +45 -8
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +45 -8
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +45 -8
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +45 -8
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/navigation-link-v2/navigation-link-v2.module.d.ts +2 -1
- package/lib/molecules/additional-information-card/additional-information-card.component.d.ts +9 -1
- package/lib/molecules/additional-information-card/additional-information-card.model.d.ts +2 -2
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/navigation-link-v2/navigation-link-v2.module.d.ts +2 -1
- package/projects/component-library/lib/molecules/additional-information-card/additional-information-card.component.d.ts +9 -1
- package/projects/component-library/lib/molecules/additional-information-card/additional-information-card.model.d.ts +2 -2
|
@@ -3,18 +3,19 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { NavigationLinkV2Component } from './navigation-link.component';
|
|
4
4
|
import { TooltipWrapperModule } from '../tooltip-wrapper/tooltip-wrapper.module';
|
|
5
5
|
import { IconModule } from '../icon/icon.module';
|
|
6
|
+
import { PipeModule } from '../../pipe/pipe.module';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export class NavigationLinkV2Module {
|
|
8
9
|
}
|
|
9
10
|
NavigationLinkV2Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
-
NavigationLinkV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, declarations: [NavigationLinkV2Component], imports: [CommonModule, TooltipWrapperModule, IconModule], exports: [NavigationLinkV2Component] });
|
|
11
|
-
NavigationLinkV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, imports: [[CommonModule, TooltipWrapperModule, IconModule]] });
|
|
11
|
+
NavigationLinkV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, declarations: [NavigationLinkV2Component], imports: [CommonModule, TooltipWrapperModule, IconModule, PipeModule], exports: [NavigationLinkV2Component] });
|
|
12
|
+
NavigationLinkV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, imports: [[CommonModule, TooltipWrapperModule, IconModule, PipeModule]] });
|
|
12
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, decorators: [{
|
|
13
14
|
type: NgModule,
|
|
14
15
|
args: [{
|
|
15
16
|
declarations: [NavigationLinkV2Component],
|
|
16
|
-
imports: [CommonModule, TooltipWrapperModule, IconModule],
|
|
17
|
+
imports: [CommonModule, TooltipWrapperModule, IconModule, PipeModule],
|
|
17
18
|
exports: [NavigationLinkV2Component],
|
|
18
19
|
}]
|
|
19
20
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saW5rLXYyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvbmF2aWdhdGlvbi1saW5rLXYyL25hdmlnYXRpb24tbGluay12Mi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDeEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDakYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFPcEQsTUFBTSxPQUFPLHNCQUFzQjs7bUhBQXRCLHNCQUFzQjtvSEFBdEIsc0JBQXNCLGlCQUpsQix5QkFBeUIsYUFDOUIsWUFBWSxFQUFFLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxVQUFVLGFBQzFELHlCQUF5QjtvSEFFeEIsc0JBQXNCLFlBSHhCLENBQUMsWUFBWSxFQUFFLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxVQUFVLENBQUM7MkZBRzFELHNCQUFzQjtrQkFMbEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztvQkFDekMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxVQUFVLENBQUM7b0JBQ3JFLE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkxpbmtWMkNvbXBvbmVudCB9IGZyb20gJy4vbmF2aWdhdGlvbi1saW5rLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUb29sdGlwV3JhcHBlck1vZHVsZSB9IGZyb20gJy4uL3Rvb2x0aXAtd3JhcHBlci90b29sdGlwLXdyYXBwZXIubW9kdWxlJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IFBpcGVNb2R1bGUgfSBmcm9tICcuLi8uLi9waXBlL3BpcGUubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTmF2aWdhdGlvbkxpbmtWMkNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFRvb2x0aXBXcmFwcGVyTW9kdWxlLCBJY29uTW9kdWxlLCBQaXBlTW9kdWxlXSxcbiAgZXhwb3J0czogW05hdmlnYXRpb25MaW5rVjJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZpZ2F0aW9uTGlua1YyTW9kdWxlIHt9XG4iXX0=
|
|
@@ -4,15 +4,16 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
import * as i1 from "../tooltip-wrapper/tooltip-wrapper.component";
|
|
5
5
|
import * as i2 from "../icon/icon.component";
|
|
6
6
|
import * as i3 from "@angular/common";
|
|
7
|
+
import * as i4 from "../../pipe/trim-id.pipe";
|
|
7
8
|
export class NavigationLinkV2Component extends NavigationLinkComponent {
|
|
8
9
|
constructor() {
|
|
9
10
|
super();
|
|
10
11
|
}
|
|
11
12
|
}
|
|
12
13
|
NavigationLinkV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
NavigationLinkV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkV2Component, selector: "symphony-navigation-link-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
14
|
+
NavigationLinkV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkV2Component, selector: "symphony-navigation-link-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "trimId": i4.TrimIdPipe } });
|
|
14
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Component, decorators: [{
|
|
15
16
|
type: Component,
|
|
16
|
-
args: [{ selector: 'symphony-navigation-link-v2', template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"] }]
|
|
17
|
+
args: [{ selector: 'symphony-navigation-link-v2', template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"] }]
|
|
17
18
|
}], ctorParameters: function () { return []; } });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvbmF2aWdhdGlvbi1saW5rLXYyL25hdmlnYXRpb24tbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL25hdmlnYXRpb24tbGluay12Mi9uYXZpZ2F0aW9uLWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBK0IsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOENBQThDLENBQUM7Ozs7OztBQU92RixNQUFNLE9BQU8seUJBQTBCLFNBQVEsdUJBQXVCO0lBQ3BFO1FBQ0UsS0FBSyxFQUFFLENBQUM7SUFDVixDQUFDOztzSEFIVSx5QkFBeUI7MEdBQXpCLHlCQUF5QiwwRkNSdEMsNHZDQXdDQTsyRkRoQ2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uTGlua0NvbXBvbmVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tbGluay9uYXZpZ2F0aW9uLWxpbmsuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktbmF2aWdhdGlvbi1saW5rLXYyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmlnYXRpb24tbGluay5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25hdmlnYXRpb24tbGluay5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZpZ2F0aW9uTGlua1YyQ29tcG9uZW50IGV4dGVuZHMgTmF2aWdhdGlvbkxpbmtDb21wb25lbnQge1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidjJcIj5cbiAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICpuZ0lmPVwiIWlzTWVudU9wZW5cIlxuICAgIFtwbGFjZW1lbnRdPVwiJ3JpZ2h0J1wiXG4gICAgW3Rvb2x0aXBIdG1sXT1cIm5hdmlnYXRpb25MaW5rTW9kZWwubGlua1RleHRcIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3NmeC1tZW51LW9wZW4nOiBpc01lbnVPcGVuIH1cIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cIm5hdi1saW5rXCI+XG4gICAgICA8YVxuICAgICAgICBbaHJlZl09XCJuYXZpZ2F0aW9uTGlua01vZGVsLmhyZWZcIlxuICAgICAgICBpZD1cIm5hdmlnYXRpb24tbGluay17eyBuYXZpZ2F0aW9uTGlua01vZGVsLmxpbmtUZXh0IHwgdHJpbUlkfX1cIlxuICAgICAgICBbbmdDbGFzc109XCJ7ICdzZngtbWVudS1hY3RpdmUnOiBuYXZpZ2F0aW9uTGlua01vZGVsLmlzQWN0aXZlIH1cIlxuICAgICAgICAoY2xpY2spPVwib25DbGljaygpXCJcbiAgICAgICAgPjxzeW1waG9ueS1pY29uXG4gICAgICAgICAgW2ljb25dPVwibmF2aWdhdGlvbkxpbmtNb2RlbC5pY29uQ2xhc3NcIlxuICAgICAgICAgIFtzaXplXT1cIicyNHB4J1wiXG4gICAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICAgIDxzcGFuPnt7IG5hdmlnYXRpb25MaW5rTW9kZWwubGlua1RleHQgfX08L3NwYW4+XG4gICAgICA8L2E+XG4gICAgPC9kaXY+XG4gIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuXG4gIDxkaXZcbiAgICBjbGFzcz1cIm5hdi1saW5rXCJcbiAgICAqbmdJZj1cImlzTWVudU9wZW5cIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3NmeC1tZW51LW9wZW4nOiBpc01lbnVPcGVuIH1cIlxuICA+XG4gICAgPGFcbiAgICAgIGlkPVwibmF2aWdhdGlvbi1saW5rLXt7IG5hdmlnYXRpb25MaW5rTW9kZWwubGlua1RleHQgfCB0cmltSWR9fVwiXG4gICAgICBbaHJlZl09XCJuYXZpZ2F0aW9uTGlua01vZGVsLmhyZWZcIlxuICAgICAgW25nQ2xhc3NdPVwieyAnc2Z4LW1lbnUtYWN0aXZlJzogbmF2aWdhdGlvbkxpbmtNb2RlbC5pc0FjdGl2ZSB9XCJcbiAgICAgIChjbGljayk9XCJvbkNsaWNrKClcIlxuICAgICAgPjxzeW1waG9ueS1pY29uXG4gICAgICAgIFtpY29uXT1cIm5hdmlnYXRpb25MaW5rTW9kZWwuaWNvbkNsYXNzXCJcbiAgICAgICAgW3NpemVdPVwiJzI0cHgnXCJcbiAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICA8c3Bhbj57eyBuYXZpZ2F0aW9uTGlua01vZGVsLmxpbmtUZXh0IH19PC9zcGFuPlxuICAgIDwvYT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
package/esm2020/lib/molecules/additional-information-card/additional-information-card.component.mjs
CHANGED
|
@@ -1,19 +1,55 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation, } from '@angular/core';
|
|
1
|
+
import { Component, HostListener, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../atoms/icon-wrapper/icon-wrapper.component";
|
|
4
4
|
import * as i2 from "../../atoms/icon/icon.component";
|
|
5
5
|
import * as i3 from "../../atoms/paragraph/paragraph.component";
|
|
6
|
-
import * as i4 from "
|
|
7
|
-
import * as i5 from "@angular/common";
|
|
6
|
+
import * as i4 from "@angular/common";
|
|
8
7
|
export class AdditionalInformationCardComponent {
|
|
9
8
|
constructor() { }
|
|
9
|
+
ngOnInit() {
|
|
10
|
+
this.truncateText();
|
|
11
|
+
this.hasMore = true;
|
|
12
|
+
}
|
|
13
|
+
onWindowResize() {
|
|
14
|
+
this.truncateText();
|
|
15
|
+
}
|
|
16
|
+
truncateText() {
|
|
17
|
+
if (this.contentHeight) {
|
|
18
|
+
let getheight = this.contentHeight.nativeElement.offsetHeight;
|
|
19
|
+
const contentClass = this.contentHeight.nativeElement.parentElement;
|
|
20
|
+
if (getheight > 60) {
|
|
21
|
+
setTimeout(() => {
|
|
22
|
+
contentClass.classList.add('truncate-text');
|
|
23
|
+
this.hasMore = true;
|
|
24
|
+
}, 50);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
contentClass.classList.remove('truncate-text');
|
|
28
|
+
this.hasMore = true;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
onMoreClick() {
|
|
33
|
+
this.contentHeight.nativeElement.parentElement.classList.remove('truncate-text');
|
|
34
|
+
this.hasMore = false;
|
|
35
|
+
}
|
|
36
|
+
onLessClick() {
|
|
37
|
+
this.contentHeight.nativeElement.parentElement.classList.add('truncate-text');
|
|
38
|
+
this.hasMore = true;
|
|
39
|
+
}
|
|
10
40
|
}
|
|
11
41
|
AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, ngImport: i0, template: "<div
|
|
42
|
+
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "contentHeight", first: true, predicate: ["contentHeight"], descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div class=\"sfx-pb-10 sfx-font-bold\">\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
13
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
|
|
14
44
|
type: Component,
|
|
15
|
-
args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div
|
|
45
|
+
args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div class=\"sfx-pb-10 sfx-font-bold\">\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"] }]
|
|
16
46
|
}], ctorParameters: function () { return []; }, propDecorators: { additionalInformationModel: [{
|
|
17
47
|
type: Input
|
|
48
|
+
}], contentHeight: [{
|
|
49
|
+
type: ViewChild,
|
|
50
|
+
args: ['contentHeight']
|
|
51
|
+
}], onWindowResize: [{
|
|
52
|
+
type: HostListener,
|
|
53
|
+
args: ['window:resize', ['$event']]
|
|
18
54
|
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBRUwsU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyxrQ0FBa0M7SUFHN0MsZ0JBQWUsQ0FBQztJQUloQixRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO0lBQ3RCLENBQUM7SUFHRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3RCLElBQUksU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztZQUM5RCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUM7WUFDcEUsSUFBSSxTQUFTLEdBQUcsRUFBRSxFQUFFO2dCQUNsQixVQUFVLENBQUMsR0FBRyxFQUFFO29CQUNkLFlBQVksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO29CQUM1QyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztnQkFDdEIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO2FBQ1I7aUJBQU07Z0JBQ0wsWUFBWSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQy9DLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO2FBQ3JCO1NBQ0Y7SUFDSCxDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUM3RCxlQUFlLENBQ2hCLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUMxRCxlQUFlLENBQ2hCLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDOzsrSEEzQ1Usa0NBQWtDO21IQUFsQyxrQ0FBa0Msc1VDakIvQyxrOURBNkRBOzJGRDVDYSxrQ0FBa0M7a0JBTjlDLFNBQVM7K0JBQ0Usc0NBQXNDLGlCQUdqQyxpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QiwwQkFBMEI7c0JBQWxDLEtBQUs7Z0JBS04sYUFBYTtzQkFEWixTQUFTO3VCQUFDLGVBQWU7Z0JBUTFCLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbCB9IGZyb20gJy4vYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBZGRpdGlvbmFsSW5mb3JtYXRpb25DYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw6IFBhcnRpYWw8QWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw+O1xuICBwdWJsaWMgaGFzTW9yZTogYm9vbGVhbjtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnRIZWlnaHQnKVxuICBjb250ZW50SGVpZ2h0OiBFbGVtZW50UmVmO1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRydW5jYXRlVGV4dCgpO1xuICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgb25XaW5kb3dSZXNpemUoKSB7XG4gICAgdGhpcy50cnVuY2F0ZVRleHQoKTtcbiAgfVxuXG4gIHRydW5jYXRlVGV4dCgpIHtcbiAgICBpZiAodGhpcy5jb250ZW50SGVpZ2h0KSB7XG4gICAgICBsZXQgZ2V0aGVpZ2h0ID0gdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0O1xuICAgICAgY29uc3QgY29udGVudENsYXNzID0gdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudDtcbiAgICAgIGlmIChnZXRoZWlnaHQgPiA2MCkge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICBjb250ZW50Q2xhc3MuY2xhc3NMaXN0LmFkZCgndHJ1bmNhdGUtdGV4dCcpO1xuICAgICAgICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gICAgICAgIH0sIDUwKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnRlbnRDbGFzcy5jbGFzc0xpc3QucmVtb3ZlKCd0cnVuY2F0ZS10ZXh0Jyk7XG4gICAgICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gICAgICB9XG4gICAgfVxuICB9XG4gIG9uTW9yZUNsaWNrKCkge1xuICAgIHRoaXMuY29udGVudEhlaWdodC5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShcbiAgICAgICd0cnVuY2F0ZS10ZXh0J1xuICAgICk7XG4gICAgdGhpcy5oYXNNb3JlID0gZmFsc2U7XG4gIH1cbiAgb25MZXNzQ2xpY2soKSB7XG4gICAgdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5jbGFzc0xpc3QuYWRkKFxuICAgICAgJ3RydW5jYXRlLXRleHQnXG4gICAgKTtcbiAgICB0aGlzLmhhc01vcmUgPSB0cnVlO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWxcIlxuICBjbGFzcz1cImFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1pdGVtLXdyYXBwZXJcIlxuPlxuICA8ZGl2IGNsYXNzPVwiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWljb25cIj5cbiAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbldyYXBwZXJDb2xvclwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW2ljb25dPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvblwiXG4gICAgICAgIFtpY29uQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbklubmVyQ29sb3JcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgPC9kaXY+XG5cbiAgPGRpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2Z4LXBiLTEwIHNmeC1mb250LWJvbGRcIj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgICAgPnt7IGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlciB9fTpcbiAgICAgICAge3sgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaGVhZGVyVGV4dCB9fTwvc3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICA+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgKm5nRm9yPVwiXG4gICAgICAgIGxldCBpbmZvcm1hdGlvbiBvZiBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5hZGRpdGlvbmFsSW5mb3JtYXRpb25cbiAgICAgIFwiXG4gICAgICBjbGFzcz1cImFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1kZXNjcmlwdGlvblwiXG4gICAgPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCAqbmdJZj1cIiFpbmZvcm1hdGlvbi5zaG93TW9yZVwiIGNsYXNzPVwiY2FyZC13cmFwLXRleHRcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzZngtcHItNSBzZngtZm9udC1ib2xkIHB1bGwtbGVmdCBzZngtZC1pbmxpbmUtYmxvY2tcIlxuICAgICAgICAgID57eyBpbmZvcm1hdGlvbi5sYWJlbCB9fTo8L3NwYW5cbiAgICAgICAgPlxuICAgICAgICA8c3Bhbj57eyBpbmZvcm1hdGlvbi50ZXh0IH19PC9zcGFuPlxuICAgICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgICA8c3ltcGhvbnktcGFyYWdyYXBoICpuZ0lmPVwiaW5mb3JtYXRpb24uc2hvd01vcmVcIiBjbGFzcz1cImNhcmQtd3JhcC10ZXh0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXByLTUgc2Z4LWZvbnQtYm9sZCBwdWxsLWxlZnQgc2Z4LWQtaW5saW5lLWJsb2NrXCJcbiAgICAgICAgICA+e3sgaW5mb3JtYXRpb24ubGFiZWwgfX06PC9zcGFuXG4gICAgICAgID5cbiAgICAgICAgPHNwYW4gI2NvbnRlbnRIZWlnaHQgY2xhc3M9XCJzZngtZC1ibG9ja1wiXG4gICAgICAgICAgPnt7IGluZm9ybWF0aW9uLnRleHQgfX1cbiAgICAgICAgICA8YVxuICAgICAgICAgICAgaHJlZj1cImphdmFzY3JpcHQ6O1wiXG4gICAgICAgICAgICAqbmdJZj1cImhhc01vcmVcIlxuICAgICAgICAgICAgY2xhc3M9XCJzZngtYnRuLWxpbmtcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uTW9yZUNsaWNrKClcIlxuICAgICAgICAgICAgPm1vcmU8L2FcbiAgICAgICAgICA+XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OjtcIlxuICAgICAgICAgICAgKm5nSWY9XCIhaGFzTW9yZVwiXG4gICAgICAgICAgICBjbGFzcz1cInNmeC1idG4tbGluayBoYXNMZXNzXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbkxlc3NDbGljaygpXCJcbiAgICAgICAgICAgID5sZXNzPC9hXG4gICAgICAgICAgPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3N5bXBob255LXBhcmFncmFwaD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
package/esm2020/lib/molecules/additional-information-card/additional-information-card.model.mjs
CHANGED
|
@@ -2,6 +2,6 @@ export var IconWrapperColor;
|
|
|
2
2
|
(function (IconWrapperColor) {
|
|
3
3
|
IconWrapperColor["GREEN"] = "#2CB45F";
|
|
4
4
|
IconWrapperColor["RED"] = "#AC4463";
|
|
5
|
-
IconWrapperColor["
|
|
5
|
+
IconWrapperColor["ORANGE2"] = "#F6861f";
|
|
6
6
|
})(IconWrapperColor || (IconWrapperColor = {}));
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQSxNQUFNLENBQU4sSUFBWSxnQkFJWDtBQUpELFdBQVksZ0JBQWdCO0lBQzFCLHFDQUFpQixDQUFBO0lBQ2pCLG1DQUFlLENBQUE7SUFDZix1Q0FBbUIsQ0FBQTtBQUNyQixDQUFDLEVBSlcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUkzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLmVudW0nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsIHtcbiAgaWNvbjogSWNvbnM7XG4gIGhlYWRlcjogc3RyaW5nO1xuICBoZWFkZXJUZXh0OiBzdHJpbmc7XG4gIGFkZGl0aW9uYWxJbmZvcm1hdGlvbjoge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIHNob3dNb3JlPzogYm9vbGVhbjtcbiAgfVtdO1xuICBpY29uSW5uZXJDb2xvcjogc3RyaW5nO1xuICBpY29uV3JhcHBlckNvbG9yOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBlbnVtIEljb25XcmFwcGVyQ29sb3Ige1xuICBHUkVFTiA9ICcjMkNCNDVGJyxcbiAgUkVEID0gJyNBQzQ0NjMnLFxuICBPUkFOR0UyID0gJyNGNjg2MWYnLFxufVxuIl19
|
|
@@ -3,18 +3,19 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { NavigationLinkV2Component } from './navigation-link.component';
|
|
4
4
|
import { TooltipWrapperModule } from '../tooltip-wrapper/tooltip-wrapper.module';
|
|
5
5
|
import { IconModule } from '../icon/icon.module';
|
|
6
|
+
import { PipeModule } from '../../pipe/pipe.module';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export class NavigationLinkV2Module {
|
|
8
9
|
}
|
|
9
10
|
NavigationLinkV2Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
-
NavigationLinkV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, declarations: [NavigationLinkV2Component], imports: [CommonModule, TooltipWrapperModule, IconModule], exports: [NavigationLinkV2Component] });
|
|
11
|
-
NavigationLinkV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, imports: [[CommonModule, TooltipWrapperModule, IconModule]] });
|
|
11
|
+
NavigationLinkV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, declarations: [NavigationLinkV2Component], imports: [CommonModule, TooltipWrapperModule, IconModule, PipeModule], exports: [NavigationLinkV2Component] });
|
|
12
|
+
NavigationLinkV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, imports: [[CommonModule, TooltipWrapperModule, IconModule, PipeModule]] });
|
|
12
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, decorators: [{
|
|
13
14
|
type: NgModule,
|
|
14
15
|
args: [{
|
|
15
16
|
declarations: [NavigationLinkV2Component],
|
|
16
|
-
imports: [CommonModule, TooltipWrapperModule, IconModule],
|
|
17
|
+
imports: [CommonModule, TooltipWrapperModule, IconModule, PipeModule],
|
|
17
18
|
exports: [NavigationLinkV2Component],
|
|
18
19
|
}]
|
|
19
20
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saW5rLXYyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvbmF2aWdhdGlvbi1saW5rLXYyL25hdmlnYXRpb24tbGluay12Mi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDeEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDakYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFPcEQsTUFBTSxPQUFPLHNCQUFzQjs7bUhBQXRCLHNCQUFzQjtvSEFBdEIsc0JBQXNCLGlCQUpsQix5QkFBeUIsYUFDOUIsWUFBWSxFQUFFLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxVQUFVLGFBQzFELHlCQUF5QjtvSEFFeEIsc0JBQXNCLFlBSHhCLENBQUMsWUFBWSxFQUFFLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxVQUFVLENBQUM7MkZBRzFELHNCQUFzQjtrQkFMbEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztvQkFDekMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxVQUFVLENBQUM7b0JBQ3JFLE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkxpbmtWMkNvbXBvbmVudCB9IGZyb20gJy4vbmF2aWdhdGlvbi1saW5rLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUb29sdGlwV3JhcHBlck1vZHVsZSB9IGZyb20gJy4uL3Rvb2x0aXAtd3JhcHBlci90b29sdGlwLXdyYXBwZXIubW9kdWxlJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IFBpcGVNb2R1bGUgfSBmcm9tICcuLi8uLi9waXBlL3BpcGUubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTmF2aWdhdGlvbkxpbmtWMkNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFRvb2x0aXBXcmFwcGVyTW9kdWxlLCBJY29uTW9kdWxlLCBQaXBlTW9kdWxlXSxcbiAgZXhwb3J0czogW05hdmlnYXRpb25MaW5rVjJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZpZ2F0aW9uTGlua1YyTW9kdWxlIHt9XG4iXX0=
|
|
@@ -4,15 +4,16 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
import * as i1 from "../tooltip-wrapper/tooltip-wrapper.component";
|
|
5
5
|
import * as i2 from "../icon/icon.component";
|
|
6
6
|
import * as i3 from "@angular/common";
|
|
7
|
+
import * as i4 from "../../pipe/trim-id.pipe";
|
|
7
8
|
export class NavigationLinkV2Component extends NavigationLinkComponent {
|
|
8
9
|
constructor() {
|
|
9
10
|
super();
|
|
10
11
|
}
|
|
11
12
|
}
|
|
12
13
|
NavigationLinkV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
NavigationLinkV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkV2Component, selector: "symphony-navigation-link-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
14
|
+
NavigationLinkV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkV2Component, selector: "symphony-navigation-link-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "trimId": i4.TrimIdPipe } });
|
|
14
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Component, decorators: [{
|
|
15
16
|
type: Component,
|
|
16
|
-
args: [{ selector: 'symphony-navigation-link-v2', template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"] }]
|
|
17
|
+
args: [{ selector: 'symphony-navigation-link-v2', template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"] }]
|
|
17
18
|
}], ctorParameters: function () { return []; } });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvbmF2aWdhdGlvbi1saW5rLXYyL25hdmlnYXRpb24tbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL25hdmlnYXRpb24tbGluay12Mi9uYXZpZ2F0aW9uLWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBK0IsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOENBQThDLENBQUM7Ozs7OztBQU92RixNQUFNLE9BQU8seUJBQTBCLFNBQVEsdUJBQXVCO0lBQ3BFO1FBQ0UsS0FBSyxFQUFFLENBQUM7SUFDVixDQUFDOztzSEFIVSx5QkFBeUI7MEdBQXpCLHlCQUF5QiwwRkNSdEMsNHZDQXdDQTsyRkRoQ2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uTGlua0NvbXBvbmVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tbGluay9uYXZpZ2F0aW9uLWxpbmsuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktbmF2aWdhdGlvbi1saW5rLXYyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmlnYXRpb24tbGluay5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25hdmlnYXRpb24tbGluay5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZpZ2F0aW9uTGlua1YyQ29tcG9uZW50IGV4dGVuZHMgTmF2aWdhdGlvbkxpbmtDb21wb25lbnQge1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidjJcIj5cbiAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICpuZ0lmPVwiIWlzTWVudU9wZW5cIlxuICAgIFtwbGFjZW1lbnRdPVwiJ3JpZ2h0J1wiXG4gICAgW3Rvb2x0aXBIdG1sXT1cIm5hdmlnYXRpb25MaW5rTW9kZWwubGlua1RleHRcIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3NmeC1tZW51LW9wZW4nOiBpc01lbnVPcGVuIH1cIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cIm5hdi1saW5rXCI+XG4gICAgICA8YVxuICAgICAgICBbaHJlZl09XCJuYXZpZ2F0aW9uTGlua01vZGVsLmhyZWZcIlxuICAgICAgICBpZD1cIm5hdmlnYXRpb24tbGluay17eyBuYXZpZ2F0aW9uTGlua01vZGVsLmxpbmtUZXh0IHwgdHJpbUlkfX1cIlxuICAgICAgICBbbmdDbGFzc109XCJ7ICdzZngtbWVudS1hY3RpdmUnOiBuYXZpZ2F0aW9uTGlua01vZGVsLmlzQWN0aXZlIH1cIlxuICAgICAgICAoY2xpY2spPVwib25DbGljaygpXCJcbiAgICAgICAgPjxzeW1waG9ueS1pY29uXG4gICAgICAgICAgW2ljb25dPVwibmF2aWdhdGlvbkxpbmtNb2RlbC5pY29uQ2xhc3NcIlxuICAgICAgICAgIFtzaXplXT1cIicyNHB4J1wiXG4gICAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICAgIDxzcGFuPnt7IG5hdmlnYXRpb25MaW5rTW9kZWwubGlua1RleHQgfX08L3NwYW4+XG4gICAgICA8L2E+XG4gICAgPC9kaXY+XG4gIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuXG4gIDxkaXZcbiAgICBjbGFzcz1cIm5hdi1saW5rXCJcbiAgICAqbmdJZj1cImlzTWVudU9wZW5cIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3NmeC1tZW51LW9wZW4nOiBpc01lbnVPcGVuIH1cIlxuICA+XG4gICAgPGFcbiAgICAgIGlkPVwibmF2aWdhdGlvbi1saW5rLXt7IG5hdmlnYXRpb25MaW5rTW9kZWwubGlua1RleHQgfCB0cmltSWR9fVwiXG4gICAgICBbaHJlZl09XCJuYXZpZ2F0aW9uTGlua01vZGVsLmhyZWZcIlxuICAgICAgW25nQ2xhc3NdPVwieyAnc2Z4LW1lbnUtYWN0aXZlJzogbmF2aWdhdGlvbkxpbmtNb2RlbC5pc0FjdGl2ZSB9XCJcbiAgICAgIChjbGljayk9XCJvbkNsaWNrKClcIlxuICAgICAgPjxzeW1waG9ueS1pY29uXG4gICAgICAgIFtpY29uXT1cIm5hdmlnYXRpb25MaW5rTW9kZWwuaWNvbkNsYXNzXCJcbiAgICAgICAgW3NpemVdPVwiJzI0cHgnXCJcbiAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICA8c3Bhbj57eyBuYXZpZ2F0aW9uTGlua01vZGVsLmxpbmtUZXh0IH19PC9zcGFuPlxuICAgIDwvYT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,19 +1,55 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation, } from '@angular/core';
|
|
1
|
+
import { Component, HostListener, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../atoms/icon-wrapper/icon-wrapper.component";
|
|
4
4
|
import * as i2 from "../../atoms/icon/icon.component";
|
|
5
5
|
import * as i3 from "../../atoms/paragraph/paragraph.component";
|
|
6
|
-
import * as i4 from "
|
|
7
|
-
import * as i5 from "@angular/common";
|
|
6
|
+
import * as i4 from "@angular/common";
|
|
8
7
|
export class AdditionalInformationCardComponent {
|
|
9
8
|
constructor() { }
|
|
9
|
+
ngOnInit() {
|
|
10
|
+
this.truncateText();
|
|
11
|
+
this.hasMore = true;
|
|
12
|
+
}
|
|
13
|
+
onWindowResize() {
|
|
14
|
+
this.truncateText();
|
|
15
|
+
}
|
|
16
|
+
truncateText() {
|
|
17
|
+
if (this.contentHeight) {
|
|
18
|
+
let getheight = this.contentHeight.nativeElement.offsetHeight;
|
|
19
|
+
const contentClass = this.contentHeight.nativeElement.parentElement;
|
|
20
|
+
if (getheight > 60) {
|
|
21
|
+
setTimeout(() => {
|
|
22
|
+
contentClass.classList.add('truncate-text');
|
|
23
|
+
this.hasMore = true;
|
|
24
|
+
}, 50);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
contentClass.classList.remove('truncate-text');
|
|
28
|
+
this.hasMore = true;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
onMoreClick() {
|
|
33
|
+
this.contentHeight.nativeElement.parentElement.classList.remove('truncate-text');
|
|
34
|
+
this.hasMore = false;
|
|
35
|
+
}
|
|
36
|
+
onLessClick() {
|
|
37
|
+
this.contentHeight.nativeElement.parentElement.classList.add('truncate-text');
|
|
38
|
+
this.hasMore = true;
|
|
39
|
+
}
|
|
10
40
|
}
|
|
11
41
|
AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, ngImport: i0, template: "<div
|
|
42
|
+
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "contentHeight", first: true, predicate: ["contentHeight"], descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div class=\"sfx-pb-10 sfx-font-bold\">\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
13
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
|
|
14
44
|
type: Component,
|
|
15
|
-
args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div
|
|
45
|
+
args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div class=\"sfx-pb-10 sfx-font-bold\">\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"] }]
|
|
16
46
|
}], ctorParameters: function () { return []; }, propDecorators: { additionalInformationModel: [{
|
|
17
47
|
type: Input
|
|
48
|
+
}], contentHeight: [{
|
|
49
|
+
type: ViewChild,
|
|
50
|
+
args: ['contentHeight']
|
|
51
|
+
}], onWindowResize: [{
|
|
52
|
+
type: HostListener,
|
|
53
|
+
args: ['window:resize', ['$event']]
|
|
18
54
|
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBRUwsU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyxrQ0FBa0M7SUFHN0MsZ0JBQWUsQ0FBQztJQUloQixRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO0lBQ3RCLENBQUM7SUFHRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3RCLElBQUksU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztZQUM5RCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUM7WUFDcEUsSUFBSSxTQUFTLEdBQUcsRUFBRSxFQUFFO2dCQUNsQixVQUFVLENBQUMsR0FBRyxFQUFFO29CQUNkLFlBQVksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO29CQUM1QyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztnQkFDdEIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO2FBQ1I7aUJBQU07Z0JBQ0wsWUFBWSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQy9DLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO2FBQ3JCO1NBQ0Y7SUFDSCxDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUM3RCxlQUFlLENBQ2hCLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUMxRCxlQUFlLENBQ2hCLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDOzsrSEEzQ1Usa0NBQWtDO21IQUFsQyxrQ0FBa0Msc1VDakIvQyxrOURBNkRBOzJGRDVDYSxrQ0FBa0M7a0JBTjlDLFNBQVM7K0JBQ0Usc0NBQXNDLGlCQUdqQyxpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QiwwQkFBMEI7c0JBQWxDLEtBQUs7Z0JBS04sYUFBYTtzQkFEWixTQUFTO3VCQUFDLGVBQWU7Z0JBUTFCLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbCB9IGZyb20gJy4vYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBZGRpdGlvbmFsSW5mb3JtYXRpb25DYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw6IFBhcnRpYWw8QWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw+O1xuICBwdWJsaWMgaGFzTW9yZTogYm9vbGVhbjtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnRIZWlnaHQnKVxuICBjb250ZW50SGVpZ2h0OiBFbGVtZW50UmVmO1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRydW5jYXRlVGV4dCgpO1xuICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgb25XaW5kb3dSZXNpemUoKSB7XG4gICAgdGhpcy50cnVuY2F0ZVRleHQoKTtcbiAgfVxuXG4gIHRydW5jYXRlVGV4dCgpIHtcbiAgICBpZiAodGhpcy5jb250ZW50SGVpZ2h0KSB7XG4gICAgICBsZXQgZ2V0aGVpZ2h0ID0gdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0O1xuICAgICAgY29uc3QgY29udGVudENsYXNzID0gdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudDtcbiAgICAgIGlmIChnZXRoZWlnaHQgPiA2MCkge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICBjb250ZW50Q2xhc3MuY2xhc3NMaXN0LmFkZCgndHJ1bmNhdGUtdGV4dCcpO1xuICAgICAgICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gICAgICAgIH0sIDUwKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnRlbnRDbGFzcy5jbGFzc0xpc3QucmVtb3ZlKCd0cnVuY2F0ZS10ZXh0Jyk7XG4gICAgICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gICAgICB9XG4gICAgfVxuICB9XG4gIG9uTW9yZUNsaWNrKCkge1xuICAgIHRoaXMuY29udGVudEhlaWdodC5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShcbiAgICAgICd0cnVuY2F0ZS10ZXh0J1xuICAgICk7XG4gICAgdGhpcy5oYXNNb3JlID0gZmFsc2U7XG4gIH1cbiAgb25MZXNzQ2xpY2soKSB7XG4gICAgdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5jbGFzc0xpc3QuYWRkKFxuICAgICAgJ3RydW5jYXRlLXRleHQnXG4gICAgKTtcbiAgICB0aGlzLmhhc01vcmUgPSB0cnVlO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWxcIlxuICBjbGFzcz1cImFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1pdGVtLXdyYXBwZXJcIlxuPlxuICA8ZGl2IGNsYXNzPVwiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWljb25cIj5cbiAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbldyYXBwZXJDb2xvclwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW2ljb25dPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvblwiXG4gICAgICAgIFtpY29uQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbklubmVyQ29sb3JcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgPC9kaXY+XG5cbiAgPGRpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2Z4LXBiLTEwIHNmeC1mb250LWJvbGRcIj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgICAgPnt7IGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlciB9fTpcbiAgICAgICAge3sgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaGVhZGVyVGV4dCB9fTwvc3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICA+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgKm5nRm9yPVwiXG4gICAgICAgIGxldCBpbmZvcm1hdGlvbiBvZiBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5hZGRpdGlvbmFsSW5mb3JtYXRpb25cbiAgICAgIFwiXG4gICAgICBjbGFzcz1cImFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1kZXNjcmlwdGlvblwiXG4gICAgPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCAqbmdJZj1cIiFpbmZvcm1hdGlvbi5zaG93TW9yZVwiIGNsYXNzPVwiY2FyZC13cmFwLXRleHRcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzZngtcHItNSBzZngtZm9udC1ib2xkIHB1bGwtbGVmdCBzZngtZC1pbmxpbmUtYmxvY2tcIlxuICAgICAgICAgID57eyBpbmZvcm1hdGlvbi5sYWJlbCB9fTo8L3NwYW5cbiAgICAgICAgPlxuICAgICAgICA8c3Bhbj57eyBpbmZvcm1hdGlvbi50ZXh0IH19PC9zcGFuPlxuICAgICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgICA8c3ltcGhvbnktcGFyYWdyYXBoICpuZ0lmPVwiaW5mb3JtYXRpb24uc2hvd01vcmVcIiBjbGFzcz1cImNhcmQtd3JhcC10ZXh0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXByLTUgc2Z4LWZvbnQtYm9sZCBwdWxsLWxlZnQgc2Z4LWQtaW5saW5lLWJsb2NrXCJcbiAgICAgICAgICA+e3sgaW5mb3JtYXRpb24ubGFiZWwgfX06PC9zcGFuXG4gICAgICAgID5cbiAgICAgICAgPHNwYW4gI2NvbnRlbnRIZWlnaHQgY2xhc3M9XCJzZngtZC1ibG9ja1wiXG4gICAgICAgICAgPnt7IGluZm9ybWF0aW9uLnRleHQgfX1cbiAgICAgICAgICA8YVxuICAgICAgICAgICAgaHJlZj1cImphdmFzY3JpcHQ6O1wiXG4gICAgICAgICAgICAqbmdJZj1cImhhc01vcmVcIlxuICAgICAgICAgICAgY2xhc3M9XCJzZngtYnRuLWxpbmtcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uTW9yZUNsaWNrKClcIlxuICAgICAgICAgICAgPm1vcmU8L2FcbiAgICAgICAgICA+XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OjtcIlxuICAgICAgICAgICAgKm5nSWY9XCIhaGFzTW9yZVwiXG4gICAgICAgICAgICBjbGFzcz1cInNmeC1idG4tbGluayBoYXNMZXNzXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbkxlc3NDbGljaygpXCJcbiAgICAgICAgICAgID5sZXNzPC9hXG4gICAgICAgICAgPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3N5bXBob255LXBhcmFncmFwaD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -2,6 +2,6 @@ export var IconWrapperColor;
|
|
|
2
2
|
(function (IconWrapperColor) {
|
|
3
3
|
IconWrapperColor["GREEN"] = "#2CB45F";
|
|
4
4
|
IconWrapperColor["RED"] = "#AC4463";
|
|
5
|
-
IconWrapperColor["
|
|
5
|
+
IconWrapperColor["ORANGE2"] = "#F6861f";
|
|
6
6
|
})(IconWrapperColor || (IconWrapperColor = {}));
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQSxNQUFNLENBQU4sSUFBWSxnQkFJWDtBQUpELFdBQVksZ0JBQWdCO0lBQzFCLHFDQUFpQixDQUFBO0lBQ2pCLG1DQUFlLENBQUE7SUFDZix1Q0FBbUIsQ0FBQTtBQUNyQixDQUFDLEVBSlcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUkzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLmVudW0nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsIHtcbiAgaWNvbjogSWNvbnM7XG4gIGhlYWRlcjogc3RyaW5nO1xuICBoZWFkZXJUZXh0OiBzdHJpbmc7XG4gIGFkZGl0aW9uYWxJbmZvcm1hdGlvbjoge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIHNob3dNb3JlPzogYm9vbGVhbjtcbiAgfVtdO1xuICBpY29uSW5uZXJDb2xvcjogc3RyaW5nO1xuICBpY29uV3JhcHBlckNvbG9yOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBlbnVtIEljb25XcmFwcGVyQ29sb3Ige1xuICBHUkVFTiA9ICcjMkNCNDVGJyxcbiAgUkVEID0gJyNBQzQ0NjMnLFxuICBPUkFOR0UyID0gJyNGNjg2MWYnLFxufVxuIl19
|