@symphony-talent/component-library 4.112.0 → 4.114.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/filter-tabs/filter-tabs.component.mjs +17 -8
- package/esm2020/lib/organisms/additional-information-card-list/additional-information-card-list.component.mjs +12 -5
- package/esm2020/projects/component-library/lib/molecules/filter-tabs/filter-tabs.component.mjs +17 -8
- package/esm2020/projects/component-library/lib/organisms/additional-information-card-list/additional-information-card-list.component.mjs +12 -5
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +25 -9
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +25 -9
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +25 -9
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +25 -9
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/molecules/filter-tabs/filter-tabs.component.d.ts +7 -3
- package/lib/organisms/additional-information-card-list/additional-information-card-list.component.d.ts +4 -1
- package/package.json +1 -1
- package/projects/component-library/lib/molecules/filter-tabs/filter-tabs.component.d.ts +7 -3
- package/projects/component-library/lib/organisms/additional-information-card-list/additional-information-card-list.component.d.ts +4 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../atoms/tooltip-wrapper/tooltip-wrapper.component";
|
|
4
4
|
import * as i2 from "../../atoms/icon-wrapper/icon-wrapper.component";
|
|
@@ -13,7 +13,8 @@ export class FilterTabsComponent {
|
|
|
13
13
|
this.loadSearchClick = new EventEmitter();
|
|
14
14
|
this.clearSearchClick = new EventEmitter();
|
|
15
15
|
this.buttonClicked = new EventEmitter();
|
|
16
|
-
this.
|
|
16
|
+
this.tabSetClicked = new EventEmitter();
|
|
17
|
+
this.tabSelectedClicked = new EventEmitter();
|
|
17
18
|
}
|
|
18
19
|
onItemClick(item) {
|
|
19
20
|
this.moreOptionClick.emit(item);
|
|
@@ -27,15 +28,18 @@ export class FilterTabsComponent {
|
|
|
27
28
|
onButtonClick(text) {
|
|
28
29
|
this.buttonClicked.emit(text);
|
|
29
30
|
}
|
|
30
|
-
onTabSelected(
|
|
31
|
-
this.
|
|
31
|
+
onTabSelected() {
|
|
32
|
+
this.tabSelectedClicked.emit(this.advancedSearchTabs);
|
|
33
|
+
}
|
|
34
|
+
onTabSetClick() {
|
|
35
|
+
this.tabSetClicked.emit(this.advancedSearchTabs);
|
|
32
36
|
}
|
|
33
37
|
}
|
|
34
38
|
FilterTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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",
|
|
39
|
+
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", tabSetClicked: "tabSetClicked", tabSelectedClicked: "tabSelectedClicked" }, viewQueries: [{ propertyName: "advancedSearchTabs", first: true, predicate: ["advanceSearchTabs"], descendants: true }], 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 (click)=\"onTabSetClick()\" #advanceSearchTabs>\n <tab (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab (selectTab)=\"onTabSelected()\" [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 });
|
|
36
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, decorators: [{
|
|
37
41
|
type: Component,
|
|
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(
|
|
42
|
+
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 (click)=\"onTabSetClick()\" #advanceSearchTabs>\n <tab (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab (selectTab)=\"onTabSelected()\" [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"] }]
|
|
39
43
|
}], ctorParameters: function () { return []; }, propDecorators: { filterTabs: [{
|
|
40
44
|
type: Input
|
|
41
45
|
}], moreOptionClick: [{
|
|
@@ -46,7 +50,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
46
50
|
type: Output
|
|
47
51
|
}], buttonClicked: [{
|
|
48
52
|
type: Output
|
|
49
|
-
}],
|
|
53
|
+
}], tabSetClicked: [{
|
|
54
|
+
type: Output
|
|
55
|
+
}], tabSelectedClicked: [{
|
|
50
56
|
type: Output
|
|
57
|
+
}], advancedSearchTabs: [{
|
|
58
|
+
type: ViewChild,
|
|
59
|
+
args: ['advanceSearchTabs']
|
|
51
60
|
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUFVdkIsTUFBTSxPQUFPLG1CQUFtQjtJQWE5QjtRQVZVLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM3QyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDM0MscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM1QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDM0Msa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3hDLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFLeEMsQ0FBQztJQUVoQixXQUFXLENBQUMsSUFBWTtRQUN0QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsYUFBYSxDQUFDLElBQVk7UUFDeEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFBO0lBQ3ZELENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUE7SUFDbEQsQ0FBQzs7Z0hBckNVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLGdjQ2pCaEMsNnJGQTZFQTsyRkQ1RGEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLHNCQUFzQixpQkFHakIsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsVUFBVTtzQkFBbEIsS0FBSztnQkFFSSxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLGVBQWU7c0JBQXhCLE1BQU07Z0JBQ0csZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBR1Qsa0JBQWtCO3NCQURmLFNBQVM7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmlsdGVyVGFic01vZGVsIH0gZnJvbSAnLi9maWx0ZXItdGFicy5tb2RlbCc7XG5pbXBvcnQgeyBUYWJzZXRDb21wb25lbnQgfSBmcm9tICduZ3gtYm9vdHN0cmFwL3RhYnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1maWx0ZXItdGFicycsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItdGFicy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbHRlci10YWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEZpbHRlclRhYnNDb21wb25lbnQge1xuICBASW5wdXQoKSBmaWx0ZXJUYWJzOiBGaWx0ZXJUYWJzTW9kZWw7XG5cbiAgQE91dHB1dCgpIG1vcmVPcHRpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgbG9hZFNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgY2xlYXJTZWFyY2hDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIHRhYlNldENsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIHRhYlNlbGVjdGVkQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBWaWV3Q2hpbGQoJ2FkdmFuY2VTZWFyY2hUYWJzJylcbmFkdmFuY2VkU2VhcmNoVGFicz86IFRhYnNldENvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25JdGVtQ2xpY2soaXRlbTogc3RyaW5nKSB7XG4gICAgdGhpcy5tb3JlT3B0aW9uQ2xpY2suZW1pdChpdGVtKTtcbiAgfVxuXG4gIG9uTG9hZFNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMubG9hZFNlYXJjaENsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIG9uQ2xlYXJTZWFyY2hDbGljaygpIHtcbiAgICB0aGlzLmNsZWFyU2VhcmNoQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgb25CdXR0b25DbGljayh0ZXh0OiBzdHJpbmcpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrZWQuZW1pdCh0ZXh0KTtcbiAgfVxuXG4gIG9uVGFiU2VsZWN0ZWQoKSB7XG4gICAgdGhpcy50YWJTZWxlY3RlZENsaWNrZWQuZW1pdCh0aGlzLmFkdmFuY2VkU2VhcmNoVGFicykgXG4gIH1cblxuICBvblRhYlNldENsaWNrKCkge1xuICAgIHRoaXMudGFiU2V0Q2xpY2tlZC5lbWl0KHRoaXMuYWR2YW5jZWRTZWFyY2hUYWJzKVxuICB9XG59IFxuIiwiPHNlY3Rpb24gKm5nSWY9XCJmaWx0ZXJUYWJzXCIgY2xhc3M9XCJzZngtdGFiLXdyYXBwZXIgc2Z4LWZpbHRlci10YWItd3JhcFwiPlxuICA8ZGl2IGNsYXNzPVwidGFiLWZpbHRlci1hY3Rpb25zXCI+XG4gICAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gICAgICBbdG9vbHRpcEh0bWxdPVwiJ0xhc3QgU2VhcmNoJ1wiXG4gICAgICBbdG9vbFRpcENsYXNzXT1cIid0b29sVGlwVjInXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93TG9hZExhc3RTZWFyY2hcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXJcbiAgICAgICAgY2xhc3M9XCJyb3RhdGVZIHNmeC1kLWZsZXggZmlsdGVyLWFjdGlvbi1pY29uXCJcbiAgICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgICAgW2JhY2tncm91bmRDb2xvcl09XCInI2ZmZmZmZidcIlxuICAgICAgICAoY2xpY2spPVwib25Mb2FkU2VhcmNoQ2xpY2soKVwiXG4gICAgICA+XG4gICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgW2ljb25dPVwiJ3NpLXJlZnJlc2gnXCJcbiAgICAgICAgICBbaWNvbkNvbG9yXT1cIicjMzM0ODYwJ1wiXG4gICAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgICA8L3N5bXBob255LXRvb2x0aXAtd3JhcHBlcj5cblxuICAgIDxzeW1waG9ueS10b29sdGlwLXdyYXBwZXJcbiAgICAgIFtwbGFjZW1lbnRdPVwiJ3RvcCdcIlxuICAgICAgW3Rvb2x0aXBIdG1sXT1cIidDbGVhciBTZWFyY2gnXCJcbiAgICAgIFt0b29sVGlwQ2xhc3NdPVwiJ3Rvb2xUaXBWMidcIlxuICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dDbGVhclNlYXJjaFwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgICBjbGFzcz1cImZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICAgIFtpc0ludmVyc2VdPVwidHJ1ZVwiXG4gICAgICAgIFtoYXNIb3ZlcldpdGhvdXRCb3JkZXJdPVwidHJ1ZVwiXG4gICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiJyNmZmZmZmYnXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xlYXJTZWFyY2hDbGljaygpXCJcbiAgICAgID5cbiAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICBbaWNvbl09XCInc2ktc2VhcmNoLWNsZWFyJ1wiXG4gICAgICAgICAgW2ljb25Db2xvcl09XCInIzMzNDg2MCdcIlxuICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG5cbiAgICA8c3ltcGhvbnktY29udGV4dHVhbC1tZW51XG4gICAgICBjbGFzcz1cImZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICBbbW9kZWxdPVwiZmlsdGVyVGFicy5tb3JlQWN0aW9uc01lbnVcIlxuICAgICAgKGl0ZW1DbGljayk9XCJvbkl0ZW1DbGljaygkZXZlbnQpXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93TW9yZU9wdGlvbnNcIlxuICAgID5cbiAgICA8L3N5bXBob255LWNvbnRleHR1YWwtbWVudT5cbiAgPC9kaXY+XG4gIDx0YWJzZXQgKGNsaWNrKT1cIm9uVGFiU2V0Q2xpY2soKVwiICNhZHZhbmNlU2VhcmNoVGFicz5cbiAgICA8dGFiIChzZWxlY3RUYWIpPVwib25UYWJTZWxlY3RlZCgpXCIgW2hlYWRpbmddPVwiJ0Jhc2ljIFNlYXJjaCdcIiBbYWN0aXZlXT1cImZpbHRlclRhYnMuc2hvd0Jhc2ljU2VhcmNoXCJcbiAgICAgID48ZGl2PjxuZy1jb250ZW50IHNlbGVjdD1cIltiYXNpYy1zZWFyY2gtY29udGVudF1cIj48L25nLWNvbnRlbnQ+PC9kaXZcbiAgICA+PC90YWI+XG4gICAgPHRhYiAoc2VsZWN0VGFiKT1cIm9uVGFiU2VsZWN0ZWQoKVwiIFtoZWFkaW5nXT1cIidBZHZhbmNlZCBTZWFyY2gnXCIgW2FjdGl2ZV09XCJmaWx0ZXJUYWJzLnNob3dBZHZhbmNlU2VhcmNoXCJcbiAgICAgID48ZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYWR2YW5jZWQtc2VhcmNoLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWR2YW5jZS1zZWFyY2gtZm9vdGVyIHNmeC1tdC0yMFwiPlxuICAgICAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd1NlZVJlc3VsdHNCdG5cIlxuICAgICAgICAgIGlkPVwiYnV0dG9uLXNlZS1yZXN1bHRcIlxuICAgICAgICAgIHRleHQ9XCJTRUUgUkVTVUxUU1wiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cImZpbHRlclRhYnMuc2VlUmVzdWx0c0J0bkRpc2FibGVkXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd0NsZWFyUmVzdWx0c0J0blwiXG4gICAgICAgICAgaWQ9XCJidXR0b24tY2xlYXItcmVzdWx0XCJcbiAgICAgICAgICB0ZXh0PVwiQ2xlYXJcIlxuICAgICAgICAgIFtpc1NlY29uZGFyeV09XCJ0cnVlXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8L2RpdlxuICAgID48L3RhYj5cbiAgPC90YWJzZXQ+XG48L3NlY3Rpb24+XG4iXX0=
|
|
@@ -1,18 +1,25 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../atoms/h4/h4.component";
|
|
4
4
|
import * as i2 from "../../molecules/additional-information-card/additional-information-card.component";
|
|
5
5
|
import * as i3 from "../../atoms/sfx-loader/sfx-loader.component";
|
|
6
6
|
import * as i4 from "@angular/common";
|
|
7
7
|
export class AdditionalInformationCardListComponent {
|
|
8
|
-
constructor() {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.cancelInterviewLinkClicked = new EventEmitter();
|
|
10
|
+
}
|
|
11
|
+
onCancelInterviewLinkClicked() {
|
|
12
|
+
this.cancelInterviewLinkClicked.emit();
|
|
13
|
+
}
|
|
9
14
|
}
|
|
10
15
|
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"], 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"] }] });
|
|
16
|
+
AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, outputs: { cancelInterviewLinkClicked: "cancelInterviewLinkClicked" }, 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 (cancelInterviewLinkClicked)=\"onCancelInterviewLinkClicked()\"\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
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, decorators: [{
|
|
13
18
|
type: Component,
|
|
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"] }]
|
|
19
|
+
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 (cancelInterviewLinkClicked)=\"onCancelInterviewLinkClicked()\"\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"] }]
|
|
15
20
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
16
21
|
type: Input
|
|
22
|
+
}], cancelInterviewLinkClicked: [{
|
|
23
|
+
type: Output
|
|
17
24
|
}] } });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyxzQ0FBc0M7SUFJakQ7UUFGVSwrQkFBMEIsR0FBcUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUU3RCxDQUFDO0lBRWhCLDRCQUE0QjtRQUMxQixJQUFJLENBQUMsMEJBQTBCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekMsQ0FBQzs7bUlBUlUsc0NBQXNDO3VIQUF0QyxzQ0FBc0Msb0xDUm5ELDQ2QkF5QkE7MkZEakJhLHNDQUFzQztrQkFMbEQsU0FBUzsrQkFDRSwyQ0FBMkM7MEVBSzVDLEtBQUs7c0JBQWIsS0FBSztnQkFDSSwwQkFBMEI7c0JBQW5DLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWRkaXRpb25hbEluZm9ybWF0aW9uQ2FyZExpc3RNb2RlbCB9IGZyb20gJy4vYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFkZGl0aW9uYWxJbmZvcm1hdGlvbkNhcmRMaXN0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEFkZGl0aW9uYWxJbmZvcm1hdGlvbkNhcmRMaXN0TW9kZWw7XG4gIEBPdXRwdXQoKSBjYW5jZWxJbnRlcnZpZXdMaW5rQ2xpY2tlZDpFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG4gIFxuICBvbkNhbmNlbEludGVydmlld0xpbmtDbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuY2FuY2VsSW50ZXJ2aWV3TGlua0NsaWNrZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8c2VjdGlvbiAqbmdJZj1cIm1vZGVsXCIgY2xhc3M9XCJzZngtcGItMzAgc2Z4LWJvcmRlci1ib3R0b20tYmxhY2stNVwiPlxuICA8ZGl2IGNsYXNzPVwic2Z4LW1iLTIwXCI+XG4gICAgPHN5bXBob255LWg0Pnt7IG1vZGVsLnRpdGxlIH19PC9zeW1waG9ueS1oND5cbiAgPC9kaXY+XG4gIDx1bFxuICAgICpuZ0lmPVwiIW1vZGVsLmlzTG9hZGluZyAmJiBtb2RlbC5hZGRpdGlvbmFsSW5mb3JtYXRpb25MaXN0Lmxlbmd0aCA+IDBcIlxuICAgIGNsYXNzPVwibGlzdC11bnN0eWxlZCBzZngtbWItMCBhZGRpdGlvbmFsLWluZm9ybWF0aW9uLWxpc3Qtc2VjdGlvblwiXG4gID5cbiAgICA8bGkgKm5nRm9yPVwibGV0IGNhcmQgb2YgbW9kZWwuYWRkaXRpb25hbEluZm9ybWF0aW9uTGlzdFwiPlxuICAgICAgPHN5bXBob255LWFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZFxuICAgICAgICBbYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWxdPVwiY2FyZFwiXG4gICAgICAgIChjYW5jZWxJbnRlcnZpZXdMaW5rQ2xpY2tlZCk9XCJvbkNhbmNlbEludGVydmlld0xpbmtDbGlja2VkKClcIlxuICAgICAgPjwvc3ltcGhvbnktYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkPlxuICAgIDwvbGk+XG4gIDwvdWw+XG4gIDxkaXZcbiAgICAqbmdJZj1cIiFtb2RlbC5pc0xvYWRpbmcgJiYgbW9kZWwuYWRkaXRpb25hbEluZm9ybWF0aW9uTGlzdC5sZW5ndGggPT09IDBcIlxuICAgIGNsYXNzPVwic2Z4LXB0LTQwIHNmeC1wYi00MCBzZngtdHh0LWNlbnRlclwiXG4gID5cbiAgICB7eyBtb2RlbC5tZXNzYWdlIH19XG4gIDwvZGl2PlxuICA8ZGl2ICpuZ0lmPVwibW9kZWwuaXNMb2FkaW5nXCIgY2xhc3M9XCJzZngtbXQtODAgc2Z4LW1iLTQwXCI+XG4gICAgPHN5bXBob255LXNmeC1sb2FkZXI+PC9zeW1waG9ueS1zZngtbG9hZGVyPlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
|
package/esm2020/projects/component-library/lib/molecules/filter-tabs/filter-tabs.component.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../atoms/tooltip-wrapper/tooltip-wrapper.component";
|
|
4
4
|
import * as i2 from "../../atoms/icon-wrapper/icon-wrapper.component";
|
|
@@ -13,7 +13,8 @@ export class FilterTabsComponent {
|
|
|
13
13
|
this.loadSearchClick = new EventEmitter();
|
|
14
14
|
this.clearSearchClick = new EventEmitter();
|
|
15
15
|
this.buttonClicked = new EventEmitter();
|
|
16
|
-
this.
|
|
16
|
+
this.tabSetClicked = new EventEmitter();
|
|
17
|
+
this.tabSelectedClicked = new EventEmitter();
|
|
17
18
|
}
|
|
18
19
|
onItemClick(item) {
|
|
19
20
|
this.moreOptionClick.emit(item);
|
|
@@ -27,15 +28,18 @@ export class FilterTabsComponent {
|
|
|
27
28
|
onButtonClick(text) {
|
|
28
29
|
this.buttonClicked.emit(text);
|
|
29
30
|
}
|
|
30
|
-
onTabSelected(
|
|
31
|
-
this.
|
|
31
|
+
onTabSelected() {
|
|
32
|
+
this.tabSelectedClicked.emit(this.advancedSearchTabs);
|
|
33
|
+
}
|
|
34
|
+
onTabSetClick() {
|
|
35
|
+
this.tabSetClicked.emit(this.advancedSearchTabs);
|
|
32
36
|
}
|
|
33
37
|
}
|
|
34
38
|
FilterTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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",
|
|
39
|
+
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", tabSetClicked: "tabSetClicked", tabSelectedClicked: "tabSelectedClicked" }, viewQueries: [{ propertyName: "advancedSearchTabs", first: true, predicate: ["advanceSearchTabs"], descendants: true }], 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 (click)=\"onTabSetClick()\" #advanceSearchTabs>\n <tab (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab (selectTab)=\"onTabSelected()\" [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 });
|
|
36
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, decorators: [{
|
|
37
41
|
type: Component,
|
|
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(
|
|
42
|
+
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 (click)=\"onTabSetClick()\" #advanceSearchTabs>\n <tab (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab (selectTab)=\"onTabSelected()\" [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"] }]
|
|
39
43
|
}], ctorParameters: function () { return []; }, propDecorators: { filterTabs: [{
|
|
40
44
|
type: Input
|
|
41
45
|
}], moreOptionClick: [{
|
|
@@ -46,7 +50,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
46
50
|
type: Output
|
|
47
51
|
}], buttonClicked: [{
|
|
48
52
|
type: Output
|
|
49
|
-
}],
|
|
53
|
+
}], tabSetClicked: [{
|
|
54
|
+
type: Output
|
|
55
|
+
}], tabSelectedClicked: [{
|
|
50
56
|
type: Output
|
|
57
|
+
}], advancedSearchTabs: [{
|
|
58
|
+
type: ViewChild,
|
|
59
|
+
args: ['advanceSearchTabs']
|
|
51
60
|
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUFVdkIsTUFBTSxPQUFPLG1CQUFtQjtJQWE5QjtRQVZVLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM3QyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDM0MscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM1QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDM0Msa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3hDLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFLeEMsQ0FBQztJQUVoQixXQUFXLENBQUMsSUFBWTtRQUN0QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsYUFBYSxDQUFDLElBQVk7UUFDeEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFBO0lBQ3ZELENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUE7SUFDbEQsQ0FBQzs7Z0hBckNVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLGdjQ2pCaEMsNnJGQTZFQTsyRkQ1RGEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLHNCQUFzQixpQkFHakIsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsVUFBVTtzQkFBbEIsS0FBSztnQkFFSSxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLGVBQWU7c0JBQXhCLE1BQU07Z0JBQ0csZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBR1Qsa0JBQWtCO3NCQURmLFNBQVM7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmlsdGVyVGFic01vZGVsIH0gZnJvbSAnLi9maWx0ZXItdGFicy5tb2RlbCc7XG5pbXBvcnQgeyBUYWJzZXRDb21wb25lbnQgfSBmcm9tICduZ3gtYm9vdHN0cmFwL3RhYnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1maWx0ZXItdGFicycsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItdGFicy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbHRlci10YWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEZpbHRlclRhYnNDb21wb25lbnQge1xuICBASW5wdXQoKSBmaWx0ZXJUYWJzOiBGaWx0ZXJUYWJzTW9kZWw7XG5cbiAgQE91dHB1dCgpIG1vcmVPcHRpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgbG9hZFNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgY2xlYXJTZWFyY2hDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIHRhYlNldENsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIHRhYlNlbGVjdGVkQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBWaWV3Q2hpbGQoJ2FkdmFuY2VTZWFyY2hUYWJzJylcbmFkdmFuY2VkU2VhcmNoVGFicz86IFRhYnNldENvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25JdGVtQ2xpY2soaXRlbTogc3RyaW5nKSB7XG4gICAgdGhpcy5tb3JlT3B0aW9uQ2xpY2suZW1pdChpdGVtKTtcbiAgfVxuXG4gIG9uTG9hZFNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMubG9hZFNlYXJjaENsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIG9uQ2xlYXJTZWFyY2hDbGljaygpIHtcbiAgICB0aGlzLmNsZWFyU2VhcmNoQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgb25CdXR0b25DbGljayh0ZXh0OiBzdHJpbmcpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrZWQuZW1pdCh0ZXh0KTtcbiAgfVxuXG4gIG9uVGFiU2VsZWN0ZWQoKSB7XG4gICAgdGhpcy50YWJTZWxlY3RlZENsaWNrZWQuZW1pdCh0aGlzLmFkdmFuY2VkU2VhcmNoVGFicykgXG4gIH1cblxuICBvblRhYlNldENsaWNrKCkge1xuICAgIHRoaXMudGFiU2V0Q2xpY2tlZC5lbWl0KHRoaXMuYWR2YW5jZWRTZWFyY2hUYWJzKVxuICB9XG59IFxuIiwiPHNlY3Rpb24gKm5nSWY9XCJmaWx0ZXJUYWJzXCIgY2xhc3M9XCJzZngtdGFiLXdyYXBwZXIgc2Z4LWZpbHRlci10YWItd3JhcFwiPlxuICA8ZGl2IGNsYXNzPVwidGFiLWZpbHRlci1hY3Rpb25zXCI+XG4gICAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gICAgICBbdG9vbHRpcEh0bWxdPVwiJ0xhc3QgU2VhcmNoJ1wiXG4gICAgICBbdG9vbFRpcENsYXNzXT1cIid0b29sVGlwVjInXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93TG9hZExhc3RTZWFyY2hcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXJcbiAgICAgICAgY2xhc3M9XCJyb3RhdGVZIHNmeC1kLWZsZXggZmlsdGVyLWFjdGlvbi1pY29uXCJcbiAgICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgICAgW2JhY2tncm91bmRDb2xvcl09XCInI2ZmZmZmZidcIlxuICAgICAgICAoY2xpY2spPVwib25Mb2FkU2VhcmNoQ2xpY2soKVwiXG4gICAgICA+XG4gICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgW2ljb25dPVwiJ3NpLXJlZnJlc2gnXCJcbiAgICAgICAgICBbaWNvbkNvbG9yXT1cIicjMzM0ODYwJ1wiXG4gICAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgICA8L3N5bXBob255LXRvb2x0aXAtd3JhcHBlcj5cblxuICAgIDxzeW1waG9ueS10b29sdGlwLXdyYXBwZXJcbiAgICAgIFtwbGFjZW1lbnRdPVwiJ3RvcCdcIlxuICAgICAgW3Rvb2x0aXBIdG1sXT1cIidDbGVhciBTZWFyY2gnXCJcbiAgICAgIFt0b29sVGlwQ2xhc3NdPVwiJ3Rvb2xUaXBWMidcIlxuICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dDbGVhclNlYXJjaFwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgICBjbGFzcz1cImZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICAgIFtpc0ludmVyc2VdPVwidHJ1ZVwiXG4gICAgICAgIFtoYXNIb3ZlcldpdGhvdXRCb3JkZXJdPVwidHJ1ZVwiXG4gICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiJyNmZmZmZmYnXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xlYXJTZWFyY2hDbGljaygpXCJcbiAgICAgID5cbiAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICBbaWNvbl09XCInc2ktc2VhcmNoLWNsZWFyJ1wiXG4gICAgICAgICAgW2ljb25Db2xvcl09XCInIzMzNDg2MCdcIlxuICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG5cbiAgICA8c3ltcGhvbnktY29udGV4dHVhbC1tZW51XG4gICAgICBjbGFzcz1cImZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICBbbW9kZWxdPVwiZmlsdGVyVGFicy5tb3JlQWN0aW9uc01lbnVcIlxuICAgICAgKGl0ZW1DbGljayk9XCJvbkl0ZW1DbGljaygkZXZlbnQpXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93TW9yZU9wdGlvbnNcIlxuICAgID5cbiAgICA8L3N5bXBob255LWNvbnRleHR1YWwtbWVudT5cbiAgPC9kaXY+XG4gIDx0YWJzZXQgKGNsaWNrKT1cIm9uVGFiU2V0Q2xpY2soKVwiICNhZHZhbmNlU2VhcmNoVGFicz5cbiAgICA8dGFiIChzZWxlY3RUYWIpPVwib25UYWJTZWxlY3RlZCgpXCIgW2hlYWRpbmddPVwiJ0Jhc2ljIFNlYXJjaCdcIiBbYWN0aXZlXT1cImZpbHRlclRhYnMuc2hvd0Jhc2ljU2VhcmNoXCJcbiAgICAgID48ZGl2PjxuZy1jb250ZW50IHNlbGVjdD1cIltiYXNpYy1zZWFyY2gtY29udGVudF1cIj48L25nLWNvbnRlbnQ+PC9kaXZcbiAgICA+PC90YWI+XG4gICAgPHRhYiAoc2VsZWN0VGFiKT1cIm9uVGFiU2VsZWN0ZWQoKVwiIFtoZWFkaW5nXT1cIidBZHZhbmNlZCBTZWFyY2gnXCIgW2FjdGl2ZV09XCJmaWx0ZXJUYWJzLnNob3dBZHZhbmNlU2VhcmNoXCJcbiAgICAgID48ZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYWR2YW5jZWQtc2VhcmNoLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWR2YW5jZS1zZWFyY2gtZm9vdGVyIHNmeC1tdC0yMFwiPlxuICAgICAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd1NlZVJlc3VsdHNCdG5cIlxuICAgICAgICAgIGlkPVwiYnV0dG9uLXNlZS1yZXN1bHRcIlxuICAgICAgICAgIHRleHQ9XCJTRUUgUkVTVUxUU1wiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cImZpbHRlclRhYnMuc2VlUmVzdWx0c0J0bkRpc2FibGVkXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd0NsZWFyUmVzdWx0c0J0blwiXG4gICAgICAgICAgaWQ9XCJidXR0b24tY2xlYXItcmVzdWx0XCJcbiAgICAgICAgICB0ZXh0PVwiQ2xlYXJcIlxuICAgICAgICAgIFtpc1NlY29uZGFyeV09XCJ0cnVlXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8L2RpdlxuICAgID48L3RhYj5cbiAgPC90YWJzZXQ+XG48L3NlY3Rpb24+XG4iXX0=
|
|
@@ -1,18 +1,25 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../atoms/h4/h4.component";
|
|
4
4
|
import * as i2 from "../../molecules/additional-information-card/additional-information-card.component";
|
|
5
5
|
import * as i3 from "../../atoms/sfx-loader/sfx-loader.component";
|
|
6
6
|
import * as i4 from "@angular/common";
|
|
7
7
|
export class AdditionalInformationCardListComponent {
|
|
8
|
-
constructor() {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.cancelInterviewLinkClicked = new EventEmitter();
|
|
10
|
+
}
|
|
11
|
+
onCancelInterviewLinkClicked() {
|
|
12
|
+
this.cancelInterviewLinkClicked.emit();
|
|
13
|
+
}
|
|
9
14
|
}
|
|
10
15
|
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"], 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"] }] });
|
|
16
|
+
AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, outputs: { cancelInterviewLinkClicked: "cancelInterviewLinkClicked" }, 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 (cancelInterviewLinkClicked)=\"onCancelInterviewLinkClicked()\"\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
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, decorators: [{
|
|
13
18
|
type: Component,
|
|
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"] }]
|
|
19
|
+
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 (cancelInterviewLinkClicked)=\"onCancelInterviewLinkClicked()\"\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"] }]
|
|
15
20
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
16
21
|
type: Input
|
|
22
|
+
}], cancelInterviewLinkClicked: [{
|
|
23
|
+
type: Output
|
|
17
24
|
}] } });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyxzQ0FBc0M7SUFJakQ7UUFGVSwrQkFBMEIsR0FBcUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUU3RCxDQUFDO0lBRWhCLDRCQUE0QjtRQUMxQixJQUFJLENBQUMsMEJBQTBCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekMsQ0FBQzs7bUlBUlUsc0NBQXNDO3VIQUF0QyxzQ0FBc0Msb0xDUm5ELDQ2QkF5QkE7MkZEakJhLHNDQUFzQztrQkFMbEQsU0FBUzsrQkFDRSwyQ0FBMkM7MEVBSzVDLEtBQUs7c0JBQWIsS0FBSztnQkFDSSwwQkFBMEI7c0JBQW5DLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWRkaXRpb25hbEluZm9ybWF0aW9uQ2FyZExpc3RNb2RlbCB9IGZyb20gJy4vYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFkZGl0aW9uYWxJbmZvcm1hdGlvbkNhcmRMaXN0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEFkZGl0aW9uYWxJbmZvcm1hdGlvbkNhcmRMaXN0TW9kZWw7XG4gIEBPdXRwdXQoKSBjYW5jZWxJbnRlcnZpZXdMaW5rQ2xpY2tlZDpFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG4gIFxuICBvbkNhbmNlbEludGVydmlld0xpbmtDbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuY2FuY2VsSW50ZXJ2aWV3TGlua0NsaWNrZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8c2VjdGlvbiAqbmdJZj1cIm1vZGVsXCIgY2xhc3M9XCJzZngtcGItMzAgc2Z4LWJvcmRlci1ib3R0b20tYmxhY2stNVwiPlxuICA8ZGl2IGNsYXNzPVwic2Z4LW1iLTIwXCI+XG4gICAgPHN5bXBob255LWg0Pnt7IG1vZGVsLnRpdGxlIH19PC9zeW1waG9ueS1oND5cbiAgPC9kaXY+XG4gIDx1bFxuICAgICpuZ0lmPVwiIW1vZGVsLmlzTG9hZGluZyAmJiBtb2RlbC5hZGRpdGlvbmFsSW5mb3JtYXRpb25MaXN0Lmxlbmd0aCA+IDBcIlxuICAgIGNsYXNzPVwibGlzdC11bnN0eWxlZCBzZngtbWItMCBhZGRpdGlvbmFsLWluZm9ybWF0aW9uLWxpc3Qtc2VjdGlvblwiXG4gID5cbiAgICA8bGkgKm5nRm9yPVwibGV0IGNhcmQgb2YgbW9kZWwuYWRkaXRpb25hbEluZm9ybWF0aW9uTGlzdFwiPlxuICAgICAgPHN5bXBob255LWFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZFxuICAgICAgICBbYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWxdPVwiY2FyZFwiXG4gICAgICAgIChjYW5jZWxJbnRlcnZpZXdMaW5rQ2xpY2tlZCk9XCJvbkNhbmNlbEludGVydmlld0xpbmtDbGlja2VkKClcIlxuICAgICAgPjwvc3ltcGhvbnktYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkPlxuICAgIDwvbGk+XG4gIDwvdWw+XG4gIDxkaXZcbiAgICAqbmdJZj1cIiFtb2RlbC5pc0xvYWRpbmcgJiYgbW9kZWwuYWRkaXRpb25hbEluZm9ybWF0aW9uTGlzdC5sZW5ndGggPT09IDBcIlxuICAgIGNsYXNzPVwic2Z4LXB0LTQwIHNmeC1wYi00MCBzZngtdHh0LWNlbnRlclwiXG4gID5cbiAgICB7eyBtb2RlbC5tZXNzYWdlIH19XG4gIDwvZGl2PlxuICA8ZGl2ICpuZ0lmPVwibW9kZWwuaXNMb2FkaW5nXCIgY2xhc3M9XCJzZngtbXQtODAgc2Z4LW1iLTQwXCI+XG4gICAgPHN5bXBob255LXNmeC1sb2FkZXI+PC9zeW1waG9ueS1zZngtbG9hZGVyPlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
|
|
@@ -3609,7 +3609,8 @@ class FilterTabsComponent {
|
|
|
3609
3609
|
this.loadSearchClick = new EventEmitter();
|
|
3610
3610
|
this.clearSearchClick = new EventEmitter();
|
|
3611
3611
|
this.buttonClicked = new EventEmitter();
|
|
3612
|
-
this.
|
|
3612
|
+
this.tabSetClicked = new EventEmitter();
|
|
3613
|
+
this.tabSelectedClicked = new EventEmitter();
|
|
3613
3614
|
}
|
|
3614
3615
|
onItemClick(item) {
|
|
3615
3616
|
this.moreOptionClick.emit(item);
|
|
@@ -3623,15 +3624,18 @@ class FilterTabsComponent {
|
|
|
3623
3624
|
onButtonClick(text) {
|
|
3624
3625
|
this.buttonClicked.emit(text);
|
|
3625
3626
|
}
|
|
3626
|
-
onTabSelected(
|
|
3627
|
-
this.
|
|
3627
|
+
onTabSelected() {
|
|
3628
|
+
this.tabSelectedClicked.emit(this.advancedSearchTabs);
|
|
3629
|
+
}
|
|
3630
|
+
onTabSetClick() {
|
|
3631
|
+
this.tabSetClicked.emit(this.advancedSearchTabs);
|
|
3628
3632
|
}
|
|
3629
3633
|
}
|
|
3630
3634
|
FilterTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3631
|
-
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",
|
|
3635
|
+
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", tabSetClicked: "tabSetClicked", tabSelectedClicked: "tabSelectedClicked" }, viewQueries: [{ propertyName: "advancedSearchTabs", first: true, predicate: ["advanceSearchTabs"], descendants: true }], 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 (click)=\"onTabSetClick()\" #advanceSearchTabs>\n <tab (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab (selectTab)=\"onTabSelected()\" [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: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i1$5.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$5.TabDirective, selector: "tab, [tab]", inputs: ["customClass", "active", "removable", "heading", "id", "disabled"], outputs: ["selectTab", "deselect", "removed"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3632
3636
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, decorators: [{
|
|
3633
3637
|
type: Component,
|
|
3634
|
-
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(
|
|
3638
|
+
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 (click)=\"onTabSetClick()\" #advanceSearchTabs>\n <tab (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n ></tab>\n <tab (selectTab)=\"onTabSelected()\" [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"] }]
|
|
3635
3639
|
}], ctorParameters: function () { return []; }, propDecorators: { filterTabs: [{
|
|
3636
3640
|
type: Input
|
|
3637
3641
|
}], moreOptionClick: [{
|
|
@@ -3642,8 +3646,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
3642
3646
|
type: Output
|
|
3643
3647
|
}], buttonClicked: [{
|
|
3644
3648
|
type: Output
|
|
3645
|
-
}],
|
|
3649
|
+
}], tabSetClicked: [{
|
|
3650
|
+
type: Output
|
|
3651
|
+
}], tabSelectedClicked: [{
|
|
3646
3652
|
type: Output
|
|
3653
|
+
}], advancedSearchTabs: [{
|
|
3654
|
+
type: ViewChild,
|
|
3655
|
+
args: ['advanceSearchTabs']
|
|
3647
3656
|
}] } });
|
|
3648
3657
|
|
|
3649
3658
|
class FilterTabsModule {
|
|
@@ -4978,15 +4987,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
4978
4987
|
}] } });
|
|
4979
4988
|
|
|
4980
4989
|
class AdditionalInformationCardListComponent {
|
|
4981
|
-
constructor() {
|
|
4990
|
+
constructor() {
|
|
4991
|
+
this.cancelInterviewLinkClicked = new EventEmitter();
|
|
4992
|
+
}
|
|
4993
|
+
onCancelInterviewLinkClicked() {
|
|
4994
|
+
this.cancelInterviewLinkClicked.emit();
|
|
4995
|
+
}
|
|
4982
4996
|
}
|
|
4983
4997
|
AdditionalInformationCardListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4984
|
-
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: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"], outputs: ["cancelInterviewLinkClicked"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
4998
|
+
AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, outputs: { cancelInterviewLinkClicked: "cancelInterviewLinkClicked" }, 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 (cancelInterviewLinkClicked)=\"onCancelInterviewLinkClicked()\"\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: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"], outputs: ["cancelInterviewLinkClicked"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
4985
4999
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, decorators: [{
|
|
4986
5000
|
type: Component,
|
|
4987
|
-
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"] }]
|
|
5001
|
+
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 (cancelInterviewLinkClicked)=\"onCancelInterviewLinkClicked()\"\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"] }]
|
|
4988
5002
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
4989
5003
|
type: Input
|
|
5004
|
+
}], cancelInterviewLinkClicked: [{
|
|
5005
|
+
type: Output
|
|
4990
5006
|
}] } });
|
|
4991
5007
|
|
|
4992
5008
|
class AdditionalInformationCardModule {
|