@symphony-talent/component-library 4.182.0 → 4.183.0

package/esm2020/lib/atoms/icon-wrapper/icon-wrapper.component.mjs

@@ -5,6 +5,7 @@ import * as i1 from "@angular/common";
 export class IconWrapperComponent {
     constructor() {
         this.Icons = Icons;
+        this.isDisabled = false;
         this.clicked = new EventEmitter();
     }
     onClick() {
@@ -12,17 +13,19 @@ export class IconWrapperComponent {
     }
 }
 IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: { backgroundColor: "backgroundColor", isInverse: "isInverse", hasHoverWithoutBorder: "hasHoverWithoutBorder" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder }\"\n  (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n  <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;color:#334860;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: { backgroundColor: "backgroundColor", isInverse: "isInverse", hasHoverWithoutBorder: "hasHoverWithoutBorder", isDisabled: "isDisabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder, 'disabled': isDisabled }\"\n  (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n  <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;color:#334860;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}.icon-wrapper.disabled{opacity:.7;cursor:not-allowed}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-icon-wrapper', template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder }\"\n  (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n  <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;color:#334860;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}\n"] }]
+            args: [{ selector: 'symphony-icon-wrapper', template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder, 'disabled': isDisabled }\"\n  (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n  <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;color:#334860;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}.icon-wrapper.disabled{opacity:.7;cursor:not-allowed}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { backgroundColor: [{
                 type: Input
             }], isInverse: [{
                 type: Input
             }], hasHoverWithoutBorder: [{
                 type: Input
+            }], isDisabled: [{
+                type: Input
             }], clicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaWNvbi13cmFwcGVyL2ljb24td3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2ljb24td3JhcHBlci9pY29uLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQU8xQyxNQUFNLE9BQU8sb0JBQW9CO0lBTy9CO1FBTkEsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUlKLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRWhDLENBQUM7SUFFaEIsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQy9CLENBQUM7O2lIQVhVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHNOQ1JqQyxxUEFHTTsyRkRLTyxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsdUJBQXVCOzBFQU14QixlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi9pY29uL2ljb24uZW51bSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWljb24td3JhcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLXdyYXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSWNvbldyYXBwZXJDb21wb25lbnQge1xuICBJY29ucyA9IEljb25zO1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZztcbiAgQElucHV0KCkgaXNJbnZlcnNlOiBib29sZWFuO1xuICBASW5wdXQoKSBoYXNIb3ZlcldpdGhvdXRCb3JkZXI6IGJvb2xlYW47XG4gIEBPdXRwdXQoKSBjbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQoJ2NsaWNrZWQnKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImljb24td3JhcHBlclwiIFtuZ0NsYXNzXT1cInsgJ2lzLWludmVyc2UnOiBpc0ludmVyc2UsICdob3ZlcldpdGhvdXRCb3JkZXInOiBoYXNIb3ZlcldpdGhvdXRCb3JkZXIgfVwiXG4gIChjbGljayk9XCJvbkNsaWNrKClcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJiYWNrZ3JvdW5kQ29sb3IgPyBiYWNrZ3JvdW5kQ29sb3IgOiAnbnVsbCdcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaWNvbi13cmFwcGVyL2ljb24td3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2ljb24td3JhcHBlci9pY29uLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQU8xQyxNQUFNLE9BQU8sb0JBQW9CO0lBUS9CO1FBUEEsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUlMLGVBQVUsR0FBYSxLQUFLLENBQUM7UUFDNUIsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFaEMsQ0FBQztJQUVoQixPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDL0IsQ0FBQzs7aUhBWlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsZ1BDUmpDLDZRQUdNOzJGREtPLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSx1QkFBdUI7MEVBTXhCLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vaWNvbi9pY29uLmVudW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1pY29uLXdyYXBwZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi13cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbi13cmFwcGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEljb25XcmFwcGVyQ29tcG9uZW50IHtcbiAgSWNvbnMgPSBJY29ucztcbiAgQElucHV0KCkgYmFja2dyb3VuZENvbG9yOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlzSW52ZXJzZTogYm9vbGVhbjtcbiAgQElucHV0KCkgaGFzSG92ZXJXaXRob3V0Qm9yZGVyOiBib29sZWFuO1xuICBASW5wdXQoKSBpc0Rpc2FibGVkPzogYm9vbGVhbiA9IGZhbHNlO1xuICBAT3V0cHV0KCkgY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsaWNrKCkge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KCdjbGlja2VkJyk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpY29uLXdyYXBwZXJcIiBbbmdDbGFzc109XCJ7ICdpcy1pbnZlcnNlJzogaXNJbnZlcnNlLCAnaG92ZXJXaXRob3V0Qm9yZGVyJzogaGFzSG92ZXJXaXRob3V0Qm9yZGVyLCAnZGlzYWJsZWQnOiBpc0Rpc2FibGVkIH1cIlxuICAoY2xpY2spPVwib25DbGljaygpXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiYmFja2dyb3VuZENvbG9yID8gYmFja2dyb3VuZENvbG9yIDogJ251bGwnXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==

package/esm2020/lib/molecules/additional-information-card/additional-information-card.component.mjs

@@ -44,7 +44,7 @@ export class AdditionalInformationCardComponent {
     }
 }
 AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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 });
+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", "isDisabled"], 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
             type: Component,
             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"] }]

package/esm2020/lib/molecules/document-management-item/document-management-item.component.mjs

@@ -19,7 +19,7 @@ export class DocumentManagementItemComponent {
     }
 }
 DocumentManagementItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n  <div class=\"dm-icon-wrap\">\n    <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n  </div>\n  <div class=\"dm-content\">\n    <symphony-h5\n      title=\"{{ documentManagementItemModel.fileName }}\"\n      ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n        *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n        >[{{ documentManagementItemModel.fileType }}]</span\n      ></symphony-h5\n    >\n    <symphony-paragraph\n      title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n        documentManagementItemModel.uploadedBy\n      }}\"\n      *ngIf=\"documentManagementItemModel.addedDate\"\n      ><span\n        >Added on&nbsp;<span>{{\n          documentManagementItemModel.addedDate\n        }}</span></span\n      >&nbsp;<span\n        ><span\n          *ngIf=\"documentManagementItemModel.uploadedBy\"\n          >by&nbsp;</span\n        >{{ documentManagementItemModel.uploadedBy }}</span\n      >\n    </symphony-paragraph>\n  </div>\n  <div class=\"dm-action\">\n    <symphony-icon-wrapper\n    (click)=\"onPreviewClicked()\"\n    *ngIf=\"documentManagementItemModel.hasPreview\"\n    class=\"sfx-d-inline-block pull-left\"\n    [hasHoverWithoutBorder]=\"true\"\n  >\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n  </symphony-icon-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n      class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n      [model]=\"documentManagementItemModel.moreActions\"\n      (itemClick)=\"onMoreOptionClicked($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n  <div class=\"dm-icon-wrap\">\n    <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n  </div>\n  <div class=\"dm-content\">\n    <symphony-h5\n      title=\"{{ documentManagementItemModel.fileName }}\"\n      ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n        *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n        >[{{ documentManagementItemModel.fileType }}]</span\n      ></symphony-h5\n    >\n    <symphony-paragraph\n      title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n        documentManagementItemModel.uploadedBy\n      }}\"\n      *ngIf=\"documentManagementItemModel.addedDate\"\n      ><span\n        >Added on&nbsp;<span>{{\n          documentManagementItemModel.addedDate\n        }}</span></span\n      >&nbsp;<span\n        ><span\n          *ngIf=\"documentManagementItemModel.uploadedBy\"\n          >by&nbsp;</span\n        >{{ documentManagementItemModel.uploadedBy }}</span\n      >\n    </symphony-paragraph>\n  </div>\n  <div class=\"dm-action\">\n    <symphony-icon-wrapper\n    (click)=\"onPreviewClicked()\"\n    *ngIf=\"documentManagementItemModel.hasPreview\"\n    class=\"sfx-d-inline-block pull-left\"\n    [hasHoverWithoutBorder]=\"true\"\n  >\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n  </symphony-icon-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n      class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n      [model]=\"documentManagementItemModel.moreActions\"\n      (itemClick)=\"onMoreOptionClicked($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n  <div class=\"dm-icon-wrap\">\n    <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n  </div>\n  <div class=\"dm-content\">\n    <symphony-h5\n      title=\"{{ documentManagementItemModel.fileName }}\"\n      ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n        *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n        >[{{ documentManagementItemModel.fileType }}]</span\n      ></symphony-h5\n    >\n    <symphony-paragraph\n      title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n        documentManagementItemModel.uploadedBy\n      }}\"\n      *ngIf=\"documentManagementItemModel.addedDate\"\n      ><span\n        >Added on&nbsp;<span>{{\n          documentManagementItemModel.addedDate\n        }}</span></span\n      >&nbsp;<span\n        ><span\n          *ngIf=\"documentManagementItemModel.uploadedBy\"\n          >by&nbsp;</span\n        >{{ documentManagementItemModel.uploadedBy }}</span\n      >\n    </symphony-paragraph>\n  </div>\n  <div class=\"dm-action\">\n    <symphony-icon-wrapper\n    (click)=\"onPreviewClicked()\"\n    *ngIf=\"documentManagementItemModel.hasPreview\"\n    class=\"sfx-d-inline-block pull-left\"\n    [hasHoverWithoutBorder]=\"true\"\n  >\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n  </symphony-icon-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n      class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n      [model]=\"documentManagementItemModel.moreActions\"\n      (itemClick)=\"onMoreOptionClicked($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]

package/esm2020/lib/molecules/filter-tabs/filter-tabs.component.mjs

@@ -15,6 +15,7 @@ export class FilterTabsComponent {
         this.buttonClicked = new EventEmitter();
         this.tabSetClicked = new EventEmitter();
         this.tabSelectedClicked = new EventEmitter();
+        this.savedSearchClick = new EventEmitter();
     }
     onItemClick(item) {
         this.moreOptionClick.emit(item);
@@ -22,6 +23,9 @@ export class FilterTabsComponent {
     onLoadSearchClick() {
         this.loadSearchClick.emit();
     }
+    onSavedSearchClick() {
+        this.savedSearchClick.emit();
+    }
     onClearSearchClick() {
         this.clearSearchClick.emit();
     }
@@ -38,10 +42,10 @@ export class FilterTabsComponent {
     }
 }
 FilterTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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($event)\" #advanceSearchTabs>\n    <tab [disabled]=\"filterTabs.basicSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n      ><div><ng-content select=\"[basic-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">\n        <symphony-button-v2\n          *ngIf=\"filterTabs.showClearResultsBtn\"\n          id=\"basic-button-clear-result\"\n          text=\"Clear\"\n          [isSecondary]=\"true\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        </div>\n        </div\n    ></tab>\n    <tab [disabled]=\"filterTabs.advanceSearchDisabled\" (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 });
+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", savedSearchClick: "savedSearchClick" }, 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    <ng-content select=\"[saved-search-dropdown-zone]\"></ng-content>\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Save Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showSavedSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"sfx-d-flex filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        [isDisabled]=\"filterTabs.savedSearchDisabled\"\n        (click)=\"onSavedSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-save'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>    \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($event)\" #advanceSearchTabs>\n    <tab [disabled]=\"filterTabs.basicSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n      ><div><ng-content select=\"[basic-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">         \n        <symphony-button-v2\n          *ngIf=\"filterTabs.showClearResultsBtn\"\n          id=\"basic-button-clear-result\"\n          text=\"Clear\"\n          [isSecondary]=\"true\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        </div>\n        </div\n    ></tab>\n    <tab [disabled]=\"filterTabs.advanceSearchDisabled\" (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", "isDisabled"], 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, decorators: [{
             type: Component,
-            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($event)\" #advanceSearchTabs>\n    <tab [disabled]=\"filterTabs.basicSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n      ><div><ng-content select=\"[basic-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">\n        <symphony-button-v2\n          *ngIf=\"filterTabs.showClearResultsBtn\"\n          id=\"basic-button-clear-result\"\n          text=\"Clear\"\n          [isSecondary]=\"true\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        </div>\n        </div\n    ></tab>\n    <tab [disabled]=\"filterTabs.advanceSearchDisabled\" (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"] }]
+            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    <ng-content select=\"[saved-search-dropdown-zone]\"></ng-content>\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Save Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showSavedSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"sfx-d-flex filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        [isDisabled]=\"filterTabs.savedSearchDisabled\"\n        (click)=\"onSavedSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-save'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>    \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($event)\" #advanceSearchTabs>\n    <tab [disabled]=\"filterTabs.basicSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n      ><div><ng-content select=\"[basic-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">         \n        <symphony-button-v2\n          *ngIf=\"filterTabs.showClearResultsBtn\"\n          id=\"basic-button-clear-result\"\n          text=\"Clear\"\n          [isSecondary]=\"true\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        </div>\n        </div\n    ></tab>\n    <tab [disabled]=\"filterTabs.advanceSearchDisabled\" (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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { filterTabs: [{
                 type: Input
             }], moreOptionClick: [{
@@ -56,8 +60,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 type: Output
             }], tabSelectedClicked: [{
                 type: Output
+            }], savedSearchClick: [{
+                type: Output
             }], advancedSearchTabs: [{
                 type: ViewChild,
                 args: ['advanceSearchTabs']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUFVdkIsTUFBTSxPQUFPLG1CQUFtQjtJQWE5QjtRQVZVLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM3QyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDM0MscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM1QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDM0Msa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3hDLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFLeEMsQ0FBQztJQUVoQixXQUFXLENBQUMsSUFBWTtRQUN0QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsYUFBYSxDQUFDLElBQVk7UUFDeEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFBO0lBQ3ZELENBQUM7SUFFRCxhQUFhLENBQUMsS0FBSztRQUNqQixJQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxLQUFLLGNBQWMsSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVMsS0FBSyxpQkFBaUIsRUFBQztZQUMzRixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxFQUFDLGtCQUFrQixFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxLQUFLLGNBQWMsRUFBRSxxQkFBcUIsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVMsS0FBSyxpQkFBaUIsRUFBQyxDQUFDLENBQUE7U0FDOUo7SUFDSCxDQUFDOztnSEF2Q1UsbUJBQW1CO29HQUFuQixtQkFBbUIsZ2NDakJoQyw0bkdBdUZBOzJGRHRFYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0Usc0JBQXNCLGlCQUdqQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixVQUFVO3NCQUFsQixLQUFLO2dCQUVJLGVBQWU7c0JBQXhCLE1BQU07Z0JBQ0csZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTTtnQkFHVCxrQkFBa0I7c0JBRGYsU0FBUzt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWx0ZXJUYWJzTW9kZWwgfSBmcm9tICcuL2ZpbHRlci10YWJzLm1vZGVsJztcbmltcG9ydCB7IFRhYnNldENvbXBvbmVudCB9IGZyb20gJ25neC1ib290c3RyYXAvdGFicyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWZpbHRlci10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsdGVyLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyVGFic0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpbHRlclRhYnM6IEZpbHRlclRhYnNNb2RlbDtcblxuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBsb2FkU2VhcmNoQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBjbGVhclNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgdGFiU2V0Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgdGFiU2VsZWN0ZWRDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQFZpZXdDaGlsZCgnYWR2YW5jZVNlYXJjaFRhYnMnKVxuYWR2YW5jZWRTZWFyY2hUYWJzPzogVGFic2V0Q29tcG9uZW50O1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkl0ZW1DbGljayhpdGVtOiBzdHJpbmcpIHtcbiAgICB0aGlzLm1vcmVPcHRpb25DbGljay5lbWl0KGl0ZW0pO1xuICB9XG5cbiAgb25Mb2FkU2VhcmNoQ2xpY2soKSB7XG4gICAgdGhpcy5sb2FkU2VhcmNoQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgb25DbGVhclNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMuY2xlYXJTZWFyY2hDbGljay5lbWl0KCk7XG4gIH1cblxuICBvbkJ1dHRvbkNsaWNrKHRleHQ6IHN0cmluZykge1xuICAgIHRoaXMuYnV0dG9uQ2xpY2tlZC5lbWl0KHRleHQpO1xuICB9XG5cbiAgb25UYWJTZWxlY3RlZCgpIHtcbiAgICB0aGlzLnRhYlNlbGVjdGVkQ2xpY2tlZC5lbWl0KHRoaXMuYWR2YW5jZWRTZWFyY2hUYWJzKSBcbiAgfVxuXG4gIG9uVGFiU2V0Q2xpY2soZXZlbnQpIHtcbiAgICBpZihldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQmFzaWMgU2VhcmNoJyB8fCBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQWR2YW5jZWQgU2VhcmNoJyl7XG4gICAgICB0aGlzLnRhYlNldENsaWNrZWQuZW1pdCh7YmFzaWNTZWFyY2hDbGlja2VkOiBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQmFzaWMgU2VhcmNoJywgYWR2YW5jZWRTZWFyY2hDbGlja2VkOiBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQWR2YW5jZWQgU2VhcmNoJ30pXG4gICAgfVxuICB9XG59IFxuIiwiPHNlY3Rpb24gKm5nSWY9XCJmaWx0ZXJUYWJzXCIgY2xhc3M9XCJzZngtdGFiLXdyYXBwZXIgc2Z4LWZpbHRlci10YWItd3JhcFwiPlxuICA8ZGl2IGNsYXNzPVwidGFiLWZpbHRlci1hY3Rpb25zXCI+XG4gICAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gICAgICBbdG9vbHRpcEh0bWxdPVwiJ0xhc3QgU2VhcmNoJ1wiXG4gICAgICBbdG9vbFRpcENsYXNzXT1cIid0b29sVGlwVjInXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93TG9hZExhc3RTZWFyY2hcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXJcbiAgICAgICAgY2xhc3M9XCJyb3RhdGVZIHNmeC1kLWZsZXggZmlsdGVyLWFjdGlvbi1pY29uXCJcbiAgICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgICAgW2JhY2tncm91bmRDb2xvcl09XCInI2ZmZmZmZidcIlxuICAgICAgICAoY2xpY2spPVwib25Mb2FkU2VhcmNoQ2xpY2soKVwiXG4gICAgICA+XG4gICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgW2ljb25dPVwiJ3NpLXJlZnJlc2gnXCJcbiAgICAgICAgICBbaWNvbkNvbG9yXT1cIicjMzM0ODYwJ1wiXG4gICAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgICA8L3N5bXBob255LXRvb2x0aXAtd3JhcHBlcj5cblxuICAgIDxzeW1waG9ueS10b29sdGlwLXdyYXBwZXJcbiAgICAgIFtwbGFjZW1lbnRdPVwiJ3RvcCdcIlxuICAgICAgW3Rvb2x0aXBIdG1sXT1cIidDbGVhciBTZWFyY2gnXCJcbiAgICAgIFt0b29sVGlwQ2xhc3NdPVwiJ3Rvb2xUaXBWMidcIlxuICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dDbGVhclNlYXJjaFwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgICBjbGFzcz1cImZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICAgIFtpc0ludmVyc2VdPVwidHJ1ZVwiXG4gICAgICAgIFtoYXNIb3ZlcldpdGhvdXRCb3JkZXJdPVwidHJ1ZVwiXG4gICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiJyNmZmZmZmYnXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xlYXJTZWFyY2hDbGljaygpXCJcbiAgICAgID5cbiAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICBbaWNvbl09XCInc2ktc2VhcmNoLWNsZWFyJ1wiXG4gICAgICAgICAgW2ljb25Db2xvcl09XCInIzMzNDg2MCdcIlxuICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG5cbiAgICA8c3ltcGhvbnktY29udGV4dHVhbC1tZW51XG4gICAgICBjbGFzcz1cImZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICBbbW9kZWxdPVwiZmlsdGVyVGFicy5tb3JlQWN0aW9uc01lbnVcIlxuICAgICAgKGl0ZW1DbGljayk9XCJvbkl0ZW1DbGljaygkZXZlbnQpXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93TW9yZU9wdGlvbnNcIlxuICAgID5cbiAgICA8L3N5bXBob255LWNvbnRleHR1YWwtbWVudT5cbiAgPC9kaXY+XG4gIDx0YWJzZXQgKGNsaWNrKT1cIm9uVGFiU2V0Q2xpY2soJGV2ZW50KVwiICNhZHZhbmNlU2VhcmNoVGFicz5cbiAgICA8dGFiIFtkaXNhYmxlZF09XCJmaWx0ZXJUYWJzLmJhc2ljU2VhcmNoRGlzYWJsZWRcIiAoc2VsZWN0VGFiKT1cIm9uVGFiU2VsZWN0ZWQoKVwiIFtoZWFkaW5nXT1cIidCYXNpYyBTZWFyY2gnXCIgW2FjdGl2ZV09XCJmaWx0ZXJUYWJzLnNob3dCYXNpY1NlYXJjaFwiXG4gICAgICA+PGRpdj48bmctY29udGVudCBzZWxlY3Q9XCJbYmFzaWMtc2VhcmNoLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWR2YW5jZS1zZWFyY2gtZm9vdGVyIHNmeC1tdC0yMFwiPlxuICAgICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dDbGVhclJlc3VsdHNCdG5cIlxuICAgICAgICAgIGlkPVwiYmFzaWMtYnV0dG9uLWNsZWFyLXJlc3VsdFwiXG4gICAgICAgICAgdGV4dD1cIkNsZWFyXCJcbiAgICAgICAgICBbaXNTZWNvbmRhcnldPVwidHJ1ZVwiXG4gICAgICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXZcbiAgICA+PC90YWI+XG4gICAgPHRhYiBbZGlzYWJsZWRdPVwiZmlsdGVyVGFicy5hZHZhbmNlU2VhcmNoRGlzYWJsZWRcIiAoc2VsZWN0VGFiKT1cIm9uVGFiU2VsZWN0ZWQoKVwiIFtoZWFkaW5nXT1cIidBZHZhbmNlZCBTZWFyY2gnXCIgW2FjdGl2ZV09XCJmaWx0ZXJUYWJzLnNob3dBZHZhbmNlU2VhcmNoXCJcbiAgICAgID48ZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYWR2YW5jZWQtc2VhcmNoLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWR2YW5jZS1zZWFyY2gtZm9vdGVyIHNmeC1tdC0yMFwiPlxuICAgICAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd1NlZVJlc3VsdHNCdG5cIlxuICAgICAgICAgIGlkPVwiYnV0dG9uLXNlZS1yZXN1bHRcIlxuICAgICAgICAgIHRleHQ9XCJTRUUgUkVTVUxUU1wiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cImZpbHRlclRhYnMuc2VlUmVzdWx0c0J0bkRpc2FibGVkXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd0NsZWFyUmVzdWx0c0J0blwiXG4gICAgICAgICAgaWQ9XCJidXR0b24tY2xlYXItcmVzdWx0XCJcbiAgICAgICAgICB0ZXh0PVwiQ2xlYXJcIlxuICAgICAgICAgIFtpc1NlY29uZGFyeV09XCJ0cnVlXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8L2RpdlxuICAgID48L3RhYj5cbiAgPC90YWJzZXQ+XG48L3NlY3Rpb24+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUFVdkIsTUFBTSxPQUFPLG1CQUFtQjtJQWM5QjtRQVhVLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM3QyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDM0MscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM1QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDM0Msa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3hDLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDN0MscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUt2QyxDQUFDO0lBRWhCLFdBQVcsQ0FBQyxJQUFZO1FBQ3RCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxhQUFhLENBQUMsSUFBWTtRQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUE7SUFDdkQsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxTQUFTLEtBQUssY0FBYyxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxLQUFLLGlCQUFpQixFQUFDO1lBQzNGLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUMsa0JBQWtCLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxTQUFTLEtBQUssY0FBYyxFQUFFLHFCQUFxQixFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxLQUFLLGlCQUFpQixFQUFDLENBQUMsQ0FBQTtTQUM5SjtJQUNILENBQUM7O2dIQTVDVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixzZUNqQmhDLHUzSEE0R0E7MkZEM0ZhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxzQkFBc0IsaUJBR2pCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csa0JBQWtCO3NCQUEzQixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFHVCxrQkFBa0I7c0JBRGYsU0FBUzt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWx0ZXJUYWJzTW9kZWwgfSBmcm9tICcuL2ZpbHRlci10YWJzLm1vZGVsJztcbmltcG9ydCB7IFRhYnNldENvbXBvbmVudCB9IGZyb20gJ25neC1ib290c3RyYXAvdGFicyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWZpbHRlci10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsdGVyLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyVGFic0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpbHRlclRhYnM6IEZpbHRlclRhYnNNb2RlbDtcblxuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBsb2FkU2VhcmNoQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBjbGVhclNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgdGFiU2V0Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgdGFiU2VsZWN0ZWRDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBzYXZlZFNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIEBWaWV3Q2hpbGQoJ2FkdmFuY2VTZWFyY2hUYWJzJylcbmFkdmFuY2VkU2VhcmNoVGFicz86IFRhYnNldENvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25JdGVtQ2xpY2soaXRlbTogc3RyaW5nKSB7XG4gICAgdGhpcy5tb3JlT3B0aW9uQ2xpY2suZW1pdChpdGVtKTtcbiAgfVxuXG4gIG9uTG9hZFNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMubG9hZFNlYXJjaENsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIG9uU2F2ZWRTZWFyY2hDbGljaygpIHtcbiAgICB0aGlzLnNhdmVkU2VhcmNoQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgb25DbGVhclNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMuY2xlYXJTZWFyY2hDbGljay5lbWl0KCk7XG4gIH1cblxuICBvbkJ1dHRvbkNsaWNrKHRleHQ6IHN0cmluZykge1xuICAgIHRoaXMuYnV0dG9uQ2xpY2tlZC5lbWl0KHRleHQpO1xuICB9XG5cbiAgb25UYWJTZWxlY3RlZCgpIHtcbiAgICB0aGlzLnRhYlNlbGVjdGVkQ2xpY2tlZC5lbWl0KHRoaXMuYWR2YW5jZWRTZWFyY2hUYWJzKSBcbiAgfVxuXG4gIG9uVGFiU2V0Q2xpY2soZXZlbnQpIHtcbiAgICBpZihldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQmFzaWMgU2VhcmNoJyB8fCBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQWR2YW5jZWQgU2VhcmNoJyl7XG4gICAgICB0aGlzLnRhYlNldENsaWNrZWQuZW1pdCh7YmFzaWNTZWFyY2hDbGlja2VkOiBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQmFzaWMgU2VhcmNoJywgYWR2YW5jZWRTZWFyY2hDbGlja2VkOiBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQWR2YW5jZWQgU2VhcmNoJ30pXG4gICAgfVxuICB9XG59IFxuIiwiPHNlY3Rpb24gKm5nSWY9XCJmaWx0ZXJUYWJzXCIgY2xhc3M9XCJzZngtdGFiLXdyYXBwZXIgc2Z4LWZpbHRlci10YWItd3JhcFwiPlxuICA8ZGl2IGNsYXNzPVwidGFiLWZpbHRlci1hY3Rpb25zXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NhdmVkLXNlYXJjaC1kcm9wZG93bi16b25lXVwiPjwvbmctY29udGVudD5cbiAgICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgICBbcGxhY2VtZW50XT1cIid0b3AnXCJcbiAgICAgIFt0b29sdGlwSHRtbF09XCInU2F2ZSBTZWFyY2gnXCJcbiAgICAgIFt0b29sVGlwQ2xhc3NdPVwiJ3Rvb2xUaXBWMidcIlxuICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dTYXZlZFNlYXJjaFwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgICBjbGFzcz1cInNmeC1kLWZsZXggZmlsdGVyLWFjdGlvbi1pY29uXCJcbiAgICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgICAgW2JhY2tncm91bmRDb2xvcl09XCInI2ZmZmZmZidcIlxuICAgICAgICBbaXNEaXNhYmxlZF09XCJmaWx0ZXJUYWJzLnNhdmVkU2VhcmNoRGlzYWJsZWRcIlxuICAgICAgICAoY2xpY2spPVwib25TYXZlZFNlYXJjaENsaWNrKClcIlxuICAgICAgPlxuICAgICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICAgIFtpY29uXT1cIidzaS1zYXZlJ1wiXG4gICAgICAgICAgW2ljb25Db2xvcl09XCInIzMzNDg2MCdcIlxuICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+ICAgIFxuICAgIDxzeW1waG9ueS10b29sdGlwLXdyYXBwZXJcbiAgICAgIFtwbGFjZW1lbnRdPVwiJ3RvcCdcIlxuICAgICAgW3Rvb2x0aXBIdG1sXT1cIidMYXN0IFNlYXJjaCdcIlxuICAgICAgW3Rvb2xUaXBDbGFzc109XCIndG9vbFRpcFYyJ1wiXG4gICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd0xvYWRMYXN0U2VhcmNoXCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgICAgIGNsYXNzPVwicm90YXRlWSBzZngtZC1mbGV4IGZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICAgIFtpc0ludmVyc2VdPVwidHJ1ZVwiXG4gICAgICAgIFtoYXNIb3ZlcldpdGhvdXRCb3JkZXJdPVwidHJ1ZVwiXG4gICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiJyNmZmZmZmYnXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uTG9hZFNlYXJjaENsaWNrKClcIlxuICAgICAgPlxuICAgICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICAgIFtpY29uXT1cIidzaS1yZWZyZXNoJ1wiXG4gICAgICAgICAgW2ljb25Db2xvcl09XCInIzMzNDg2MCdcIlxuICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG5cbiAgICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgICBbcGxhY2VtZW50XT1cIid0b3AnXCJcbiAgICAgIFt0b29sdGlwSHRtbF09XCInQ2xlYXIgU2VhcmNoJ1wiXG4gICAgICBbdG9vbFRpcENsYXNzXT1cIid0b29sVGlwVjInXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93Q2xlYXJTZWFyY2hcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXJcbiAgICAgICAgY2xhc3M9XCJmaWx0ZXItYWN0aW9uLWljb25cIlxuICAgICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgICAgICBbaGFzSG92ZXJXaXRob3V0Qm9yZGVyXT1cInRydWVcIlxuICAgICAgICBbYmFja2dyb3VuZENvbG9yXT1cIicjZmZmZmZmJ1wiXG4gICAgICAgIChjbGljayk9XCJvbkNsZWFyU2VhcmNoQ2xpY2soKVwiXG4gICAgICA+XG4gICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgW2ljb25dPVwiJ3NpLXNlYXJjaC1jbGVhcidcIlxuICAgICAgICAgIFtpY29uQ29sb3JdPVwiJyMzMzQ4NjAnXCJcbiAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICAgIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuXG4gICAgPHN5bXBob255LWNvbnRleHR1YWwtbWVudVxuICAgICAgY2xhc3M9XCJmaWx0ZXItYWN0aW9uLWljb25cIlxuICAgICAgW21vZGVsXT1cImZpbHRlclRhYnMubW9yZUFjdGlvbnNNZW51XCJcbiAgICAgIChpdGVtQ2xpY2spPVwib25JdGVtQ2xpY2soJGV2ZW50KVwiXG4gICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd01vcmVPcHRpb25zXCJcbiAgICA+XG4gICAgPC9zeW1waG9ueS1jb250ZXh0dWFsLW1lbnU+XG4gIDwvZGl2PlxuICA8dGFic2V0IChjbGljayk9XCJvblRhYlNldENsaWNrKCRldmVudClcIiAjYWR2YW5jZVNlYXJjaFRhYnM+XG4gICAgPHRhYiBbZGlzYWJsZWRdPVwiZmlsdGVyVGFicy5iYXNpY1NlYXJjaERpc2FibGVkXCIgKHNlbGVjdFRhYik9XCJvblRhYlNlbGVjdGVkKClcIiBbaGVhZGluZ109XCInQmFzaWMgU2VhcmNoJ1wiIFthY3RpdmVdPVwiZmlsdGVyVGFicy5zaG93QmFzaWNTZWFyY2hcIlxuICAgICAgPjxkaXY+PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Jhc2ljLXNlYXJjaC1jb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFkdmFuY2Utc2VhcmNoLWZvb3RlciBzZngtbXQtMjBcIj4gICAgICAgICBcbiAgICAgICAgPHN5bXBob255LWJ1dHRvbi12MlxuICAgICAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93Q2xlYXJSZXN1bHRzQnRuXCJcbiAgICAgICAgICBpZD1cImJhc2ljLWJ1dHRvbi1jbGVhci1yZXN1bHRcIlxuICAgICAgICAgIHRleHQ9XCJDbGVhclwiXG4gICAgICAgICAgW2lzU2Vjb25kYXJ5XT1cInRydWVcIlxuICAgICAgICAgIChjbGlja2VkKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgID48L3N5bXBob255LWJ1dHRvbi12Mj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2XG4gICAgPjwvdGFiPlxuICAgIDx0YWIgW2Rpc2FibGVkXT1cImZpbHRlclRhYnMuYWR2YW5jZVNlYXJjaERpc2FibGVkXCIgKHNlbGVjdFRhYik9XCJvblRhYlNlbGVjdGVkKClcIiBbaGVhZGluZ109XCInQWR2YW5jZWQgU2VhcmNoJ1wiIFthY3RpdmVdPVwiZmlsdGVyVGFicy5zaG93QWR2YW5jZVNlYXJjaFwiXG4gICAgICA+PGRpdj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2FkdmFuY2VkLXNlYXJjaC1jb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFkdmFuY2Utc2VhcmNoLWZvb3RlciBzZngtbXQtMjBcIj4gICAgICBcbiAgICAgICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dTZWVSZXN1bHRzQnRuXCJcbiAgICAgICAgICBpZD1cImJ1dHRvbi1zZWUtcmVzdWx0XCJcbiAgICAgICAgICB0ZXh0PVwiU0VFIFJFU1VMVFNcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCJmaWx0ZXJUYWJzLnNlZVJlc3VsdHNCdG5EaXNhYmxlZFwiXG4gICAgICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dDbGVhclJlc3VsdHNCdG5cIlxuICAgICAgICAgIGlkPVwiYnV0dG9uLWNsZWFyLXJlc3VsdFwiXG4gICAgICAgICAgdGV4dD1cIkNsZWFyXCJcbiAgICAgICAgICBbaXNTZWNvbmRhcnldPVwidHJ1ZVwiXG4gICAgICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXZcbiAgICA+PC90YWI+XG4gIDwvdGFic2V0PlxuPC9zZWN0aW9uPlxuIl19

package/esm2020/lib/molecules/filter-tabs/filter-tabs.model.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9maWx0ZXItdGFicy9maWx0ZXItdGFicy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29udGV4dHVhbE1lbnVNb2RlbCB9IGZyb20gJy4uLy4uL2F0b21zL2NvbnRleHR1YWwtbWVudS9jb250ZXh0dWFsLW1lbnUubW9kZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpbHRlclRhYnNNb2RlbCB7XG4gIHNob3dNb3JlT3B0aW9uczogYm9vbGVhbjtcbiAgc2hvd0NsZWFyU2VhcmNoOiBib29sZWFuO1xuICBzaG93TG9hZExhc3RTZWFyY2g6IGJvb2xlYW47XG4gIHNob3dCYXNpY1NlYXJjaDogYm9vbGVhbjtcbiAgc2hvd0FkdmFuY2VTZWFyY2g6IGJvb2xlYW47XG4gIG1vcmVBY3Rpb25zTWVudTogQ29udGV4dHVhbE1lbnVNb2RlbDtcbiAgc2hvd1NlZVJlc3VsdHNCdG4/OiBib29sZWFuO1xuICBzZWVSZXN1bHRzQnRuRGlzYWJsZWQ/OiBib29sZWFuO1xuICBzaG93Q2xlYXJSZXN1bHRzQnRuPzogYm9vbGVhbjtcbiAgc2hvd0FJU2VhcmNoPzogYm9vbGVhbjtcbiAgYmFzaWNTZWFyY2hEaXNhYmxlZD86IGJvb2xlYW47XG4gIGFkdmFuY2VTZWFyY2hEaXNhYmxlZD86IGJvb2xlYW47XG4gIGFpU2VhcmNoVGFiRW5hYmxlZD86IGJvb2xlYW47XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9maWx0ZXItdGFicy9maWx0ZXItdGFicy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29udGV4dHVhbE1lbnVNb2RlbCB9IGZyb20gJy4uLy4uL2F0b21zL2NvbnRleHR1YWwtbWVudS9jb250ZXh0dWFsLW1lbnUubW9kZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpbHRlclRhYnNNb2RlbCB7XG4gIHNob3dNb3JlT3B0aW9uczogYm9vbGVhbjtcbiAgc2hvd0NsZWFyU2VhcmNoOiBib29sZWFuO1xuICBzaG93TG9hZExhc3RTZWFyY2g6IGJvb2xlYW47XG4gIHNob3dCYXNpY1NlYXJjaDogYm9vbGVhbjtcbiAgc2hvd0FkdmFuY2VTZWFyY2g6IGJvb2xlYW47XG4gIG1vcmVBY3Rpb25zTWVudTogQ29udGV4dHVhbE1lbnVNb2RlbDtcbiAgc2hvd1NlZVJlc3VsdHNCdG4/OiBib29sZWFuO1xuICBzZWVSZXN1bHRzQnRuRGlzYWJsZWQ/OiBib29sZWFuO1xuICBzaG93Q2xlYXJSZXN1bHRzQnRuPzogYm9vbGVhbjtcbiAgc2hvd0FJU2VhcmNoPzogYm9vbGVhbjtcbiAgYmFzaWNTZWFyY2hEaXNhYmxlZD86IGJvb2xlYW47XG4gIGFkdmFuY2VTZWFyY2hEaXNhYmxlZD86IGJvb2xlYW47XG4gIGFpU2VhcmNoVGFiRW5hYmxlZD86IGJvb2xlYW47XG4gIHNob3dTYXZlZFNlYXJjaD86IGJvb2xlYW47XG4gIHNhdmVkU2VhcmNoRGlzYWJsZWQ/OiBib29sZWFuO1xufVxuIl19

package/esm2020/lib/molecules/filter-tabs-v2/filter-tabs.component.mjs

@@ -45,7 +45,7 @@ export class FilterTabsV2Component {
     }
 }
 FilterTabsV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FilterTabsV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsV2Component, selector: "symphony-filter-tabs-v2", 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($event)\" #advanceSearchTabs>\n    <tab\n      [disabled]=\"filterTabs.basicSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'Basic Search'\"\n      [active]=\"filterTabs.showBasicSearch\"\n      ><div>\n        <ng-content select=\"[basic-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">\n          <symphony-button-v2\n            *ngIf=\"filterTabs.showClearResultsBtn\"\n            id=\"basic-button-clear-result\"\n            text=\"Clear\"\n            [isSecondary]=\"true\"\n            (clicked)=\"onButtonClick($event)\"\n          ></symphony-button-v2>\n        </div></div\n    ></tab>\n    <tab\n      [disabled]=\"filterTabs.advanceSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'Advanced Search'\"\n      [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></div\n    ></tab>\n    <tab\n      [disabled]=\"filterTabs.aiSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'AI Search'\"\n      [active]=\"filterTabs.showAISearch\"\n      ><div>\n        <ng-content select=\"[ai-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></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 });
+FilterTabsV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsV2Component, selector: "symphony-filter-tabs-v2", 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($event)\" #advanceSearchTabs>\n    <tab\n      [disabled]=\"filterTabs.basicSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'Basic Search'\"\n      [active]=\"filterTabs.showBasicSearch\"\n      ><div>\n        <ng-content select=\"[basic-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">\n          <symphony-button-v2\n            *ngIf=\"filterTabs.showClearResultsBtn\"\n            id=\"basic-button-clear-result\"\n            text=\"Clear\"\n            [isSecondary]=\"true\"\n            (clicked)=\"onButtonClick($event)\"\n          ></symphony-button-v2>\n        </div></div\n    ></tab>\n    <tab\n      [disabled]=\"filterTabs.advanceSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'Advanced Search'\"\n      [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></div\n    ></tab>\n    <tab\n      [disabled]=\"filterTabs.aiSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'AI Search'\"\n      [active]=\"filterTabs.showAISearch\"\n      ><div>\n        <ng-content select=\"[ai-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></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", "isDisabled"], 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsV2Component, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-filter-tabs-v2', 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($event)\" #advanceSearchTabs>\n    <tab\n      [disabled]=\"filterTabs.basicSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'Basic Search'\"\n      [active]=\"filterTabs.showBasicSearch\"\n      ><div>\n        <ng-content select=\"[basic-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">\n          <symphony-button-v2\n            *ngIf=\"filterTabs.showClearResultsBtn\"\n            id=\"basic-button-clear-result\"\n            text=\"Clear\"\n            [isSecondary]=\"true\"\n            (clicked)=\"onButtonClick($event)\"\n          ></symphony-button-v2>\n        </div></div\n    ></tab>\n    <tab\n      [disabled]=\"filterTabs.advanceSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'Advanced Search'\"\n      [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></div\n    ></tab>\n    <tab\n      [disabled]=\"filterTabs.aiSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'AI Search'\"\n      [active]=\"filterTabs.showAISearch\"\n      ><div>\n        <ng-content select=\"[ai-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></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"] }]

package/esm2020/lib/molecules/icon-swatch/icon-swatch.component.mjs

@@ -14,7 +14,7 @@ export class IconSwatchComponent {
     }
 }
 IconSwatchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconSwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IconSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconSwatchComponent, selector: "symphony-icon-swatch", inputs: { iconSwatchModel: "iconSwatchModel", isInverse: "isInverse" }, ngImport: i0, template: "<div class=\"sfx-icon-swatch\">\n  <div\n    class=\"sfx-icon-wrapper\"\n    [ngClass]=\"{\n      'mt-0': iconSwatchModel.hasBorder\n    }\"\n  >\n    <symphony-icon-wrapper\n      *ngIf=\"iconSwatchModel.hasBorder\"\n      [isInverse]=\"isInverse\"\n    >\n      <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-icon\n      *ngIf=\"!iconSwatchModel.hasBorder\"\n      [icon]=\"iconSwatchModel.icon\"\n    ></symphony-icon>\n  </div>\n  <div class=\"sfx-icon-description-wrapper\">\n    <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n    <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n  </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\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.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+IconSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconSwatchComponent, selector: "symphony-icon-swatch", inputs: { iconSwatchModel: "iconSwatchModel", isInverse: "isInverse" }, ngImport: i0, template: "<div class=\"sfx-icon-swatch\">\n  <div\n    class=\"sfx-icon-wrapper\"\n    [ngClass]=\"{\n      'mt-0': iconSwatchModel.hasBorder\n    }\"\n  >\n    <symphony-icon-wrapper\n      *ngIf=\"iconSwatchModel.hasBorder\"\n      [isInverse]=\"isInverse\"\n    >\n      <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-icon\n      *ngIf=\"!iconSwatchModel.hasBorder\"\n      [icon]=\"iconSwatchModel.icon\"\n    ></symphony-icon>\n  </div>\n  <div class=\"sfx-icon-description-wrapper\">\n    <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n    <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n  </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconSwatchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-icon-swatch', template: "<div class=\"sfx-icon-swatch\">\n  <div\n    class=\"sfx-icon-wrapper\"\n    [ngClass]=\"{\n      'mt-0': iconSwatchModel.hasBorder\n    }\"\n  >\n    <symphony-icon-wrapper\n      *ngIf=\"iconSwatchModel.hasBorder\"\n      [isInverse]=\"isInverse\"\n    >\n      <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-icon\n      *ngIf=\"!iconSwatchModel.hasBorder\"\n      [icon]=\"iconSwatchModel.icon\"\n    ></symphony-icon>\n  </div>\n  <div class=\"sfx-icon-description-wrapper\">\n    <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n    <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n  </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"] }]

package/esm2020/lib/molecules/task-status/task-status.component.mjs

@@ -50,7 +50,7 @@ export class TaskStatusComponent {
     }
 }
 TaskStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TaskStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TaskStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TaskStatusComponent, selector: "symphony-task-status", inputs: { taskStatusModel: "taskStatusModel" }, outputs: { cancelTask: "cancelTask", retryTask: "retryTask" }, ngImport: i0, template: "<!-- Task Status - Card-based Design -->\n<div class=\"task-status\" *ngIf=\"taskStatusModel\">\n  <!-- Task Status Card -->\n  <div class=\"task-card\" \n       [class.success-state]=\"taskStatusModel.showCompleted\"\n       [class.error-state]=\"taskStatusModel.hasError\"\n       [class.progress-state]=\"taskStatusModel.showProgressBar\">\n    \n    <!-- Card Header -->\n    <div class=\"task-header\">\n      <!-- Status Icon -->\n      <div class=\"task-icon-container\">\n        <!-- Success Icon (completion state) -->\n        <symphony-icon\n          *ngIf=\"taskStatusModel.showCompleted\"\n          class=\"task-icon success-icon\"\n          [icon]=\"'si-confirmation'\"\n        ></symphony-icon>\n        \n        <!-- Error Icon (error state) -->\n        <symphony-icon\n          *ngIf=\"taskStatusModel.hasError\"\n          class=\"task-icon error-icon\"\n          [icon]=\"'si-pending-incomplete'\"\n        ></symphony-icon>\n        \n        <!-- Processing Icon (progress state) -->\n        <symphony-icon\n          *ngIf=\"taskStatusModel.showProgressBar && !taskStatusModel.hasError\"\n          class=\"task-icon processing-icon\"\n          [icon]=\"taskStatusModel.processingIcon || 'si-chatbot'\"\n        ></symphony-icon>\n      </div>\n      \n      <!-- Status Text and Task Name -->\n      <div class=\"task-content\">\n        <symphony-h4 class=\"task-status-text\">\n          {{ getTaskStatusText() }}\n        </symphony-h4>\n        <symphony-paragraph class=\"task-name\">\n          {{ getTaskName() }}\n        </symphony-paragraph>\n      </div>\n      \n      <!-- Progress Percentage or Actions -->\n      <div class=\"task-actions\">\n        <!-- Progress Percentage -->\n        <symphony-paragraph\n          *ngIf=\"taskStatusModel.showProgressBar && !taskStatusModel.hasError\"\n          class=\"progress-text\">\n          {{ getProgressText() }}\n        </symphony-paragraph>\n        \n        <!-- Cancel Button (only during progress) -->\n        <symphony-icon\n          *ngIf=\"taskStatusModel.showCancel && !taskStatusModel.showCompleted && !taskStatusModel.hasError\"\n          class=\"cancel-btn\"\n          [icon]=\"'si-close-modal'\"\n          (clicked)=\"onCancelTask()\">\n        </symphony-icon>\n      </div>\n    </div>\n    \n    <!-- Card Body -->\n    <div class=\"task-body\">\n      <!-- Progress Bar -->\n      <symphony-sfx-progress-bar\n        *ngIf=\"taskStatusModel.showProgressBar && !taskStatusModel.hasError\"\n        [progress]=\"taskStatusModel.progress\"\n        class=\"progress-bar\">\n      </symphony-sfx-progress-bar>\n      \n      <!-- Error Message -->\n      <div *ngIf=\"taskStatusModel.hasError\" class=\"error-content\">\n        <symphony-paragraph class=\"error-message\">\n          {{ getErrorMessage() }}\n        </symphony-paragraph>\n        <symphony-icon-wrapper \n          *ngIf=\"shouldShowRetry()\"\n          class=\"retry-icon\"\n          (clicked)=\"onRetryTask()\">\n          <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n        </symphony-icon-wrapper>\n      </div>\n    </div>\n  </div>\n</div> ", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-mb-50{margin-bottom:3.125rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.task-status .task-card{background:#F1F2F5;border:1px solid #D2D8E5;border-radius:8px;padding:16px;margin:8px 0;transition:all .3s ease;min-height:80px}.task-status .task-card.success-state{border-color:#2cb45f;background:#f8fff9}.task-status .task-card.error-state{border-color:#ac4463;background:#fff8f8}.task-status .task-card.progress-state{border-color:#2b8ff3;background:#f8f9ff}.task-status .task-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.task-status .task-icon-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.task-status .task-icon-container .task-icon{font-size:18px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.task-status .task-icon-container .success-icon{color:#2cb45f;background:#d2f4de}.task-status .task-icon-container .error-icon{color:#ac4463;background:#f4e2e7}.task-status .task-icon-container .processing-icon{color:#2b8ff3;background:white}.task-status .task-content{flex:1;min-width:0}.task-status .task-content .task-status-text{margin:0 0 4px;font-weight:600;font-size:.875rem;color:#08203e}.task-status .task-content .task-name{margin:0;font-size:.75rem;color:#5b6d80;line-height:1.4;word-wrap:break-word}.task-status .task-actions{flex-shrink:0;display:flex;align-items:center;gap:8px}.task-status .task-actions .progress-text{margin:0;font-weight:600;font-size:.75rem;color:#2b8ff3;min-width:35px;text-align:right}.task-status .task-actions .cancel-btn{cursor:pointer;font-size:16px;color:#5b6d80;transition:color .2s ease;padding:4px}.task-status .task-actions .cancel-btn:hover{color:#ac4463}.task-status .task-body .progress-bar{margin:0}.task-status .task-body .error-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-status .task-body .error-content .error-message{margin:0;font-size:.75rem;color:#ac4463;line-height:1.4;flex:1}.task-status .task-body .error-content .retry-icon{flex-shrink:0;width:32px;height:32px}.task-status .task-body .error-content .retry-icon ::ng-deep .icon-wrapper{width:32px;height:32px;border:1px solid #AC4463;color:#ac4463;padding:6px;font-size:14px}.task-status .task-body .error-content .retry-icon ::ng-deep .icon-wrapper:hover{background:#AC4463;color:#fff}.task-status symphony-sfx-progress-bar{transition:all .3s ease;float:none}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.SfxProgressBarComponent, selector: "symphony-sfx-progress-bar", inputs: ["progress"] }, { type: i5.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+TaskStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TaskStatusComponent, selector: "symphony-task-status", inputs: { taskStatusModel: "taskStatusModel" }, outputs: { cancelTask: "cancelTask", retryTask: "retryTask" }, ngImport: i0, template: "<!-- Task Status - Card-based Design -->\n<div class=\"task-status\" *ngIf=\"taskStatusModel\">\n  <!-- Task Status Card -->\n  <div class=\"task-card\" \n       [class.success-state]=\"taskStatusModel.showCompleted\"\n       [class.error-state]=\"taskStatusModel.hasError\"\n       [class.progress-state]=\"taskStatusModel.showProgressBar\">\n    \n    <!-- Card Header -->\n    <div class=\"task-header\">\n      <!-- Status Icon -->\n      <div class=\"task-icon-container\">\n        <!-- Success Icon (completion state) -->\n        <symphony-icon\n          *ngIf=\"taskStatusModel.showCompleted\"\n          class=\"task-icon success-icon\"\n          [icon]=\"'si-confirmation'\"\n        ></symphony-icon>\n        \n        <!-- Error Icon (error state) -->\n        <symphony-icon\n          *ngIf=\"taskStatusModel.hasError\"\n          class=\"task-icon error-icon\"\n          [icon]=\"'si-pending-incomplete'\"\n        ></symphony-icon>\n        \n        <!-- Processing Icon (progress state) -->\n        <symphony-icon\n          *ngIf=\"taskStatusModel.showProgressBar && !taskStatusModel.hasError\"\n          class=\"task-icon processing-icon\"\n          [icon]=\"taskStatusModel.processingIcon || 'si-chatbot'\"\n        ></symphony-icon>\n      </div>\n      \n      <!-- Status Text and Task Name -->\n      <div class=\"task-content\">\n        <symphony-h4 class=\"task-status-text\">\n          {{ getTaskStatusText() }}\n        </symphony-h4>\n        <symphony-paragraph class=\"task-name\">\n          {{ getTaskName() }}\n        </symphony-paragraph>\n      </div>\n      \n      <!-- Progress Percentage or Actions -->\n      <div class=\"task-actions\">\n        <!-- Progress Percentage -->\n        <symphony-paragraph\n          *ngIf=\"taskStatusModel.showProgressBar && !taskStatusModel.hasError\"\n          class=\"progress-text\">\n          {{ getProgressText() }}\n        </symphony-paragraph>\n        \n        <!-- Cancel Button (only during progress) -->\n        <symphony-icon\n          *ngIf=\"taskStatusModel.showCancel && !taskStatusModel.showCompleted && !taskStatusModel.hasError\"\n          class=\"cancel-btn\"\n          [icon]=\"'si-close-modal'\"\n          (clicked)=\"onCancelTask()\">\n        </symphony-icon>\n      </div>\n    </div>\n    \n    <!-- Card Body -->\n    <div class=\"task-body\">\n      <!-- Progress Bar -->\n      <symphony-sfx-progress-bar\n        *ngIf=\"taskStatusModel.showProgressBar && !taskStatusModel.hasError\"\n        [progress]=\"taskStatusModel.progress\"\n        class=\"progress-bar\">\n      </symphony-sfx-progress-bar>\n      \n      <!-- Error Message -->\n      <div *ngIf=\"taskStatusModel.hasError\" class=\"error-content\">\n        <symphony-paragraph class=\"error-message\">\n          {{ getErrorMessage() }}\n        </symphony-paragraph>\n        <symphony-icon-wrapper \n          *ngIf=\"shouldShowRetry()\"\n          class=\"retry-icon\"\n          (clicked)=\"onRetryTask()\">\n          <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n        </symphony-icon-wrapper>\n      </div>\n    </div>\n  </div>\n</div> ", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-mb-50{margin-bottom:3.125rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.task-status .task-card{background:#F1F2F5;border:1px solid #D2D8E5;border-radius:8px;padding:16px;margin:8px 0;transition:all .3s ease;min-height:80px}.task-status .task-card.success-state{border-color:#2cb45f;background:#f8fff9}.task-status .task-card.error-state{border-color:#ac4463;background:#fff8f8}.task-status .task-card.progress-state{border-color:#2b8ff3;background:#f8f9ff}.task-status .task-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.task-status .task-icon-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.task-status .task-icon-container .task-icon{font-size:18px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.task-status .task-icon-container .success-icon{color:#2cb45f;background:#d2f4de}.task-status .task-icon-container .error-icon{color:#ac4463;background:#f4e2e7}.task-status .task-icon-container .processing-icon{color:#2b8ff3;background:white}.task-status .task-content{flex:1;min-width:0}.task-status .task-content .task-status-text{margin:0 0 4px;font-weight:600;font-size:.875rem;color:#08203e}.task-status .task-content .task-name{margin:0;font-size:.75rem;color:#5b6d80;line-height:1.4;word-wrap:break-word}.task-status .task-actions{flex-shrink:0;display:flex;align-items:center;gap:8px}.task-status .task-actions .progress-text{margin:0;font-weight:600;font-size:.75rem;color:#2b8ff3;min-width:35px;text-align:right}.task-status .task-actions .cancel-btn{cursor:pointer;font-size:16px;color:#5b6d80;transition:color .2s ease;padding:4px}.task-status .task-actions .cancel-btn:hover{color:#ac4463}.task-status .task-body .progress-bar{margin:0}.task-status .task-body .error-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-status .task-body .error-content .error-message{margin:0;font-size:.75rem;color:#ac4463;line-height:1.4;flex:1}.task-status .task-body .error-content .retry-icon{flex-shrink:0;width:32px;height:32px}.task-status .task-body .error-content .retry-icon ::ng-deep .icon-wrapper{width:32px;height:32px;border:1px solid #AC4463;color:#ac4463;padding:6px;font-size:14px}.task-status .task-body .error-content .retry-icon ::ng-deep .icon-wrapper:hover{background:#AC4463;color:#fff}.task-status symphony-sfx-progress-bar{transition:all .3s ease;float:none}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.SfxProgressBarComponent, selector: "symphony-sfx-progress-bar", inputs: ["progress"] }, { type: i5.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TaskStatusComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-task-status', template: "<!-- Task Status - Card-based Design -->\n<div class=\"task-status\" *ngIf=\"taskStatusModel\">\n  <!-- Task Status Card -->\n  <div class=\"task-card\" \n       [class.success-state]=\"taskStatusModel.showCompleted\"\n       [class.error-state]=\"taskStatusModel.hasError\"\n       [class.progress-state]=\"taskStatusModel.showProgressBar\">\n    \n    <!-- Card Header -->\n    <div class=\"task-header\">\n      <!-- Status Icon -->\n      <div class=\"task-icon-container\">\n        <!-- Success Icon (completion state) -->\n        <symphony-icon\n          *ngIf=\"taskStatusModel.showCompleted\"\n          class=\"task-icon success-icon\"\n          [icon]=\"'si-confirmation'\"\n        ></symphony-icon>\n        \n        <!-- Error Icon (error state) -->\n        <symphony-icon\n          *ngIf=\"taskStatusModel.hasError\"\n          class=\"task-icon error-icon\"\n          [icon]=\"'si-pending-incomplete'\"\n        ></symphony-icon>\n        \n        <!-- Processing Icon (progress state) -->\n        <symphony-icon\n          *ngIf=\"taskStatusModel.showProgressBar && !taskStatusModel.hasError\"\n          class=\"task-icon processing-icon\"\n          [icon]=\"taskStatusModel.processingIcon || 'si-chatbot'\"\n        ></symphony-icon>\n      </div>\n      \n      <!-- Status Text and Task Name -->\n      <div class=\"task-content\">\n        <symphony-h4 class=\"task-status-text\">\n          {{ getTaskStatusText() }}\n        </symphony-h4>\n        <symphony-paragraph class=\"task-name\">\n          {{ getTaskName() }}\n        </symphony-paragraph>\n      </div>\n      \n      <!-- Progress Percentage or Actions -->\n      <div class=\"task-actions\">\n        <!-- Progress Percentage -->\n        <symphony-paragraph\n          *ngIf=\"taskStatusModel.showProgressBar && !taskStatusModel.hasError\"\n          class=\"progress-text\">\n          {{ getProgressText() }}\n        </symphony-paragraph>\n        \n        <!-- Cancel Button (only during progress) -->\n        <symphony-icon\n          *ngIf=\"taskStatusModel.showCancel && !taskStatusModel.showCompleted && !taskStatusModel.hasError\"\n          class=\"cancel-btn\"\n          [icon]=\"'si-close-modal'\"\n          (clicked)=\"onCancelTask()\">\n        </symphony-icon>\n      </div>\n    </div>\n    \n    <!-- Card Body -->\n    <div class=\"task-body\">\n      <!-- Progress Bar -->\n      <symphony-sfx-progress-bar\n        *ngIf=\"taskStatusModel.showProgressBar && !taskStatusModel.hasError\"\n        [progress]=\"taskStatusModel.progress\"\n        class=\"progress-bar\">\n      </symphony-sfx-progress-bar>\n      \n      <!-- Error Message -->\n      <div *ngIf=\"taskStatusModel.hasError\" class=\"error-content\">\n        <symphony-paragraph class=\"error-message\">\n          {{ getErrorMessage() }}\n        </symphony-paragraph>\n        <symphony-icon-wrapper \n          *ngIf=\"shouldShowRetry()\"\n          class=\"retry-icon\"\n          (clicked)=\"onRetryTask()\">\n          <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n        </symphony-icon-wrapper>\n      </div>\n    </div>\n  </div>\n</div> ", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-mb-50{margin-bottom:3.125rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.task-status .task-card{background:#F1F2F5;border:1px solid #D2D8E5;border-radius:8px;padding:16px;margin:8px 0;transition:all .3s ease;min-height:80px}.task-status .task-card.success-state{border-color:#2cb45f;background:#f8fff9}.task-status .task-card.error-state{border-color:#ac4463;background:#fff8f8}.task-status .task-card.progress-state{border-color:#2b8ff3;background:#f8f9ff}.task-status .task-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.task-status .task-icon-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.task-status .task-icon-container .task-icon{font-size:18px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.task-status .task-icon-container .success-icon{color:#2cb45f;background:#d2f4de}.task-status .task-icon-container .error-icon{color:#ac4463;background:#f4e2e7}.task-status .task-icon-container .processing-icon{color:#2b8ff3;background:white}.task-status .task-content{flex:1;min-width:0}.task-status .task-content .task-status-text{margin:0 0 4px;font-weight:600;font-size:.875rem;color:#08203e}.task-status .task-content .task-name{margin:0;font-size:.75rem;color:#5b6d80;line-height:1.4;word-wrap:break-word}.task-status .task-actions{flex-shrink:0;display:flex;align-items:center;gap:8px}.task-status .task-actions .progress-text{margin:0;font-weight:600;font-size:.75rem;color:#2b8ff3;min-width:35px;text-align:right}.task-status .task-actions .cancel-btn{cursor:pointer;font-size:16px;color:#5b6d80;transition:color .2s ease;padding:4px}.task-status .task-actions .cancel-btn:hover{color:#ac4463}.task-status .task-body .progress-bar{margin:0}.task-status .task-body .error-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-status .task-body .error-content .error-message{margin:0;font-size:.75rem;color:#ac4463;line-height:1.4;flex:1}.task-status .task-body .error-content .retry-icon{flex-shrink:0;width:32px;height:32px}.task-status .task-body .error-content .retry-icon ::ng-deep .icon-wrapper{width:32px;height:32px;border:1px solid #AC4463;color:#ac4463;padding:6px;font-size:14px}.task-status .task-body .error-content .retry-icon ::ng-deep .icon-wrapper:hover{background:#AC4463;color:#fff}.task-status symphony-sfx-progress-bar{transition:all .3s ease;float:none}\n"] }]

package/esm2020/lib/organisms/action-bar/action-bar.component.mjs

@@ -15,7 +15,7 @@ export class ActionBarComponent {
     }
 }
 ActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled", hasActionToggle: "hasActionToggle", hasSelectionCounter: "hasSelectionCounter", hasSeparator: "hasSeparator", model: "model" }, outputs: { toggleClick: "toggleClick" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n  <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n    <div class=\"max-contentwidth\" (click)=\"toggleClicked()\" *ngIf=\"hasActionToggle\">\n      <symphony-icon-wrapper\n        [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n        class=\"sfx-d-inline-block\"\n        ><symphony-icon\n          [icon]=\"'si-arrow-bold-next'\"\n          [size]=\"'13px'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n      <symphony-paragraph class=\"sfx-d-inline-block sfx-ml-20\"\n        >Actions</symphony-paragraph\n      >\n    </div>\n    <symphony-action-bar-selection-counter *ngIf=\"hasSelectionCounter\" [hasSeparator]=\"hasSeparator\" [model]=\"model\"></symphony-action-bar-selection-counter>\n  </div>\n  <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n    <div class=\"pull-right sfx-actions-controls\">\n      <ng-content select=\"[grid-controls]\"></ng-content>\n    </div>\n  </div>\n</div>\n<div\n  *ngIf=\"isToggled\"\n  class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-p-0\"\n>\n  <div class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-pl-0 sfx-actions-items\">\n    <ng-content select=\"[grid-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:2px solid #000000}.sfx-action-bar .sfx-action-button,.sfx-action-bar .sfx-action-button .max-contentwidth{display:flex;align-items:center}.sfx-action-bar .sfx-action-button .icon-wrapper{padding:10px 0}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600;margin-left:1px}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-action-bar .sfx-action-button .action-arrow-down i{margin-left:0}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\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"] }, { type: i4.ActionBarSelectionCounterComponent, selector: "symphony-action-bar-selection-counter", inputs: ["model", "hasSeparator"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled", hasActionToggle: "hasActionToggle", hasSelectionCounter: "hasSelectionCounter", hasSeparator: "hasSeparator", model: "model" }, outputs: { toggleClick: "toggleClick" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n  <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n    <div class=\"max-contentwidth\" (click)=\"toggleClicked()\" *ngIf=\"hasActionToggle\">\n      <symphony-icon-wrapper\n        [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n        class=\"sfx-d-inline-block\"\n        ><symphony-icon\n          [icon]=\"'si-arrow-bold-next'\"\n          [size]=\"'13px'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n      <symphony-paragraph class=\"sfx-d-inline-block sfx-ml-20\"\n        >Actions</symphony-paragraph\n      >\n    </div>\n    <symphony-action-bar-selection-counter *ngIf=\"hasSelectionCounter\" [hasSeparator]=\"hasSeparator\" [model]=\"model\"></symphony-action-bar-selection-counter>\n  </div>\n  <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n    <div class=\"pull-right sfx-actions-controls\">\n      <ng-content select=\"[grid-controls]\"></ng-content>\n    </div>\n  </div>\n</div>\n<div\n  *ngIf=\"isToggled\"\n  class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-p-0\"\n>\n  <div class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-pl-0 sfx-actions-items\">\n    <ng-content select=\"[grid-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:2px solid #000000}.sfx-action-bar .sfx-action-button,.sfx-action-bar .sfx-action-button .max-contentwidth{display:flex;align-items:center}.sfx-action-bar .sfx-action-button .icon-wrapper{padding:10px 0}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600;margin-left:1px}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-action-bar .sfx-action-button .action-arrow-down i{margin-left:0}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], 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"] }, { type: i4.ActionBarSelectionCounterComponent, selector: "symphony-action-bar-selection-counter", inputs: ["model", "hasSeparator"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-action-bar', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n  <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n    <div class=\"max-contentwidth\" (click)=\"toggleClicked()\" *ngIf=\"hasActionToggle\">\n      <symphony-icon-wrapper\n        [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n        class=\"sfx-d-inline-block\"\n        ><symphony-icon\n          [icon]=\"'si-arrow-bold-next'\"\n          [size]=\"'13px'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n      <symphony-paragraph class=\"sfx-d-inline-block sfx-ml-20\"\n        >Actions</symphony-paragraph\n      >\n    </div>\n    <symphony-action-bar-selection-counter *ngIf=\"hasSelectionCounter\" [hasSeparator]=\"hasSeparator\" [model]=\"model\"></symphony-action-bar-selection-counter>\n  </div>\n  <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n    <div class=\"pull-right sfx-actions-controls\">\n      <ng-content select=\"[grid-controls]\"></ng-content>\n    </div>\n  </div>\n</div>\n<div\n  *ngIf=\"isToggled\"\n  class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-p-0\"\n>\n  <div class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-pl-0 sfx-actions-items\">\n    <ng-content select=\"[grid-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:2px solid #000000}.sfx-action-bar .sfx-action-button,.sfx-action-bar .sfx-action-button .max-contentwidth{display:flex;align-items:center}.sfx-action-bar .sfx-action-button .icon-wrapper{padding:10px 0}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600;margin-left:1px}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-action-bar .sfx-action-button .action-arrow-down i{margin-left:0}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"] }]

package/esm2020/lib/organisms/assigned-to-widget/assigned-to-widget.component.mjs

@@ -17,7 +17,7 @@ export class AssignedToWidgetComponent {
     }
 }
 AssignedToWidgetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignedToWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AssignedToWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AssignedToWidgetComponent, selector: "symphony-assigned-to-widget", inputs: { assignWidgetModel: "assignWidgetModel" }, outputs: { addClick: "addClick" }, ngImport: i0, template: "<symphony-widget-list-container-template *ngIf=\"assignWidgetModel\">\n  <symphony-h4 widget-title>{{\n    assignWidgetModel.title\n  }}</symphony-h4>\n  <symphony-icon-wrapper id=\"assignedTo-widget-add\" *ngIf=\"!assignWidgetModel.isLoading\" widget-icon (click)=\"onAddClick()\">\n    <symphony-icon [icon]=\"'si-edit'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <div widget-content *ngIf=\"!assignWidgetModel.isLoading\">\n    <symphony-widget-list-template\n      class=\"widget-list-container-wrap\"\n      *ngFor=\"let assignedItem of assignWidgetModel.assignWidgetList\"\n    >\n      <symphony-icon\n        [ngClass]=\"{ 'icon-yellow': assignedItem.isAssigned, 'icon-grey': !assignedItem.isAssigned }\"\n        widget-list-icon\n        [icon]=\"'si-assign-to-actions'\"\n      ></symphony-icon>\n      <symphony-paragraph\n        *ngIf=\"assignedItem.isAssigned\"\n        widget-list-content-title\n        class=\"sfx-font-bold\"\n        >{{ assignedItem.title }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        widget-list-content-detail\n        >{{ assignedItem.textContent\n        }}<span class=\"sfx-font-bold\"\n          >&nbsp;{{ assignedItem.date }}</span\n        ></symphony-paragraph\n      >\n    </symphony-widget-list-template>\n  </div>\n  <div widget-content *ngIf=\"assignWidgetModel.isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</symphony-widget-list-container-template>\n", styles: [".widget-list-container-wrap .icon-yellow{background:#EAE851;width:40px;display:block;height:40px;border-radius:50%;color:#334860}.widget-list-container-wrap .icon-grey{background:#F1F2F5;color:#c3cbdc;width:40px;display:block;height:40px;border-radius:50%}\n"], components: [{ type: i1.WidgetListContainerTemplateComponent, selector: "symphony-widget-list-container-template" }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.WidgetListTemplateComponent, selector: "symphony-widget-list-template" }, { type: i6.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i7.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+AssignedToWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AssignedToWidgetComponent, selector: "symphony-assigned-to-widget", inputs: { assignWidgetModel: "assignWidgetModel" }, outputs: { addClick: "addClick" }, ngImport: i0, template: "<symphony-widget-list-container-template *ngIf=\"assignWidgetModel\">\n  <symphony-h4 widget-title>{{\n    assignWidgetModel.title\n  }}</symphony-h4>\n  <symphony-icon-wrapper id=\"assignedTo-widget-add\" *ngIf=\"!assignWidgetModel.isLoading\" widget-icon (click)=\"onAddClick()\">\n    <symphony-icon [icon]=\"'si-edit'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <div widget-content *ngIf=\"!assignWidgetModel.isLoading\">\n    <symphony-widget-list-template\n      class=\"widget-list-container-wrap\"\n      *ngFor=\"let assignedItem of assignWidgetModel.assignWidgetList\"\n    >\n      <symphony-icon\n        [ngClass]=\"{ 'icon-yellow': assignedItem.isAssigned, 'icon-grey': !assignedItem.isAssigned }\"\n        widget-list-icon\n        [icon]=\"'si-assign-to-actions'\"\n      ></symphony-icon>\n      <symphony-paragraph\n        *ngIf=\"assignedItem.isAssigned\"\n        widget-list-content-title\n        class=\"sfx-font-bold\"\n        >{{ assignedItem.title }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        widget-list-content-detail\n        >{{ assignedItem.textContent\n        }}<span class=\"sfx-font-bold\"\n          >&nbsp;{{ assignedItem.date }}</span\n        ></symphony-paragraph\n      >\n    </symphony-widget-list-template>\n  </div>\n  <div widget-content *ngIf=\"assignWidgetModel.isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</symphony-widget-list-container-template>\n", styles: [".widget-list-container-wrap .icon-yellow{background:#EAE851;width:40px;display:block;height:40px;border-radius:50%;color:#334860}.widget-list-container-wrap .icon-grey{background:#F1F2F5;color:#c3cbdc;width:40px;display:block;height:40px;border-radius:50%}\n"], components: [{ type: i1.WidgetListContainerTemplateComponent, selector: "symphony-widget-list-container-template" }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.WidgetListTemplateComponent, selector: "symphony-widget-list-template" }, { type: i6.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i7.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignedToWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-assigned-to-widget', template: "<symphony-widget-list-container-template *ngIf=\"assignWidgetModel\">\n  <symphony-h4 widget-title>{{\n    assignWidgetModel.title\n  }}</symphony-h4>\n  <symphony-icon-wrapper id=\"assignedTo-widget-add\" *ngIf=\"!assignWidgetModel.isLoading\" widget-icon (click)=\"onAddClick()\">\n    <symphony-icon [icon]=\"'si-edit'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <div widget-content *ngIf=\"!assignWidgetModel.isLoading\">\n    <symphony-widget-list-template\n      class=\"widget-list-container-wrap\"\n      *ngFor=\"let assignedItem of assignWidgetModel.assignWidgetList\"\n    >\n      <symphony-icon\n        [ngClass]=\"{ 'icon-yellow': assignedItem.isAssigned, 'icon-grey': !assignedItem.isAssigned }\"\n        widget-list-icon\n        [icon]=\"'si-assign-to-actions'\"\n      ></symphony-icon>\n      <symphony-paragraph\n        *ngIf=\"assignedItem.isAssigned\"\n        widget-list-content-title\n        class=\"sfx-font-bold\"\n        >{{ assignedItem.title }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        widget-list-content-detail\n        >{{ assignedItem.textContent\n        }}<span class=\"sfx-font-bold\"\n          >&nbsp;{{ assignedItem.date }}</span\n        ></symphony-paragraph\n      >\n    </symphony-widget-list-template>\n  </div>\n  <div widget-content *ngIf=\"assignWidgetModel.isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</symphony-widget-list-container-template>\n", styles: [".widget-list-container-wrap .icon-yellow{background:#EAE851;width:40px;display:block;height:40px;border-radius:50%;color:#334860}.widget-list-container-wrap .icon-grey{background:#F1F2F5;color:#c3cbdc;width:40px;display:block;height:40px;border-radius:50%}\n"] }]

package/esm2020/lib/organisms/document-management-list/document-management-list.component.mjs

@@ -23,7 +23,7 @@ export class DocumentManagementListComponent {
     }
 }
 DocumentManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DocumentManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementListComponent, selector: "symphony-document-management-list", inputs: { isLoading: "isLoading", documentManagementList: "documentManagementList" }, outputs: { moreOptionClick: "moreOptionClick", previewClick: "previewClick", uploadClick: "uploadClick" }, ngImport: i0, template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n  <div class=\"dml-title-wrap\">\n    <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n    <symphony-icon-wrapper (click)=\"onUploadClick()\"\n    class=\"dml-title-icon-right\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  </div>\n  <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n    <li *ngFor=\"let dmItem of documentManagementList\">\n      <symphony-document-management-item\n        [documentManagementItemModel]=\"dmItem\"\n        (moreOptionClicked)=\"onMoreClick($event, dmItem)\"\n        (previewClicked)=\"onPreviewClick($event, dmItem)\"\n      ></symphony-document-management-item>\n    </li>\n  </ul>\n  <div *ngIf=\"isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</section>\n", styles: [".dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { 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.DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: ["documentManagementItemModel"], outputs: ["previewClicked", "moreOptionClicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+DocumentManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementListComponent, selector: "symphony-document-management-list", inputs: { isLoading: "isLoading", documentManagementList: "documentManagementList" }, outputs: { moreOptionClick: "moreOptionClick", previewClick: "previewClick", uploadClick: "uploadClick" }, ngImport: i0, template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n  <div class=\"dml-title-wrap\">\n    <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n    <symphony-icon-wrapper (click)=\"onUploadClick()\"\n    class=\"dml-title-icon-right\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  </div>\n  <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n    <li *ngFor=\"let dmItem of documentManagementList\">\n      <symphony-document-management-item\n        [documentManagementItemModel]=\"dmItem\"\n        (moreOptionClicked)=\"onMoreClick($event, dmItem)\"\n        (previewClicked)=\"onPreviewClick($event, dmItem)\"\n      ></symphony-document-management-item>\n    </li>\n  </ul>\n  <div *ngIf=\"isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</section>\n", styles: [".dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: ["documentManagementItemModel"], outputs: ["previewClicked", "moreOptionClicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-document-management-list', template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n  <div class=\"dml-title-wrap\">\n    <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n    <symphony-icon-wrapper (click)=\"onUploadClick()\"\n    class=\"dml-title-icon-right\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  </div>\n  <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n    <li *ngFor=\"let dmItem of documentManagementList\">\n      <symphony-document-management-item\n        [documentManagementItemModel]=\"dmItem\"\n        (moreOptionClicked)=\"onMoreClick($event, dmItem)\"\n        (previewClicked)=\"onPreviewClick($event, dmItem)\"\n      ></symphony-document-management-item>\n    </li>\n  </ul>\n  <div *ngIf=\"isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</section>\n", styles: [".dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"] }]