@symphony-talent/component-library 4.110.0 → 4.112.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/molecules/additional-information-card/additional-information-card.component.mjs +12 -5
- package/esm2020/lib/molecules/additional-information-card/additional-information-card.model.mjs +1 -1
- package/esm2020/lib/molecules/filter-tabs/filter-tabs.component.mjs +9 -3
- package/esm2020/lib/organisms/additional-information-card-list/additional-information-card-list.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.component.mjs +12 -5
- package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/filter-tabs/filter-tabs.component.mjs +9 -3
- package/esm2020/projects/component-library/lib/organisms/additional-information-card-list/additional-information-card-list.component.mjs +1 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +19 -6
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +19 -6
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +19 -6
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +19 -6
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/molecules/additional-information-card/additional-information-card.component.d.ts +4 -2
- package/lib/molecules/additional-information-card/additional-information-card.model.d.ts +1 -0
- package/lib/molecules/filter-tabs/filter-tabs.component.d.ts +3 -1
- package/package.json +1 -1
- package/projects/component-library/lib/molecules/additional-information-card/additional-information-card.component.d.ts +4 -2
- package/projects/component-library/lib/molecules/additional-information-card/additional-information-card.model.d.ts +1 -0
- package/projects/component-library/lib/molecules/filter-tabs/filter-tabs.component.d.ts +3 -1
package/esm2020/lib/molecules/additional-information-card/additional-information-card.component.mjs
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { Component, HostListener, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, HostListener, Input, Output, 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
6
|
import * as i4 from "@angular/common";
|
|
7
7
|
export class AdditionalInformationCardComponent {
|
|
8
|
-
constructor() {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.cancelInterviewLinkClicked = new EventEmitter();
|
|
10
|
+
}
|
|
9
11
|
ngOnInit() {
|
|
10
12
|
this.truncateText();
|
|
11
13
|
this.hasMore = true;
|
|
@@ -37,14 +39,19 @@ export class AdditionalInformationCardComponent {
|
|
|
37
39
|
this.contentHeight.nativeElement.parentElement.classList.add('truncate-text');
|
|
38
40
|
this.hasMore = true;
|
|
39
41
|
}
|
|
42
|
+
onCancelInterviewLinkClicked() {
|
|
43
|
+
this.cancelInterviewLinkClicked.emit();
|
|
44
|
+
}
|
|
40
45
|
}
|
|
41
46
|
AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\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 });
|
|
47
|
+
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, outputs: { cancelInterviewLinkClicked: "cancelInterviewLinkClicked" }, 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\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\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 <a \n href=\"javascript:;\" \n *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n (click)=\"onCancelInterviewLinkClicked()\"\n >{{additionalInformationModel.cancelInterviewLink}}\n </a>\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 });
|
|
43
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
|
|
44
49
|
type: Component,
|
|
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\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\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"] }]
|
|
50
|
+
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\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\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 <a \n href=\"javascript:;\" \n *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n (click)=\"onCancelInterviewLinkClicked()\"\n >{{additionalInformationModel.cancelInterviewLink}}\n </a>\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"] }]
|
|
46
51
|
}], ctorParameters: function () { return []; }, propDecorators: { additionalInformationModel: [{
|
|
47
52
|
type: Input
|
|
53
|
+
}], cancelInterviewLinkClicked: [{
|
|
54
|
+
type: Output
|
|
48
55
|
}], contentHeight: [{
|
|
49
56
|
type: ViewChild,
|
|
50
57
|
args: ['contentHeight']
|
|
@@ -52,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
52
59
|
type: HostListener,
|
|
53
60
|
args: ['window:resize', ['$event']]
|
|
54
61
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTdkIsTUFBTSxPQUFPLGtDQUFrQztJQUk3QztRQUZVLCtCQUEwQixHQUFxQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRTdELENBQUM7SUFJaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDO0lBR0QsY0FBYztRQUNaLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN0QixJQUFJLFNBQVMsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7WUFDOUQsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDO1lBQ3BFLElBQUksU0FBUyxHQUFHLEVBQUUsRUFBRTtnQkFDbEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtvQkFDZCxZQUFZLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztvQkFDNUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7Z0JBQ3RCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQzthQUNSO2lCQUFNO2dCQUNMLFlBQVksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUMvQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQzthQUNyQjtTQUNGO0lBQ0gsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FDN0QsZUFBZSxDQUNoQixDQUFDO1FBQ0YsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FDMUQsZUFBZSxDQUNoQixDQUFDO1FBQ0YsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7SUFDdEIsQ0FBQztJQUVELDRCQUE0QjtRQUMxQixJQUFJLENBQUMsMEJBQTBCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekMsQ0FBQzs7K0hBaERVLGtDQUFrQzttSEFBbEMsa0NBQWtDLDZZQ25CL0MsNnlFQXdFQTsyRkRyRGEsa0NBQWtDO2tCQU45QyxTQUFTOytCQUNFLHNDQUFzQyxpQkFHakMsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsMEJBQTBCO3NCQUFsQyxLQUFLO2dCQUNJLDBCQUEwQjtzQkFBbkMsTUFBTTtnQkFLUCxhQUFhO3NCQURaLFNBQVM7dUJBQUMsZUFBZTtnQkFRMUIsY0FBYztzQkFEYixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbCB9IGZyb20gJy4vYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBZGRpdGlvbmFsSW5mb3JtYXRpb25DYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw6IFBhcnRpYWw8QWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw+O1xuICBAT3V0cHV0KCkgY2FuY2VsSW50ZXJ2aWV3TGlua0NsaWNrZWQ6RXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIHB1YmxpYyBoYXNNb3JlOiBib29sZWFuO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgQFZpZXdDaGlsZCgnY29udGVudEhlaWdodCcpXG4gIGNvbnRlbnRIZWlnaHQ6IEVsZW1lbnRSZWY7XG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudHJ1bmNhdGVUZXh0KCk7XG4gICAgdGhpcy5oYXNNb3JlID0gdHJ1ZTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxuICBvbldpbmRvd1Jlc2l6ZSgpIHtcbiAgICB0aGlzLnRydW5jYXRlVGV4dCgpO1xuICB9XG5cbiAgdHJ1bmNhdGVUZXh0KCkge1xuICAgIGlmICh0aGlzLmNvbnRlbnRIZWlnaHQpIHtcbiAgICAgIGxldCBnZXRoZWlnaHQgPSB0aGlzLmNvbnRlbnRIZWlnaHQubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQ7XG4gICAgICBjb25zdCBjb250ZW50Q2xhc3MgPSB0aGlzLmNvbnRlbnRIZWlnaHQubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50O1xuICAgICAgaWYgKGdldGhlaWdodCA+IDYwKSB7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIGNvbnRlbnRDbGFzcy5jbGFzc0xpc3QuYWRkKCd0cnVuY2F0ZS10ZXh0Jyk7XG4gICAgICAgICAgdGhpcy5oYXNNb3JlID0gdHJ1ZTtcbiAgICAgICAgfSwgNTApO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY29udGVudENsYXNzLmNsYXNzTGlzdC5yZW1vdmUoJ3RydW5jYXRlLXRleHQnKTtcbiAgICAgICAgdGhpcy5oYXNNb3JlID0gdHJ1ZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgb25Nb3JlQ2xpY2soKSB7XG4gICAgdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKFxuICAgICAgJ3RydW5jYXRlLXRleHQnXG4gICAgKTtcbiAgICB0aGlzLmhhc01vcmUgPSBmYWxzZTtcbiAgfVxuICBvbkxlc3NDbGljaygpIHtcbiAgICB0aGlzLmNvbnRlbnRIZWlnaHQubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50LmNsYXNzTGlzdC5hZGQoXG4gICAgICAndHJ1bmNhdGUtdGV4dCdcbiAgICApO1xuICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gIH1cblxuICBvbkNhbmNlbEludGVydmlld0xpbmtDbGlja2VkKCkge1xuICAgIHRoaXMuY2FuY2VsSW50ZXJ2aWV3TGlua0NsaWNrZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWxcIlxuICBjbGFzcz1cImFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1pdGVtLXdyYXBwZXJcIlxuPlxuICA8ZGl2IGNsYXNzPVwiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWljb25cIj5cbiAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbldyYXBwZXJDb2xvclwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW2ljb25dPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvblwiXG4gICAgICAgIFtpY29uQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbklubmVyQ29sb3JcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgPC9kaXY+XG5cbiAgPGRpdj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInNmeC1wYi0xMCBzZngtZm9udC1ib2xkXCJcbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlciAmJlxuICAgICAgICBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5oZWFkZXJUZXh0XCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICAgID57eyBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5oZWFkZXIgfX06XG4gICAgICAgIHt7IGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlclRleHQgfX08L3N5bXBob255LXBhcmFncmFwaFxuICAgICAgPlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0Zvcj1cIlxuICAgICAgICBsZXQgaW5mb3JtYXRpb24gb2YgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuYWRkaXRpb25hbEluZm9ybWF0aW9uXG4gICAgICBcIlxuICAgICAgY2xhc3M9XCJhZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtZGVzY3JpcHRpb25cIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggKm5nSWY9XCIhaW5mb3JtYXRpb24uc2hvd01vcmVcIiBjbGFzcz1cImNhcmQtd3JhcC10ZXh0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXByLTUgc2Z4LWZvbnQtYm9sZCBwdWxsLWxlZnQgc2Z4LWQtaW5saW5lLWJsb2NrXCJcbiAgICAgICAgICA+e3sgaW5mb3JtYXRpb24ubGFiZWwgfX06PC9zcGFuXG4gICAgICAgID5cbiAgICAgICAgPHNwYW4+e3sgaW5mb3JtYXRpb24udGV4dCB9fTwvc3Bhbj5cbiAgICAgIDwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCAqbmdJZj1cImluZm9ybWF0aW9uLnNob3dNb3JlXCIgY2xhc3M9XCJjYXJkLXdyYXAtdGV4dFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNmeC1wci01IHNmeC1mb250LWJvbGQgcHVsbC1sZWZ0IHNmeC1kLWlubGluZS1ibG9ja1wiXG4gICAgICAgICAgPnt7IGluZm9ybWF0aW9uLmxhYmVsIH19Ojwvc3BhblxuICAgICAgICA+XG4gICAgICAgIDxzcGFuICNjb250ZW50SGVpZ2h0IGNsYXNzPVwic2Z4LWQtYmxvY2tcIlxuICAgICAgICAgID57eyBpbmZvcm1hdGlvbi50ZXh0IH19XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OjtcIlxuICAgICAgICAgICAgKm5nSWY9XCJoYXNNb3JlXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2Z4LWJ0bi1saW5rXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbk1vcmVDbGljaygpXCJcbiAgICAgICAgICAgID5tb3JlPC9hXG4gICAgICAgICAgPlxuICAgICAgICAgIDxhXG4gICAgICAgICAgICBocmVmPVwiamF2YXNjcmlwdDo7XCJcbiAgICAgICAgICAgICpuZ0lmPVwiIWhhc01vcmVcIlxuICAgICAgICAgICAgY2xhc3M9XCJzZngtYnRuLWxpbmsgaGFzTGVzc1wiXG4gICAgICAgICAgICAoY2xpY2spPVwib25MZXNzQ2xpY2soKVwiXG4gICAgICAgICAgICA+bGVzczwvYVxuICAgICAgICAgID5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gICAgPGEgXG4gICAgICBocmVmPVwiamF2YXNjcmlwdDo7XCIgXG4gICAgICAqbmdJZj1cImFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmNhbmNlbEludGVydmlld0xpbmtcIiBcbiAgICAgIChjbGljayk9XCJvbkNhbmNlbEludGVydmlld0xpbmtDbGlja2VkKClcIlxuICAgICAgPnt7YWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuY2FuY2VsSW50ZXJ2aWV3TGlua319XG4gICAgPC9hPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
package/esm2020/lib/molecules/additional-information-card/additional-information-card.model.mjs
CHANGED
|
@@ -4,4 +4,4 @@ export var IconWrapperColor;
|
|
|
4
4
|
IconWrapperColor["RED"] = "#AC4463";
|
|
5
5
|
IconWrapperColor["ORANGE2"] = "#F6861f";
|
|
6
6
|
})(IconWrapperColor || (IconWrapperColor = {}));
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQkEsTUFBTSxDQUFOLElBQVksZ0JBSVg7QUFKRCxXQUFZLGdCQUFnQjtJQUMxQixxQ0FBaUIsQ0FBQTtJQUNqQixtQ0FBZSxDQUFBO0lBQ2YsdUNBQW1CLENBQUE7QUFDckIsQ0FBQyxFQUpXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFJM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5lbnVtJztcblxuZXhwb3J0IGludGVyZmFjZSBBZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbCB7XG4gIGljb246IEljb25zO1xuICBoZWFkZXI/OiBzdHJpbmc7XG4gIGhlYWRlclRleHQ/OiBzdHJpbmc7XG4gIGFkZGl0aW9uYWxJbmZvcm1hdGlvbjoge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIHNob3dNb3JlPzogYm9vbGVhbjtcbiAgfVtdO1xuICBpY29uSW5uZXJDb2xvcjogc3RyaW5nO1xuICBpY29uV3JhcHBlckNvbG9yOiBzdHJpbmc7XG4gIGNhbmNlbEludGVydmlld0xpbms/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBlbnVtIEljb25XcmFwcGVyQ29sb3Ige1xuICBHUkVFTiA9ICcjMkNCNDVGJyxcbiAgUkVEID0gJyNBQzQ0NjMnLFxuICBPUkFOR0UyID0gJyNGNjg2MWYnLFxufVxuIl19
|
|
@@ -13,6 +13,7 @@ export class FilterTabsComponent {
|
|
|
13
13
|
this.loadSearchClick = new EventEmitter();
|
|
14
14
|
this.clearSearchClick = new EventEmitter();
|
|
15
15
|
this.buttonClicked = new EventEmitter();
|
|
16
|
+
this.tabSelected = new EventEmitter();
|
|
16
17
|
}
|
|
17
18
|
onItemClick(item) {
|
|
18
19
|
this.moreOptionClick.emit(item);
|
|
@@ -26,12 +27,15 @@ export class FilterTabsComponent {
|
|
|
26
27
|
onButtonClick(text) {
|
|
27
28
|
this.buttonClicked.emit(text);
|
|
28
29
|
}
|
|
30
|
+
onTabSelected(FilterTabsModel) {
|
|
31
|
+
this.tabSelected.emit(FilterTabsModel);
|
|
32
|
+
}
|
|
29
33
|
}
|
|
30
34
|
FilterTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
FilterTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsComponent, selector: "symphony-filter-tabs", inputs: { filterTabs: "filterTabs" }, outputs: { moreOptionClick: "moreOptionClick", loadSearchClick: "loadSearchClick", clearSearchClick: "clearSearchClick", buttonClicked: "buttonClicked" }, ngImport: i0, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset>\n <tab [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i5.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.TabDirective, selector: "tab, [tab]", inputs: ["customClass", "active", "removable", "heading", "id", "disabled"], outputs: ["selectTab", "deselect", "removed"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
35
|
+
FilterTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsComponent, selector: "symphony-filter-tabs", inputs: { filterTabs: "filterTabs" }, outputs: { moreOptionClick: "moreOptionClick", loadSearchClick: "loadSearchClick", clearSearchClick: "clearSearchClick", buttonClicked: "buttonClicked", tabSelected: "tabSelected" }, ngImport: i0, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset>\n <tab (selectTab)=\"onTabSelected($event)\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab (selectTab)=\"onTabSelected($event)\" [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i5.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.TabDirective, selector: "tab, [tab]", inputs: ["customClass", "active", "removable", "heading", "id", "disabled"], outputs: ["selectTab", "deselect", "removed"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
32
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, decorators: [{
|
|
33
37
|
type: Component,
|
|
34
|
-
args: [{ selector: 'symphony-filter-tabs', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset>\n <tab [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"] }]
|
|
38
|
+
args: [{ selector: 'symphony-filter-tabs', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset>\n <tab (selectTab)=\"onTabSelected($event)\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab (selectTab)=\"onTabSelected($event)\" [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"] }]
|
|
35
39
|
}], ctorParameters: function () { return []; }, propDecorators: { filterTabs: [{
|
|
36
40
|
type: Input
|
|
37
41
|
}], moreOptionClick: [{
|
|
@@ -42,5 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
42
46
|
type: Output
|
|
43
47
|
}], buttonClicked: [{
|
|
44
48
|
type: Output
|
|
49
|
+
}], tabSelected: [{
|
|
50
|
+
type: Output
|
|
45
51
|
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQVN2QixNQUFNLE9BQU8sbUJBQW1CO0lBUzlCO1FBTlUsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzdDLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMzQyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzVDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUMzQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO0lBRTdDLENBQUM7SUFFaEIsV0FBVyxDQUFDLElBQVk7UUFDdEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELGFBQWEsQ0FBQyxJQUFZO1FBQ3hCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxhQUFhLENBQUMsZUFBZTtRQUMzQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUN6QyxDQUFDOztnSEE3QlUsbUJBQW1CO29HQUFuQixtQkFBbUIseVJDZmhDLDBwRkE2RUE7MkZEOURhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxzQkFBc0IsaUJBR2pCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmlsdGVyVGFic01vZGVsIH0gZnJvbSAnLi9maWx0ZXItdGFicy5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWZpbHRlci10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsdGVyLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyVGFic0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpbHRlclRhYnM6IEZpbHRlclRhYnNNb2RlbDtcblxuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBsb2FkU2VhcmNoQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBjbGVhclNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgdGFiU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEZpbHRlclRhYnNNb2RlbD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25JdGVtQ2xpY2soaXRlbTogc3RyaW5nKSB7XG4gICAgdGhpcy5tb3JlT3B0aW9uQ2xpY2suZW1pdChpdGVtKTtcbiAgfVxuXG4gIG9uTG9hZFNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMubG9hZFNlYXJjaENsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIG9uQ2xlYXJTZWFyY2hDbGljaygpIHtcbiAgICB0aGlzLmNsZWFyU2VhcmNoQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgb25CdXR0b25DbGljayh0ZXh0OiBzdHJpbmcpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrZWQuZW1pdCh0ZXh0KTtcbiAgfVxuXG4gIG9uVGFiU2VsZWN0ZWQoRmlsdGVyVGFic01vZGVsKSB7XG4gICAgdGhpcy50YWJTZWxlY3RlZC5lbWl0KEZpbHRlclRhYnNNb2RlbCk7XG4gIH1cbn0gXG4iLCI8c2VjdGlvbiAqbmdJZj1cImZpbHRlclRhYnNcIiBjbGFzcz1cInNmeC10YWItd3JhcHBlciBzZngtZmlsdGVyLXRhYi13cmFwXCI+XG4gIDxkaXYgY2xhc3M9XCJ0YWItZmlsdGVyLWFjdGlvbnNcIj5cbiAgICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgICBbcGxhY2VtZW50XT1cIid0b3AnXCJcbiAgICAgIFt0b29sdGlwSHRtbF09XCInTGFzdCBTZWFyY2gnXCJcbiAgICAgIFt0b29sVGlwQ2xhc3NdPVwiJ3Rvb2xUaXBWMidcIlxuICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dMb2FkTGFzdFNlYXJjaFwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgICBjbGFzcz1cInJvdGF0ZVkgc2Z4LWQtZmxleCBmaWx0ZXItYWN0aW9uLWljb25cIlxuICAgICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgICAgICBbaGFzSG92ZXJXaXRob3V0Qm9yZGVyXT1cInRydWVcIlxuICAgICAgICBbYmFja2dyb3VuZENvbG9yXT1cIicjZmZmZmZmJ1wiXG4gICAgICAgIChjbGljayk9XCJvbkxvYWRTZWFyY2hDbGljaygpXCJcbiAgICAgID5cbiAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICBbaWNvbl09XCInc2ktcmVmcmVzaCdcIlxuICAgICAgICAgIFtpY29uQ29sb3JdPVwiJyMzMzQ4NjAnXCJcbiAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICAgIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuXG4gICAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gICAgICBbdG9vbHRpcEh0bWxdPVwiJ0NsZWFyIFNlYXJjaCdcIlxuICAgICAgW3Rvb2xUaXBDbGFzc109XCIndG9vbFRpcFYyJ1wiXG4gICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd0NsZWFyU2VhcmNoXCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgICAgIGNsYXNzPVwiZmlsdGVyLWFjdGlvbi1pY29uXCJcbiAgICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgICAgW2JhY2tncm91bmRDb2xvcl09XCInI2ZmZmZmZidcIlxuICAgICAgICAoY2xpY2spPVwib25DbGVhclNlYXJjaENsaWNrKClcIlxuICAgICAgPlxuICAgICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICAgIFtpY29uXT1cIidzaS1zZWFyY2gtY2xlYXInXCJcbiAgICAgICAgICBbaWNvbkNvbG9yXT1cIicjMzM0ODYwJ1wiXG4gICAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgICA8L3N5bXBob255LXRvb2x0aXAtd3JhcHBlcj5cblxuICAgIDxzeW1waG9ueS1jb250ZXh0dWFsLW1lbnVcbiAgICAgIGNsYXNzPVwiZmlsdGVyLWFjdGlvbi1pY29uXCJcbiAgICAgIFttb2RlbF09XCJmaWx0ZXJUYWJzLm1vcmVBY3Rpb25zTWVudVwiXG4gICAgICAoaXRlbUNsaWNrKT1cIm9uSXRlbUNsaWNrKCRldmVudClcIlxuICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dNb3JlT3B0aW9uc1wiXG4gICAgPlxuICAgIDwvc3ltcGhvbnktY29udGV4dHVhbC1tZW51PlxuICA8L2Rpdj5cbiAgPHRhYnNldD5cbiAgICA8dGFiIChzZWxlY3RUYWIpPVwib25UYWJTZWxlY3RlZCgkZXZlbnQpXCIgW2hlYWRpbmddPVwiJ0Jhc2ljIFNlYXJjaCdcIiBbYWN0aXZlXT1cImZpbHRlclRhYnMuc2hvd0Jhc2ljU2VhcmNoXCJcbiAgICAgID48ZGl2PjxuZy1jb250ZW50IHNlbGVjdD1cIltiYXNpYy1zZWFyY2gtY29udGVudF1cIj48L25nLWNvbnRlbnQ+PC9kaXZcbiAgICA+PC90YWI+XG4gICAgPHRhYiAoc2VsZWN0VGFiKT1cIm9uVGFiU2VsZWN0ZWQoJGV2ZW50KVwiIFtoZWFkaW5nXT1cIidBZHZhbmNlZCBTZWFyY2gnXCIgW2FjdGl2ZV09XCJmaWx0ZXJUYWJzLnNob3dBZHZhbmNlU2VhcmNoXCJcbiAgICAgID48ZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYWR2YW5jZWQtc2VhcmNoLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWR2YW5jZS1zZWFyY2gtZm9vdGVyIHNmeC1tdC0yMFwiPlxuICAgICAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd1NlZVJlc3VsdHNCdG5cIlxuICAgICAgICAgIGlkPVwiYnV0dG9uLXNlZS1yZXN1bHRcIlxuICAgICAgICAgIHRleHQ9XCJTRUUgUkVTVUxUU1wiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cImZpbHRlclRhYnMuc2VlUmVzdWx0c0J0bkRpc2FibGVkXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd0NsZWFyUmVzdWx0c0J0blwiXG4gICAgICAgICAgaWQ9XCJidXR0b24tY2xlYXItcmVzdWx0XCJcbiAgICAgICAgICB0ZXh0PVwiQ2xlYXJcIlxuICAgICAgICAgIFtpc1NlY29uZGFyeV09XCJ0cnVlXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8L2RpdlxuICAgID48L3RhYj5cbiAgPC90YWJzZXQ+XG48L3NlY3Rpb24+XG4iXX0=
|
|
@@ -8,7 +8,7 @@ export class AdditionalInformationCardListComponent {
|
|
|
8
8
|
constructor() { }
|
|
9
9
|
}
|
|
10
10
|
AdditionalInformationCardListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, ngImport: i0, template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"] }, { type: i3.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
11
|
+
AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, ngImport: i0, template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"], outputs: ["cancelInterviewLinkClicked"] }, { type: i3.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'symphony-additional-information-card-list', template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"] }]
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { Component, HostListener, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, HostListener, Input, Output, 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
6
|
import * as i4 from "@angular/common";
|
|
7
7
|
export class AdditionalInformationCardComponent {
|
|
8
|
-
constructor() {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.cancelInterviewLinkClicked = new EventEmitter();
|
|
10
|
+
}
|
|
9
11
|
ngOnInit() {
|
|
10
12
|
this.truncateText();
|
|
11
13
|
this.hasMore = true;
|
|
@@ -37,14 +39,19 @@ export class AdditionalInformationCardComponent {
|
|
|
37
39
|
this.contentHeight.nativeElement.parentElement.classList.add('truncate-text');
|
|
38
40
|
this.hasMore = true;
|
|
39
41
|
}
|
|
42
|
+
onCancelInterviewLinkClicked() {
|
|
43
|
+
this.cancelInterviewLinkClicked.emit();
|
|
44
|
+
}
|
|
40
45
|
}
|
|
41
46
|
AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\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 });
|
|
47
|
+
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, outputs: { cancelInterviewLinkClicked: "cancelInterviewLinkClicked" }, 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\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\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 <a \n href=\"javascript:;\" \n *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n (click)=\"onCancelInterviewLinkClicked()\"\n >{{additionalInformationModel.cancelInterviewLink}}\n </a>\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 });
|
|
43
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
|
|
44
49
|
type: Component,
|
|
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\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\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"] }]
|
|
50
|
+
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\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\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 <a \n href=\"javascript:;\" \n *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n (click)=\"onCancelInterviewLinkClicked()\"\n >{{additionalInformationModel.cancelInterviewLink}}\n </a>\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"] }]
|
|
46
51
|
}], ctorParameters: function () { return []; }, propDecorators: { additionalInformationModel: [{
|
|
47
52
|
type: Input
|
|
53
|
+
}], cancelInterviewLinkClicked: [{
|
|
54
|
+
type: Output
|
|
48
55
|
}], contentHeight: [{
|
|
49
56
|
type: ViewChild,
|
|
50
57
|
args: ['contentHeight']
|
|
@@ -52,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
52
59
|
type: HostListener,
|
|
53
60
|
args: ['window:resize', ['$event']]
|
|
54
61
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTdkIsTUFBTSxPQUFPLGtDQUFrQztJQUk3QztRQUZVLCtCQUEwQixHQUFxQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRTdELENBQUM7SUFJaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDO0lBR0QsY0FBYztRQUNaLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN0QixJQUFJLFNBQVMsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7WUFDOUQsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDO1lBQ3BFLElBQUksU0FBUyxHQUFHLEVBQUUsRUFBRTtnQkFDbEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtvQkFDZCxZQUFZLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztvQkFDNUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7Z0JBQ3RCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQzthQUNSO2lCQUFNO2dCQUNMLFlBQVksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUMvQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQzthQUNyQjtTQUNGO0lBQ0gsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FDN0QsZUFBZSxDQUNoQixDQUFDO1FBQ0YsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FDMUQsZUFBZSxDQUNoQixDQUFDO1FBQ0YsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7SUFDdEIsQ0FBQztJQUVELDRCQUE0QjtRQUMxQixJQUFJLENBQUMsMEJBQTBCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekMsQ0FBQzs7K0hBaERVLGtDQUFrQzttSEFBbEMsa0NBQWtDLDZZQ25CL0MsNnlFQXdFQTsyRkRyRGEsa0NBQWtDO2tCQU45QyxTQUFTOytCQUNFLHNDQUFzQyxpQkFHakMsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsMEJBQTBCO3NCQUFsQyxLQUFLO2dCQUNJLDBCQUEwQjtzQkFBbkMsTUFBTTtnQkFLUCxhQUFhO3NCQURaLFNBQVM7dUJBQUMsZUFBZTtnQkFRMUIsY0FBYztzQkFEYixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbCB9IGZyb20gJy4vYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBZGRpdGlvbmFsSW5mb3JtYXRpb25DYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw6IFBhcnRpYWw8QWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw+O1xuICBAT3V0cHV0KCkgY2FuY2VsSW50ZXJ2aWV3TGlua0NsaWNrZWQ6RXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIHB1YmxpYyBoYXNNb3JlOiBib29sZWFuO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgQFZpZXdDaGlsZCgnY29udGVudEhlaWdodCcpXG4gIGNvbnRlbnRIZWlnaHQ6IEVsZW1lbnRSZWY7XG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudHJ1bmNhdGVUZXh0KCk7XG4gICAgdGhpcy5oYXNNb3JlID0gdHJ1ZTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxuICBvbldpbmRvd1Jlc2l6ZSgpIHtcbiAgICB0aGlzLnRydW5jYXRlVGV4dCgpO1xuICB9XG5cbiAgdHJ1bmNhdGVUZXh0KCkge1xuICAgIGlmICh0aGlzLmNvbnRlbnRIZWlnaHQpIHtcbiAgICAgIGxldCBnZXRoZWlnaHQgPSB0aGlzLmNvbnRlbnRIZWlnaHQubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQ7XG4gICAgICBjb25zdCBjb250ZW50Q2xhc3MgPSB0aGlzLmNvbnRlbnRIZWlnaHQubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50O1xuICAgICAgaWYgKGdldGhlaWdodCA+IDYwKSB7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIGNvbnRlbnRDbGFzcy5jbGFzc0xpc3QuYWRkKCd0cnVuY2F0ZS10ZXh0Jyk7XG4gICAgICAgICAgdGhpcy5oYXNNb3JlID0gdHJ1ZTtcbiAgICAgICAgfSwgNTApO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY29udGVudENsYXNzLmNsYXNzTGlzdC5yZW1vdmUoJ3RydW5jYXRlLXRleHQnKTtcbiAgICAgICAgdGhpcy5oYXNNb3JlID0gdHJ1ZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgb25Nb3JlQ2xpY2soKSB7XG4gICAgdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKFxuICAgICAgJ3RydW5jYXRlLXRleHQnXG4gICAgKTtcbiAgICB0aGlzLmhhc01vcmUgPSBmYWxzZTtcbiAgfVxuICBvbkxlc3NDbGljaygpIHtcbiAgICB0aGlzLmNvbnRlbnRIZWlnaHQubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50LmNsYXNzTGlzdC5hZGQoXG4gICAgICAndHJ1bmNhdGUtdGV4dCdcbiAgICApO1xuICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gIH1cblxuICBvbkNhbmNlbEludGVydmlld0xpbmtDbGlja2VkKCkge1xuICAgIHRoaXMuY2FuY2VsSW50ZXJ2aWV3TGlua0NsaWNrZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWxcIlxuICBjbGFzcz1cImFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1pdGVtLXdyYXBwZXJcIlxuPlxuICA8ZGl2IGNsYXNzPVwiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWljb25cIj5cbiAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbldyYXBwZXJDb2xvclwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW2ljb25dPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvblwiXG4gICAgICAgIFtpY29uQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbklubmVyQ29sb3JcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgPC9kaXY+XG5cbiAgPGRpdj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInNmeC1wYi0xMCBzZngtZm9udC1ib2xkXCJcbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlciAmJlxuICAgICAgICBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5oZWFkZXJUZXh0XCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICAgID57eyBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5oZWFkZXIgfX06XG4gICAgICAgIHt7IGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlclRleHQgfX08L3N5bXBob255LXBhcmFncmFwaFxuICAgICAgPlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0Zvcj1cIlxuICAgICAgICBsZXQgaW5mb3JtYXRpb24gb2YgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuYWRkaXRpb25hbEluZm9ybWF0aW9uXG4gICAgICBcIlxuICAgICAgY2xhc3M9XCJhZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtZGVzY3JpcHRpb25cIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggKm5nSWY9XCIhaW5mb3JtYXRpb24uc2hvd01vcmVcIiBjbGFzcz1cImNhcmQtd3JhcC10ZXh0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXByLTUgc2Z4LWZvbnQtYm9sZCBwdWxsLWxlZnQgc2Z4LWQtaW5saW5lLWJsb2NrXCJcbiAgICAgICAgICA+e3sgaW5mb3JtYXRpb24ubGFiZWwgfX06PC9zcGFuXG4gICAgICAgID5cbiAgICAgICAgPHNwYW4+e3sgaW5mb3JtYXRpb24udGV4dCB9fTwvc3Bhbj5cbiAgICAgIDwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCAqbmdJZj1cImluZm9ybWF0aW9uLnNob3dNb3JlXCIgY2xhc3M9XCJjYXJkLXdyYXAtdGV4dFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNmeC1wci01IHNmeC1mb250LWJvbGQgcHVsbC1sZWZ0IHNmeC1kLWlubGluZS1ibG9ja1wiXG4gICAgICAgICAgPnt7IGluZm9ybWF0aW9uLmxhYmVsIH19Ojwvc3BhblxuICAgICAgICA+XG4gICAgICAgIDxzcGFuICNjb250ZW50SGVpZ2h0IGNsYXNzPVwic2Z4LWQtYmxvY2tcIlxuICAgICAgICAgID57eyBpbmZvcm1hdGlvbi50ZXh0IH19XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OjtcIlxuICAgICAgICAgICAgKm5nSWY9XCJoYXNNb3JlXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2Z4LWJ0bi1saW5rXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbk1vcmVDbGljaygpXCJcbiAgICAgICAgICAgID5tb3JlPC9hXG4gICAgICAgICAgPlxuICAgICAgICAgIDxhXG4gICAgICAgICAgICBocmVmPVwiamF2YXNjcmlwdDo7XCJcbiAgICAgICAgICAgICpuZ0lmPVwiIWhhc01vcmVcIlxuICAgICAgICAgICAgY2xhc3M9XCJzZngtYnRuLWxpbmsgaGFzTGVzc1wiXG4gICAgICAgICAgICAoY2xpY2spPVwib25MZXNzQ2xpY2soKVwiXG4gICAgICAgICAgICA+bGVzczwvYVxuICAgICAgICAgID5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gICAgPGEgXG4gICAgICBocmVmPVwiamF2YXNjcmlwdDo7XCIgXG4gICAgICAqbmdJZj1cImFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmNhbmNlbEludGVydmlld0xpbmtcIiBcbiAgICAgIChjbGljayk9XCJvbkNhbmNlbEludGVydmlld0xpbmtDbGlja2VkKClcIlxuICAgICAgPnt7YWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuY2FuY2VsSW50ZXJ2aWV3TGlua319XG4gICAgPC9hPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -4,4 +4,4 @@ export var IconWrapperColor;
|
|
|
4
4
|
IconWrapperColor["RED"] = "#AC4463";
|
|
5
5
|
IconWrapperColor["ORANGE2"] = "#F6861f";
|
|
6
6
|
})(IconWrapperColor || (IconWrapperColor = {}));
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQkEsTUFBTSxDQUFOLElBQVksZ0JBSVg7QUFKRCxXQUFZLGdCQUFnQjtJQUMxQixxQ0FBaUIsQ0FBQTtJQUNqQixtQ0FBZSxDQUFBO0lBQ2YsdUNBQW1CLENBQUE7QUFDckIsQ0FBQyxFQUpXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFJM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5lbnVtJztcblxuZXhwb3J0IGludGVyZmFjZSBBZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbCB7XG4gIGljb246IEljb25zO1xuICBoZWFkZXI/OiBzdHJpbmc7XG4gIGhlYWRlclRleHQ/OiBzdHJpbmc7XG4gIGFkZGl0aW9uYWxJbmZvcm1hdGlvbjoge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIHNob3dNb3JlPzogYm9vbGVhbjtcbiAgfVtdO1xuICBpY29uSW5uZXJDb2xvcjogc3RyaW5nO1xuICBpY29uV3JhcHBlckNvbG9yOiBzdHJpbmc7XG4gIGNhbmNlbEludGVydmlld0xpbms/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBlbnVtIEljb25XcmFwcGVyQ29sb3Ige1xuICBHUkVFTiA9ICcjMkNCNDVGJyxcbiAgUkVEID0gJyNBQzQ0NjMnLFxuICBPUkFOR0UyID0gJyNGNjg2MWYnLFxufVxuIl19
|
package/esm2020/projects/component-library/lib/molecules/filter-tabs/filter-tabs.component.mjs
CHANGED
|
@@ -13,6 +13,7 @@ export class FilterTabsComponent {
|
|
|
13
13
|
this.loadSearchClick = new EventEmitter();
|
|
14
14
|
this.clearSearchClick = new EventEmitter();
|
|
15
15
|
this.buttonClicked = new EventEmitter();
|
|
16
|
+
this.tabSelected = new EventEmitter();
|
|
16
17
|
}
|
|
17
18
|
onItemClick(item) {
|
|
18
19
|
this.moreOptionClick.emit(item);
|
|
@@ -26,12 +27,15 @@ export class FilterTabsComponent {
|
|
|
26
27
|
onButtonClick(text) {
|
|
27
28
|
this.buttonClicked.emit(text);
|
|
28
29
|
}
|
|
30
|
+
onTabSelected(FilterTabsModel) {
|
|
31
|
+
this.tabSelected.emit(FilterTabsModel);
|
|
32
|
+
}
|
|
29
33
|
}
|
|
30
34
|
FilterTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
FilterTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsComponent, selector: "symphony-filter-tabs", inputs: { filterTabs: "filterTabs" }, outputs: { moreOptionClick: "moreOptionClick", loadSearchClick: "loadSearchClick", clearSearchClick: "clearSearchClick", buttonClicked: "buttonClicked" }, ngImport: i0, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset>\n <tab [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i5.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.TabDirective, selector: "tab, [tab]", inputs: ["customClass", "active", "removable", "heading", "id", "disabled"], outputs: ["selectTab", "deselect", "removed"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
35
|
+
FilterTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsComponent, selector: "symphony-filter-tabs", inputs: { filterTabs: "filterTabs" }, outputs: { moreOptionClick: "moreOptionClick", loadSearchClick: "loadSearchClick", clearSearchClick: "clearSearchClick", buttonClicked: "buttonClicked", tabSelected: "tabSelected" }, ngImport: i0, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset>\n <tab (selectTab)=\"onTabSelected($event)\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab (selectTab)=\"onTabSelected($event)\" [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i5.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.TabDirective, selector: "tab, [tab]", inputs: ["customClass", "active", "removable", "heading", "id", "disabled"], outputs: ["selectTab", "deselect", "removed"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
32
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, decorators: [{
|
|
33
37
|
type: Component,
|
|
34
|
-
args: [{ selector: 'symphony-filter-tabs', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset>\n <tab [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"] }]
|
|
38
|
+
args: [{ selector: 'symphony-filter-tabs', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset>\n <tab (selectTab)=\"onTabSelected($event)\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab (selectTab)=\"onTabSelected($event)\" [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"] }]
|
|
35
39
|
}], ctorParameters: function () { return []; }, propDecorators: { filterTabs: [{
|
|
36
40
|
type: Input
|
|
37
41
|
}], moreOptionClick: [{
|
|
@@ -42,5 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
42
46
|
type: Output
|
|
43
47
|
}], buttonClicked: [{
|
|
44
48
|
type: Output
|
|
49
|
+
}], tabSelected: [{
|
|
50
|
+
type: Output
|
|
45
51
|
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQVN2QixNQUFNLE9BQU8sbUJBQW1CO0lBUzlCO1FBTlUsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzdDLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMzQyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzVDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUMzQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO0lBRTdDLENBQUM7SUFFaEIsV0FBVyxDQUFDLElBQVk7UUFDdEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELGFBQWEsQ0FBQyxJQUFZO1FBQ3hCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxhQUFhLENBQUMsZUFBZTtRQUMzQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUN6QyxDQUFDOztnSEE3QlUsbUJBQW1CO29HQUFuQixtQkFBbUIseVJDZmhDLDBwRkE2RUE7MkZEOURhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxzQkFBc0IsaUJBR2pCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmlsdGVyVGFic01vZGVsIH0gZnJvbSAnLi9maWx0ZXItdGFicy5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWZpbHRlci10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsdGVyLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyVGFic0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpbHRlclRhYnM6IEZpbHRlclRhYnNNb2RlbDtcblxuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBsb2FkU2VhcmNoQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBjbGVhclNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgdGFiU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEZpbHRlclRhYnNNb2RlbD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25JdGVtQ2xpY2soaXRlbTogc3RyaW5nKSB7XG4gICAgdGhpcy5tb3JlT3B0aW9uQ2xpY2suZW1pdChpdGVtKTtcbiAgfVxuXG4gIG9uTG9hZFNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMubG9hZFNlYXJjaENsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIG9uQ2xlYXJTZWFyY2hDbGljaygpIHtcbiAgICB0aGlzLmNsZWFyU2VhcmNoQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgb25CdXR0b25DbGljayh0ZXh0OiBzdHJpbmcpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrZWQuZW1pdCh0ZXh0KTtcbiAgfVxuXG4gIG9uVGFiU2VsZWN0ZWQoRmlsdGVyVGFic01vZGVsKSB7XG4gICAgdGhpcy50YWJTZWxlY3RlZC5lbWl0KEZpbHRlclRhYnNNb2RlbCk7XG4gIH1cbn0gXG4iLCI8c2VjdGlvbiAqbmdJZj1cImZpbHRlclRhYnNcIiBjbGFzcz1cInNmeC10YWItd3JhcHBlciBzZngtZmlsdGVyLXRhYi13cmFwXCI+XG4gIDxkaXYgY2xhc3M9XCJ0YWItZmlsdGVyLWFjdGlvbnNcIj5cbiAgICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgICBbcGxhY2VtZW50XT1cIid0b3AnXCJcbiAgICAgIFt0b29sdGlwSHRtbF09XCInTGFzdCBTZWFyY2gnXCJcbiAgICAgIFt0b29sVGlwQ2xhc3NdPVwiJ3Rvb2xUaXBWMidcIlxuICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dMb2FkTGFzdFNlYXJjaFwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgICBjbGFzcz1cInJvdGF0ZVkgc2Z4LWQtZmxleCBmaWx0ZXItYWN0aW9uLWljb25cIlxuICAgICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgICAgICBbaGFzSG92ZXJXaXRob3V0Qm9yZGVyXT1cInRydWVcIlxuICAgICAgICBbYmFja2dyb3VuZENvbG9yXT1cIicjZmZmZmZmJ1wiXG4gICAgICAgIChjbGljayk9XCJvbkxvYWRTZWFyY2hDbGljaygpXCJcbiAgICAgID5cbiAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICBbaWNvbl09XCInc2ktcmVmcmVzaCdcIlxuICAgICAgICAgIFtpY29uQ29sb3JdPVwiJyMzMzQ4NjAnXCJcbiAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICAgIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuXG4gICAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gICAgICBbdG9vbHRpcEh0bWxdPVwiJ0NsZWFyIFNlYXJjaCdcIlxuICAgICAgW3Rvb2xUaXBDbGFzc109XCIndG9vbFRpcFYyJ1wiXG4gICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd0NsZWFyU2VhcmNoXCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgICAgIGNsYXNzPVwiZmlsdGVyLWFjdGlvbi1pY29uXCJcbiAgICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgICAgW2JhY2tncm91bmRDb2xvcl09XCInI2ZmZmZmZidcIlxuICAgICAgICAoY2xpY2spPVwib25DbGVhclNlYXJjaENsaWNrKClcIlxuICAgICAgPlxuICAgICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICAgIFtpY29uXT1cIidzaS1zZWFyY2gtY2xlYXInXCJcbiAgICAgICAgICBbaWNvbkNvbG9yXT1cIicjMzM0ODYwJ1wiXG4gICAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgICA8L3N5bXBob255LXRvb2x0aXAtd3JhcHBlcj5cblxuICAgIDxzeW1waG9ueS1jb250ZXh0dWFsLW1lbnVcbiAgICAgIGNsYXNzPVwiZmlsdGVyLWFjdGlvbi1pY29uXCJcbiAgICAgIFttb2RlbF09XCJmaWx0ZXJUYWJzLm1vcmVBY3Rpb25zTWVudVwiXG4gICAgICAoaXRlbUNsaWNrKT1cIm9uSXRlbUNsaWNrKCRldmVudClcIlxuICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dNb3JlT3B0aW9uc1wiXG4gICAgPlxuICAgIDwvc3ltcGhvbnktY29udGV4dHVhbC1tZW51PlxuICA8L2Rpdj5cbiAgPHRhYnNldD5cbiAgICA8dGFiIChzZWxlY3RUYWIpPVwib25UYWJTZWxlY3RlZCgkZXZlbnQpXCIgW2hlYWRpbmddPVwiJ0Jhc2ljIFNlYXJjaCdcIiBbYWN0aXZlXT1cImZpbHRlclRhYnMuc2hvd0Jhc2ljU2VhcmNoXCJcbiAgICAgID48ZGl2PjxuZy1jb250ZW50IHNlbGVjdD1cIltiYXNpYy1zZWFyY2gtY29udGVudF1cIj48L25nLWNvbnRlbnQ+PC9kaXZcbiAgICA+PC90YWI+XG4gICAgPHRhYiAoc2VsZWN0VGFiKT1cIm9uVGFiU2VsZWN0ZWQoJGV2ZW50KVwiIFtoZWFkaW5nXT1cIidBZHZhbmNlZCBTZWFyY2gnXCIgW2FjdGl2ZV09XCJmaWx0ZXJUYWJzLnNob3dBZHZhbmNlU2VhcmNoXCJcbiAgICAgID48ZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYWR2YW5jZWQtc2VhcmNoLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWR2YW5jZS1zZWFyY2gtZm9vdGVyIHNmeC1tdC0yMFwiPlxuICAgICAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd1NlZVJlc3VsdHNCdG5cIlxuICAgICAgICAgIGlkPVwiYnV0dG9uLXNlZS1yZXN1bHRcIlxuICAgICAgICAgIHRleHQ9XCJTRUUgUkVTVUxUU1wiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cImZpbHRlclRhYnMuc2VlUmVzdWx0c0J0bkRpc2FibGVkXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd0NsZWFyUmVzdWx0c0J0blwiXG4gICAgICAgICAgaWQ9XCJidXR0b24tY2xlYXItcmVzdWx0XCJcbiAgICAgICAgICB0ZXh0PVwiQ2xlYXJcIlxuICAgICAgICAgIFtpc1NlY29uZGFyeV09XCJ0cnVlXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8L2RpdlxuICAgID48L3RhYj5cbiAgPC90YWJzZXQ+XG48L3NlY3Rpb24+XG4iXX0=
|
|
@@ -8,7 +8,7 @@ export class AdditionalInformationCardListComponent {
|
|
|
8
8
|
constructor() { }
|
|
9
9
|
}
|
|
10
10
|
AdditionalInformationCardListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, ngImport: i0, template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"] }, { type: i3.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
11
|
+
AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, ngImport: i0, template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"], outputs: ["cancelInterviewLinkClicked"] }, { type: i3.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'symphony-additional-information-card-list', template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"] }]
|