@symphony-talent/component-library 4.97.0 → 4.99.0

package/esm2020/lib/pages/modals/symphony-modal/symphony-modal.component.mjs

@@ -0,0 +1,34 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../templates/modal-templates/two-column-modal-template/two-column-modal-template.component";
+import * as i2 from "../../../atoms/h4/h4.component";
+import * as i3 from "../../../atoms/icon/icon.component";
+import * as i4 from "../../../atoms/sfx-loader/sfx-loader.component";
+import * as i5 from "../../../atoms/paragraph/paragraph.component";
+import * as i6 from "../../../atoms/button-v2/button.component";
+import * as i7 from "@angular/common";
+export class SymphonyModalComponent {
+    constructor() {
+        this.confirmClicked = new EventEmitter();
+        this.cancelClicked = new EventEmitter();
+    }
+    onConfirm() {
+        this.confirmClicked.emit();
+    }
+    onCancel() {
+        this.cancelClicked.emit();
+    }
+}
+SymphonyModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SymphonyModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SymphonyModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SymphonyModalComponent, selector: "symphony-modal", inputs: { model: "model" }, outputs: { confirmClicked: "confirmClicked", cancelClicked: "cancelClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>{{model.title}}</symphony-h4>\n  <symphony-icon sfx-close-button [icon]=\"'si-close-modal'\" (clicked)=\"onCancel()\"></symphony-icon>\n\n  <section *ngIf=\"model.isLoading\" class=\"loader-container\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </section>\n  <section *ngIf=\"!model.isLoading\" sfx-modal-body-area>\n    <section class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\" *ngIf=\"model.errorText\">\n      <symphony-paragraph>{{\n        model.errorText\n        }}</symphony-paragraph>\n    </section>\n\n    <ng-content *ngIf=\"!model.errorText\" ngProjectAs=\"[sfx-modal-body-area]\"\n      select=\"[sfx-modal-body-area]\"></ng-content>\n  </section>\n\n  <symphony-button-v2 sfx-button-secondary id=\"button-modal-cancel\" class=\"pull-right sfx-d-flex\"\n    [text]=\"model.cancelButtonText\" [isSecondary]=\"true\" (clicked)=\"onCancel()\"></symphony-button-v2>\n  <symphony-button-v2 sfx-button-primary id=\"button-modal-schedule\" class=\"pull-right sfx-d-flex\"\n    [text]=\"model.confirmButtonText\" [disabled]=\"model.confirmButtonDisabled\"\n    (clicked)=\"onConfirm()\"></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [".loader-container{padding:20px;height:300px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i5.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SymphonyModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-modal', template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>{{model.title}}</symphony-h4>\n  <symphony-icon sfx-close-button [icon]=\"'si-close-modal'\" (clicked)=\"onCancel()\"></symphony-icon>\n\n  <section *ngIf=\"model.isLoading\" class=\"loader-container\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </section>\n  <section *ngIf=\"!model.isLoading\" sfx-modal-body-area>\n    <section class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\" *ngIf=\"model.errorText\">\n      <symphony-paragraph>{{\n        model.errorText\n        }}</symphony-paragraph>\n    </section>\n\n    <ng-content *ngIf=\"!model.errorText\" ngProjectAs=\"[sfx-modal-body-area]\"\n      select=\"[sfx-modal-body-area]\"></ng-content>\n  </section>\n\n  <symphony-button-v2 sfx-button-secondary id=\"button-modal-cancel\" class=\"pull-right sfx-d-flex\"\n    [text]=\"model.cancelButtonText\" [isSecondary]=\"true\" (clicked)=\"onCancel()\"></symphony-button-v2>\n  <symphony-button-v2 sfx-button-primary id=\"button-modal-schedule\" class=\"pull-right sfx-d-flex\"\n    [text]=\"model.confirmButtonText\" [disabled]=\"model.confirmButtonDisabled\"\n    (clicked)=\"onConfirm()\"></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [".loader-container{padding:20px;height:300px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }], confirmClicked: [{
+                type: Output
+            }], cancelClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ltcGhvbnktbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvc3ltcGhvbnktbW9kYWwvc3ltcGhvbnktbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvc3ltcGhvbnktbW9kYWwvc3ltcGhvbnktbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBUXZFLE1BQU0sT0FBTyxzQkFBc0I7SUFNakM7UUFIVSxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDMUMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRW5DLENBQUM7SUFFakIsU0FBUztRQUNQLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7O21IQWJVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLGlLQ1JuQyw2eUNBeUJxQzsyRkRqQnhCLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxnQkFBZ0I7MEVBS2pCLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ltcGhvbnlNb2RhbE1vZGVsIH0gZnJvbSAnLi9zeW1waG9ueS1tb2RhbC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N5bXBob255LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3ltcGhvbnktbW9kYWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTeW1waG9ueU1vZGFsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IFN5bXBob255TW9kYWxNb2RlbDtcbiAgXG4gIEBPdXRwdXQoKSBjb25maXJtQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGNhbmNlbENsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBvbkNvbmZpcm0oKSB7XG4gICAgdGhpcy5jb25maXJtQ2xpY2tlZC5lbWl0KCk7XG4gIH1cbiAgb25DYW5jZWwoKSB7XG4gICAgdGhpcy5jYW5jZWxDbGlja2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiPHN5bXBob255LXR3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUgW2hpZGVTdWJ0aXRsZV09XCJ0cnVlXCI+XG4gIDxzeW1waG9ueS1oNCBzZngtbW9kYWwtdGl0bGU+e3ttb2RlbC50aXRsZX19PC9zeW1waG9ueS1oND5cbiAgPHN5bXBob255LWljb24gc2Z4LWNsb3NlLWJ1dHRvbiBbaWNvbl09XCInc2ktY2xvc2UtbW9kYWwnXCIgKGNsaWNrZWQpPVwib25DYW5jZWwoKVwiPjwvc3ltcGhvbnktaWNvbj5cblxuICA8c2VjdGlvbiAqbmdJZj1cIm1vZGVsLmlzTG9hZGluZ1wiIGNsYXNzPVwibG9hZGVyLWNvbnRhaW5lclwiIHNmeC1tb2RhbC1ib2R5LWFyZWE+XG4gICAgPGRpdiBjbGFzcz1cImxvYWRlci1wb3NpdGlvblwiPlxuICAgICAgPHN5bXBob255LXNmeC1sb2FkZXI+PC9zeW1waG9ueS1zZngtbG9hZGVyPlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uICpuZ0lmPVwiIW1vZGVsLmlzTG9hZGluZ1wiIHNmeC1tb2RhbC1ib2R5LWFyZWE+XG4gICAgPHNlY3Rpb24gY2xhc3M9XCJzZngtcHQtNDAgc2Z4LXBiLTQwIHNmeC10eHQtY2VudGVyXCIgKm5nSWY9XCJtb2RlbC5lcnJvclRleHRcIj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGg+e3tcbiAgICAgICAgbW9kZWwuZXJyb3JUZXh0XG4gICAgICAgIH19PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9zZWN0aW9uPlxuXG4gICAgPG5nLWNvbnRlbnQgKm5nSWY9XCIhbW9kZWwuZXJyb3JUZXh0XCIgbmdQcm9qZWN0QXM9XCJbc2Z4LW1vZGFsLWJvZHktYXJlYV1cIlxuICAgICAgc2VsZWN0PVwiW3NmeC1tb2RhbC1ib2R5LWFyZWFdXCI+PC9uZy1jb250ZW50PlxuICA8L3NlY3Rpb24+XG5cbiAgPHN5bXBob255LWJ1dHRvbi12MiBzZngtYnV0dG9uLXNlY29uZGFyeSBpZD1cImJ1dHRvbi1tb2RhbC1jYW5jZWxcIiBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LWQtZmxleFwiXG4gICAgW3RleHRdPVwibW9kZWwuY2FuY2VsQnV0dG9uVGV4dFwiIFtpc1NlY29uZGFyeV09XCJ0cnVlXCIgKGNsaWNrZWQpPVwib25DYW5jZWwoKVwiPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICA8c3ltcGhvbnktYnV0dG9uLXYyIHNmeC1idXR0b24tcHJpbWFyeSBpZD1cImJ1dHRvbi1tb2RhbC1zY2hlZHVsZVwiIGNsYXNzPVwicHVsbC1yaWdodCBzZngtZC1mbGV4XCJcbiAgICBbdGV4dF09XCJtb2RlbC5jb25maXJtQnV0dG9uVGV4dFwiIFtkaXNhYmxlZF09XCJtb2RlbC5jb25maXJtQnV0dG9uRGlzYWJsZWRcIlxuICAgIChjbGlja2VkKT1cIm9uQ29uZmlybSgpXCI+PC9zeW1waG9ueS1idXR0b24tdjI+XG48L3N5bXBob255LXR3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGU+Il19

package/esm2020/lib/pages/modals/symphony-modal/symphony-modal.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ltcGhvbnktbW9kYWwubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL21vZGFscy9zeW1waG9ueS1tb2RhbC9zeW1waG9ueS1tb2RhbC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBTeW1waG9ueU1vZGFsTW9kZWwge1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgaXNMb2FkaW5nPzogYm9vbGVhbjtcbiAgICBlcnJvclRleHQ/OiBzdHJpbmc7XG4gICAgY29uZmlybUJ1dHRvblRleHQ/OiBzdHJpbmc7XG4gICAgY29uZmlybUJ1dHRvbkRpc2FibGVkPzogYm9vbGVhbjtcbiAgICBjYW5jZWxCdXR0b25UZXh0Pzogc3RyaW5nO1xufSJdfQ==

package/esm2020/lib/pages/modals/symphony-modal/symphony-modal.module.mjs

@@ -0,0 +1,50 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SymphonyModalComponent } from './symphony-modal.component';
+import { TwoColumnModalModule } from '../../../templates/modal-templates/two-column-modal-template/two-column-modal-template.module';
+import { IconModule } from '../../../atoms/icon/icon.module';
+import { H4Module } from '../../../atoms/h4/h4.module';
+import { PlaceholderModule } from '../../../templates/placeholder/placeholder.module';
+import { ButtonV2Module } from '../../../atoms/button-v2/button.module';
+import { ParagraphModule } from '../../../atoms/paragraph/paragraph.module';
+import { SfxLoaderModule } from '../../../atoms/sfx-loader/sfx-loader.module';
+import * as i0 from "@angular/core";
+export class SymphonyModalModule {
+}
+SymphonyModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SymphonyModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SymphonyModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SymphonyModalModule, declarations: [SymphonyModalComponent], imports: [CommonModule,
+        TwoColumnModalModule,
+        IconModule,
+        H4Module,
+        PlaceholderModule,
+        ButtonV2Module,
+        ParagraphModule,
+        SfxLoaderModule], exports: [SymphonyModalComponent] });
+SymphonyModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SymphonyModalModule, imports: [[
+            CommonModule,
+            TwoColumnModalModule,
+            IconModule,
+            H4Module,
+            PlaceholderModule,
+            ButtonV2Module,
+            ParagraphModule,
+            SfxLoaderModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SymphonyModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SymphonyModalComponent],
+                    imports: [
+                        CommonModule,
+                        TwoColumnModalModule,
+                        IconModule,
+                        H4Module,
+                        PlaceholderModule,
+                        ButtonV2Module,
+                        ParagraphModule,
+                        SfxLoaderModule
+                    ],
+                    exports: [SymphonyModalComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ltcGhvbnktbW9kYWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvc3ltcGhvbnktbW9kYWwvc3ltcGhvbnktbW9kYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLCtGQUErRixDQUFDO0FBQ3JJLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM3RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDdEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNkNBQTZDLENBQUM7O0FBZ0I5RSxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO2lIQUFuQixtQkFBbUIsaUJBYmYsc0JBQXNCLGFBRW5DLFlBQVk7UUFDWixvQkFBb0I7UUFDcEIsVUFBVTtRQUNWLFFBQVE7UUFDUixpQkFBaUI7UUFDakIsY0FBYztRQUNkLGVBQWU7UUFDZixlQUFlLGFBRVAsc0JBQXNCO2lIQUVyQixtQkFBbUIsWUFackI7WUFDUCxZQUFZO1lBQ1osb0JBQW9CO1lBQ3BCLFVBQVU7WUFDVixRQUFRO1lBQ1IsaUJBQWlCO1lBQ2pCLGNBQWM7WUFDZCxlQUFlO1lBQ2YsZUFBZTtTQUNoQjsyRkFHVSxtQkFBbUI7a0JBZC9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ3RDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFDcEIsVUFBVTt3QkFDVixRQUFRO3dCQUNSLGlCQUFpQjt3QkFDakIsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3ltcGhvbnlNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vc3ltcGhvbnktbW9kYWwuY29tcG9uZW50JztcbmltcG9ydCB7IFR3b0NvbHVtbk1vZGFsTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUubW9kdWxlJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9hdG9tcy9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEg0TW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvaDQvaDQubW9kdWxlJztcbmltcG9ydCB7IFBsYWNlaG9sZGVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vdGVtcGxhdGVzL3BsYWNlaG9sZGVyL3BsYWNlaG9sZGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBCdXR0b25WMk1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2F0b21zL2J1dHRvbi12Mi9idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IFBhcmFncmFwaE1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2F0b21zL3BhcmFncmFwaC9wYXJhZ3JhcGgubW9kdWxlJztcbmltcG9ydCB7IFNmeExvYWRlck1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2F0b21zL3NmeC1sb2FkZXIvc2Z4LWxvYWRlci5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTeW1waG9ueU1vZGFsQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBUd29Db2x1bW5Nb2RhbE1vZHVsZSxcbiAgICBJY29uTW9kdWxlLFxuICAgIEg0TW9kdWxlLFxuICAgIFBsYWNlaG9sZGVyTW9kdWxlLFxuICAgIEJ1dHRvblYyTW9kdWxlLFxuICAgIFBhcmFncmFwaE1vZHVsZSxcbiAgICBTZnhMb2FkZXJNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1N5bXBob255TW9kYWxDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTeW1waG9ueU1vZGFsTW9kdWxlIHsgfVxuIl19

package/esm2020/projects/component-library/lib/atoms/grid/framework/advertised-jobs-cost/advertised-jobs-cost.component.mjs

@@ -14,7 +14,7 @@ export class AdvertisedJobsCostComponent {
     }
 }
 AdvertisedJobsCostComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobsCostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdvertisedJobsCostComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobsCostComponent, selector: "symphony-advertised-jobs-cost", ngImport: i0, template: "<div class=\"advertised-jobs-cost\">\n  {{ params.value }}\n  <div class=\"tooltip-grey sfx-d-inline-block sfx-ml-5\" *ngIf=\"costData <= 0\">\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'No charge: job already advertised on this job board.'\"\n    >\n      <symphony-icon [icon]=\"'si-info'\"></symphony-icon>\n    </symphony-tooltip-wrapper>\n  </div>\n</div>\n", styles: [".tooltip-grey{vertical-align:middle}.tooltip-grey .tooltip{min-width:160px}.tooltip-grey .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.tooltip-grey .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.right{left:5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}.ag-center-cols-clipper .ag-row{z-index:1}.ag-center-cols-clipper .ag-row .ag-cell.col-hasToolTip{padding-right:25px;overflow:visible}.ag-center-cols-clipper .ag-row .ag-cell.col-hasToolTip button.sfx-grid-btn-icon{position:absolute;right:0;width:20px;height:20px;padding:0;line-height:20px;top:29px}.ag-center-cols-clipper .ag-row.ag-row-hover{z-index:2}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+AdvertisedJobsCostComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobsCostComponent, selector: "symphony-advertised-jobs-cost", ngImport: i0, template: "<div class=\"advertised-jobs-cost\">\n  {{ params.value }}\n  <div class=\"tooltip-grey sfx-d-inline-block sfx-ml-5\" *ngIf=\"costData <= 0\">\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'No charge: job already advertised on this job board.'\"\n    >\n      <symphony-icon [icon]=\"'si-info'\"></symphony-icon>\n    </symphony-tooltip-wrapper>\n  </div>\n</div>\n", styles: [".tooltip-grey{vertical-align:middle}.tooltip-grey .tooltip{min-width:160px}.tooltip-grey .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.tooltip-grey .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.right{left:5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}.ag-center-cols-clipper .ag-row{z-index:1}.ag-center-cols-clipper .ag-row .ag-cell.col-hasToolTip{padding-right:25px;overflow:visible}.ag-center-cols-clipper .ag-row .ag-cell.col-hasToolTip button.sfx-grid-btn-icon{position:absolute;right:0;width:20px;height:20px;padding:0;line-height:20px;top:29px}.ag-center-cols-clipper .ag-row.ag-row-hover{z-index:2}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobsCostComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-advertised-jobs-cost', encapsulation: ViewEncapsulation.None, template: "<div class=\"advertised-jobs-cost\">\n  {{ params.value }}\n  <div class=\"tooltip-grey sfx-d-inline-block sfx-ml-5\" *ngIf=\"costData <= 0\">\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'No charge: job already advertised on this job board.'\"\n    >\n      <symphony-icon [icon]=\"'si-info'\"></symphony-icon>\n    </symphony-tooltip-wrapper>\n  </div>\n</div>\n", styles: [".tooltip-grey{vertical-align:middle}.tooltip-grey .tooltip{min-width:160px}.tooltip-grey .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.tooltip-grey .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.right{left:5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}.ag-center-cols-clipper .ag-row{z-index:1}.ag-center-cols-clipper .ag-row .ag-cell.col-hasToolTip{padding-right:25px;overflow:visible}.ag-center-cols-clipper .ag-row .ag-cell.col-hasToolTip button.sfx-grid-btn-icon{position:absolute;right:0;width:20px;height:20px;padding:0;line-height:20px;top:29px}.ag-center-cols-clipper .ag-row.ag-row-hover{z-index:2}\n"] }]

package/esm2020/projects/component-library/lib/atoms/navigation-link/navigation-link.component.mjs

@@ -12,7 +12,7 @@ export class NavigationLinkComponent {
     }
 }
 NavigationLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NavigationLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkComponent, selector: "symphony-navigation-link", inputs: { navigationLinkModel: "navigationLinkModel", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<symphony-tooltip-wrapper\n  *ngIf=\"!isMenuOpen\"\n  [placement]=\"'right'\"\n  [tooltipHtml]=\"navigationLinkModel.linkText\"\n  [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n  <div class=\"nav-link\">\n    <a\n      [href]=\"navigationLinkModel.href\"\n      [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n      (click)=\"onClick()\"\n      ><symphony-icon\n        [icon]=\"navigationLinkModel.iconClass\"\n        [size]=\"'24px'\"\n      ></symphony-icon>\n      <span>{{ navigationLinkModel.linkText }}</span>\n    </a>\n  </div>\n</symphony-tooltip-wrapper>\n\n<div\n  class=\"nav-link\"\n  *ngIf=\"isMenuOpen\"\n  [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n  <a\n    [href]=\"navigationLinkModel.href\"\n    [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n    (click)=\"onClick()\"\n    ><symphony-icon\n      [icon]=\"navigationLinkModel.iconClass\"\n      [size]=\"'24px'\"\n    ></symphony-icon>\n    <span>{{ navigationLinkModel.linkText }}</span>\n  </a>\n</div>\n", styles: [".nav-link a{color:#000;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.nav-link a i{display:inline-block;vertical-align:middle}.nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.nav-link a.sfx-menu-active{color:#eb0d8b;border-left:5px solid #eb0d8b}symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.sfx-menu-open.nav-link{width:280px}.sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.sfx-menu-open a:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}.sfx-menu-open a.sfx-menu-active{background:#eb0d8b;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+NavigationLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkComponent, selector: "symphony-navigation-link", inputs: { navigationLinkModel: "navigationLinkModel", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<symphony-tooltip-wrapper\n  *ngIf=\"!isMenuOpen\"\n  [placement]=\"'right'\"\n  [tooltipHtml]=\"navigationLinkModel.linkText\"\n  [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n  <div class=\"nav-link\">\n    <a\n      [href]=\"navigationLinkModel.href\"\n      [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n      (click)=\"onClick()\"\n      ><symphony-icon\n        [icon]=\"navigationLinkModel.iconClass\"\n        [size]=\"'24px'\"\n      ></symphony-icon>\n      <span>{{ navigationLinkModel.linkText }}</span>\n    </a>\n  </div>\n</symphony-tooltip-wrapper>\n\n<div\n  class=\"nav-link\"\n  *ngIf=\"isMenuOpen\"\n  [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n  <a\n    [href]=\"navigationLinkModel.href\"\n    [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n    (click)=\"onClick()\"\n    ><symphony-icon\n      [icon]=\"navigationLinkModel.iconClass\"\n      [size]=\"'24px'\"\n    ></symphony-icon>\n    <span>{{ navigationLinkModel.linkText }}</span>\n  </a>\n</div>\n", styles: [".nav-link a{color:#000;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.nav-link a i{display:inline-block;vertical-align:middle}.nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.nav-link a.sfx-menu-active{color:#eb0d8b;border-left:5px solid #eb0d8b}symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.sfx-menu-open.nav-link{width:280px}.sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.sfx-menu-open a:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}.sfx-menu-open a.sfx-menu-active{background:#eb0d8b;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-navigation-link', template: "<symphony-tooltip-wrapper\n  *ngIf=\"!isMenuOpen\"\n  [placement]=\"'right'\"\n  [tooltipHtml]=\"navigationLinkModel.linkText\"\n  [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n  <div class=\"nav-link\">\n    <a\n      [href]=\"navigationLinkModel.href\"\n      [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n      (click)=\"onClick()\"\n      ><symphony-icon\n        [icon]=\"navigationLinkModel.iconClass\"\n        [size]=\"'24px'\"\n      ></symphony-icon>\n      <span>{{ navigationLinkModel.linkText }}</span>\n    </a>\n  </div>\n</symphony-tooltip-wrapper>\n\n<div\n  class=\"nav-link\"\n  *ngIf=\"isMenuOpen\"\n  [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n>\n  <a\n    [href]=\"navigationLinkModel.href\"\n    [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n    (click)=\"onClick()\"\n    ><symphony-icon\n      [icon]=\"navigationLinkModel.iconClass\"\n      [size]=\"'24px'\"\n    ></symphony-icon>\n    <span>{{ navigationLinkModel.linkText }}</span>\n  </a>\n</div>\n", styles: [".nav-link a{color:#000;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.nav-link a i{display:inline-block;vertical-align:middle}.nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.nav-link a.sfx-menu-active{color:#eb0d8b;border-left:5px solid #eb0d8b}symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.sfx-menu-open.nav-link{width:280px}.sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.sfx-menu-open a:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}.sfx-menu-open a.sfx-menu-active{background:#eb0d8b;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"] }]

package/esm2020/projects/component-library/lib/atoms/navigation-link-v2/navigation-link.component.mjs

@@ -11,7 +11,7 @@ export class NavigationLinkV2Component extends NavigationLinkComponent {
     }
 }
 NavigationLinkV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NavigationLinkV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkV2Component, selector: "symphony-navigation-link-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n  <symphony-tooltip-wrapper\n    *ngIf=\"!isMenuOpen\"\n    [placement]=\"'right'\"\n    [tooltipHtml]=\"navigationLinkModel.linkText\"\n    [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n  >\n    <div class=\"nav-link\">\n      <a\n        [href]=\"navigationLinkModel.href\"\n        id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n        [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n        (click)=\"onClick()\"\n        ><symphony-icon\n          [icon]=\"navigationLinkModel.iconClass\"\n          [size]=\"'24px'\"\n        ></symphony-icon>\n        <span>{{ navigationLinkModel.linkText }}</span>\n      </a>\n    </div>\n  </symphony-tooltip-wrapper>\n\n  <div\n    class=\"nav-link\"\n    *ngIf=\"isMenuOpen\"\n    [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n  >\n    <a\n      id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n      [href]=\"navigationLinkModel.href\"\n      [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n      (click)=\"onClick()\"\n      ><symphony-icon\n        [icon]=\"navigationLinkModel.iconClass\"\n        [size]=\"'24px'\"\n      ></symphony-icon>\n      <span>{{ navigationLinkModel.linkText }}</span>\n    </a>\n  </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "trimId": i4.TrimIdPipe } });
+NavigationLinkV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkV2Component, selector: "symphony-navigation-link-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n  <symphony-tooltip-wrapper\n    *ngIf=\"!isMenuOpen\"\n    [placement]=\"'right'\"\n    [tooltipHtml]=\"navigationLinkModel.linkText\"\n    [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n  >\n    <div class=\"nav-link\">\n      <a\n        [href]=\"navigationLinkModel.href\"\n        id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n        [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n        (click)=\"onClick()\"\n        ><symphony-icon\n          [icon]=\"navigationLinkModel.iconClass\"\n          [size]=\"'24px'\"\n        ></symphony-icon>\n        <span>{{ navigationLinkModel.linkText }}</span>\n      </a>\n    </div>\n  </symphony-tooltip-wrapper>\n\n  <div\n    class=\"nav-link\"\n    *ngIf=\"isMenuOpen\"\n    [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n  >\n    <a\n      id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n      [href]=\"navigationLinkModel.href\"\n      [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n      (click)=\"onClick()\"\n      ><symphony-icon\n        [icon]=\"navigationLinkModel.iconClass\"\n        [size]=\"'24px'\"\n      ></symphony-icon>\n      <span>{{ navigationLinkModel.linkText }}</span>\n    </a>\n  </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "trimId": i4.TrimIdPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Component, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-navigation-link-v2', template: "<div class=\"v2\">\n  <symphony-tooltip-wrapper\n    *ngIf=\"!isMenuOpen\"\n    [placement]=\"'right'\"\n    [tooltipHtml]=\"navigationLinkModel.linkText\"\n    [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n  >\n    <div class=\"nav-link\">\n      <a\n        [href]=\"navigationLinkModel.href\"\n        id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n        [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n        (click)=\"onClick()\"\n        ><symphony-icon\n          [icon]=\"navigationLinkModel.iconClass\"\n          [size]=\"'24px'\"\n        ></symphony-icon>\n        <span>{{ navigationLinkModel.linkText }}</span>\n      </a>\n    </div>\n  </symphony-tooltip-wrapper>\n\n  <div\n    class=\"nav-link\"\n    *ngIf=\"isMenuOpen\"\n    [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n  >\n    <a\n      id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n      [href]=\"navigationLinkModel.href\"\n      [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n      (click)=\"onClick()\"\n      ><symphony-icon\n        [icon]=\"navigationLinkModel.iconClass\"\n        [size]=\"'24px'\"\n      ></symphony-icon>\n      <span>{{ navigationLinkModel.linkText }}</span>\n    </a>\n  </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"] }]

package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs

@@ -5,13 +5,15 @@ export class TooltipWrapperComponent {
     constructor() { }
 }
 TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n  ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n  class=\"sfx-d-inline-block\"\n  [tooltip]=\"popTemplate\"\n  placement=\"{{ placement }}\"\n  containerClass=\"sfx-info-tooltip item-tooltip\"\n  [adaptivePosition]=\"false\"\n>\n  <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
+TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml", toolTipClass: "toolTipClass" }, ngImport: i0, template: "<ng-template #popTemplate\n  ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n  class=\"sfx-d-inline-block\"\n  [tooltip]=\"popTemplate\"\n  placement=\"{{ placement }}\"\n  containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n  [adaptivePosition]=\"false\"\n>\n  <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px;box-shadow:none!important;background-color:#334860;color:#fff;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n  ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n  class=\"sfx-d-inline-block\"\n  [tooltip]=\"popTemplate\"\n  placement=\"{{ placement }}\"\n  containerClass=\"sfx-info-tooltip item-tooltip\"\n  [adaptivePosition]=\"false\"\n>\n  <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
+            args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n  ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n  class=\"sfx-d-inline-block\"\n  [tooltip]=\"popTemplate\"\n  placement=\"{{ placement }}\"\n  containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n  [adaptivePosition]=\"false\"\n>\n  <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px;box-shadow:none!important;background-color:#334860;color:#fff;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { placement: [{
                 type: Input
             }], tooltipHtml: [{
                 type: Input
+            }], toolTipClass: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvdG9vbHRpcC13cmFwcGVyL3Rvb2x0aXAtd3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL3Rvb2x0aXAtd3JhcHBlci90b29sdGlwLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVFwRSxNQUFNLE9BQU8sdUJBQXVCO0lBSWxDLGdCQUFlLENBQUM7O29IQUpMLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLGdJQ1JwQyxzVkFZQTsyRkRKYSx1QkFBdUI7a0JBTm5DLFNBQVM7K0JBQ0UsMEJBQTBCLGlCQUdyQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS10b29sdGlwLXdyYXBwZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vdG9vbHRpcC13cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdG9vbHRpcC13cmFwcGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBXcmFwcGVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcGxhY2VtZW50OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRvb2x0aXBIdG1sOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPG5nLXRlbXBsYXRlICNwb3BUZW1wbGF0ZVxuICA+PGRpdiBzdHlsZT1cInRleHQtYWxpZ246IGxlZnRcIiBbaW5uZXJIdG1sXT1cInRvb2x0aXBIdG1sXCI+PC9kaXZcbj48L25nLXRlbXBsYXRlPlxuPHNwYW5cbiAgY2xhc3M9XCJzZngtZC1pbmxpbmUtYmxvY2tcIlxuICBbdG9vbHRpcF09XCJwb3BUZW1wbGF0ZVwiXG4gIHBsYWNlbWVudD1cInt7IHBsYWNlbWVudCB9fVwiXG4gIGNvbnRhaW5lckNsYXNzPVwic2Z4LWluZm8tdG9vbHRpcCBpdGVtLXRvb2x0aXBcIlxuICBbYWRhcHRpdmVQb3NpdGlvbl09XCJmYWxzZVwiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Bhbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvdG9vbHRpcC13cmFwcGVyL3Rvb2x0aXAtd3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL3Rvb2x0aXAtd3JhcHBlci90b29sdGlwLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVFwRSxNQUFNLE9BQU8sdUJBQXVCO0lBS2xDLGdCQUFlLENBQUM7O29IQUxMLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLDhKQ1JwQyx5V0FZQTsyRkRKYSx1QkFBdUI7a0JBTm5DLFNBQVM7K0JBQ0UsMEJBQTBCLGlCQUdyQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXRvb2x0aXAtd3JhcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sdGlwLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90b29sdGlwLXdyYXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgVG9vbHRpcFdyYXBwZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBwbGFjZW1lbnQ6IHN0cmluZztcbiAgQElucHV0KCkgdG9vbHRpcEh0bWw6IHN0cmluZztcbiAgQElucHV0KCkgdG9vbFRpcENsYXNzPzogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxuZy10ZW1wbGF0ZSAjcG9wVGVtcGxhdGVcbiAgPjxkaXYgc3R5bGU9XCJ0ZXh0LWFsaWduOiBsZWZ0XCIgW2lubmVySHRtbF09XCJ0b29sdGlwSHRtbFwiPjwvZGl2XG4+PC9uZy10ZW1wbGF0ZT5cbjxzcGFuXG4gIGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrXCJcbiAgW3Rvb2x0aXBdPVwicG9wVGVtcGxhdGVcIlxuICBwbGFjZW1lbnQ9XCJ7eyBwbGFjZW1lbnQgfX1cIlxuICBjb250YWluZXJDbGFzcz1cInNmeC1pbmZvLXRvb2x0aXAgaXRlbS10b29sdGlwIHt7IHRvb2xUaXBDbGFzcyB9fVwiXG4gIFthZGFwdGl2ZVBvc2l0aW9uXT1cImZhbHNlXCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9zcGFuPlxuIl19

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

@@ -0,0 +1,46 @@
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../atoms/tooltip-wrapper/tooltip-wrapper.component";
+import * as i2 from "../../atoms/icon-wrapper/icon-wrapper.component";
+import * as i3 from "../../atoms/icon/icon.component";
+import * as i4 from "../../atoms/contextual-menu/contextual-menu.component";
+import * as i5 from "ngx-bootstrap/tabs";
+import * as i6 from "../../atoms/button-v2/button.component";
+import * as i7 from "@angular/common";
+export class FilterTabsComponent {
+    constructor() {
+        this.moreOptionClick = new EventEmitter();
+        this.loadSearchClick = new EventEmitter();
+        this.clearSearchClick = new EventEmitter();
+        this.buttonClicked = new EventEmitter();
+    }
+    onItemClick(item) {
+        this.moreOptionClick.emit(item);
+    }
+    onLoadSearchClick() {
+        this.loadSearchClick.emit();
+    }
+    onClearSearchClick() {
+        this.clearSearchClick.emit();
+    }
+    onButtonClick(text) {
+        this.buttonClicked.emit(text);
+    }
+}
+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" }, ngImport: i0, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n  <div class=\"tab-filter-actions\">\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Last Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showLoadLastSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"rotateY sfx-d-flex filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        (click)=\"onLoadSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-refresh'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Clear Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showClearSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        (click)=\"onClearSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-search-clear'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n\n    <symphony-contextual-menu\n      class=\"filter-action-icon\"\n      [model]=\"filterTabs.moreActionsMenu\"\n      (itemClick)=\"onItemClick($event)\"\n      *ngIf=\"filterTabs.showMoreOptions\"\n    >\n    </symphony-contextual-menu>\n  </div>\n  <tabset>\n    <tab [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n      ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n    ></tab>\n    <tab [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n      ><div>\n        <ng-content select=\"[advanced-search-content]\"></ng-content>\n        <symphony-button-v2\n          *ngIf=\"filterTabs.showSeeResultsBtn\"\n          sfx-button-primary\n          id=\"button-see-result\"\n          class=\"sfx-d-flex justify-flex-end sfx-mt-20\"\n          text=\"SEE RESULTS\"\n          [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2></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}\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 });
+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>\n    <tab [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n      ><div><ng-content select=\"[basic-search-content]\"></ng-content></div\n    ></tab>\n    <tab [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n      ><div>\n        <ng-content select=\"[advanced-search-content]\"></ng-content>\n        <symphony-button-v2\n          *ngIf=\"filterTabs.showSeeResultsBtn\"\n          sfx-button-primary\n          id=\"button-see-result\"\n          class=\"sfx-d-flex justify-flex-end sfx-mt-20\"\n          text=\"SEE RESULTS\"\n          [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2></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}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { filterTabs: [{
+                type: Input
+            }], moreOptionClick: [{
+                type: Output
+            }], loadSearchClick: [{
+                type: Output
+            }], clearSearchClick: [{
+                type: Output
+            }], buttonClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQVN2QixNQUFNLE9BQU8sbUJBQW1CO0lBUTlCO1FBTFUsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzdDLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMzQyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzVDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV0QyxDQUFDO0lBRWhCLFdBQVcsQ0FBQyxJQUFZO1FBQ3RCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxhQUFhLENBQUMsSUFBWTtRQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDOztnSEF4QlUsbUJBQW1CO29HQUFuQixtQkFBbUIsNlBDZmhDLGcxRUFxRUE7MkZEdERhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxzQkFBc0IsaUJBR2pCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpbHRlclRhYnNNb2RlbCB9IGZyb20gJy4vZmlsdGVyLXRhYnMubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1maWx0ZXItdGFicycsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItdGFicy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbHRlci10YWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEZpbHRlclRhYnNDb21wb25lbnQge1xuICBASW5wdXQoKSBmaWx0ZXJUYWJzOiBGaWx0ZXJUYWJzTW9kZWw7XG5cbiAgQE91dHB1dCgpIG1vcmVPcHRpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgbG9hZFNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgY2xlYXJTZWFyY2hDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25JdGVtQ2xpY2soaXRlbTogc3RyaW5nKSB7XG4gICAgdGhpcy5tb3JlT3B0aW9uQ2xpY2suZW1pdChpdGVtKTtcbiAgfVxuXG4gIG9uTG9hZFNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMubG9hZFNlYXJjaENsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIG9uQ2xlYXJTZWFyY2hDbGljaygpIHtcbiAgICB0aGlzLmNsZWFyU2VhcmNoQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgb25CdXR0b25DbGljayh0ZXh0OiBzdHJpbmcpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrZWQuZW1pdCh0ZXh0KTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gKm5nSWY9XCJmaWx0ZXJUYWJzXCIgY2xhc3M9XCJzZngtdGFiLXdyYXBwZXIgc2Z4LWZpbHRlci10YWItd3JhcFwiPlxuICA8ZGl2IGNsYXNzPVwidGFiLWZpbHRlci1hY3Rpb25zXCI+XG4gICAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gICAgICBbdG9vbHRpcEh0bWxdPVwiJ0xhc3QgU2VhcmNoJ1wiXG4gICAgICBbdG9vbFRpcENsYXNzXT1cIid0b29sVGlwVjInXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93TG9hZExhc3RTZWFyY2hcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXJcbiAgICAgICAgY2xhc3M9XCJyb3RhdGVZIHNmeC1kLWZsZXggZmlsdGVyLWFjdGlvbi1pY29uXCJcbiAgICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgICAgW2JhY2tncm91bmRDb2xvcl09XCInI2ZmZmZmZidcIlxuICAgICAgICAoY2xpY2spPVwib25Mb2FkU2VhcmNoQ2xpY2soKVwiXG4gICAgICA+XG4gICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgW2ljb25dPVwiJ3NpLXJlZnJlc2gnXCJcbiAgICAgICAgICBbaWNvbkNvbG9yXT1cIicjMzM0ODYwJ1wiXG4gICAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgICA8L3N5bXBob255LXRvb2x0aXAtd3JhcHBlcj5cblxuICAgIDxzeW1waG9ueS10b29sdGlwLXdyYXBwZXJcbiAgICAgIFtwbGFjZW1lbnRdPVwiJ3RvcCdcIlxuICAgICAgW3Rvb2x0aXBIdG1sXT1cIidDbGVhciBTZWFyY2gnXCJcbiAgICAgIFt0b29sVGlwQ2xhc3NdPVwiJ3Rvb2xUaXBWMidcIlxuICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dDbGVhclNlYXJjaFwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgICBjbGFzcz1cImZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICAgIFtpc0ludmVyc2VdPVwidHJ1ZVwiXG4gICAgICAgIFtoYXNIb3ZlcldpdGhvdXRCb3JkZXJdPVwidHJ1ZVwiXG4gICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiJyNmZmZmZmYnXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xlYXJTZWFyY2hDbGljaygpXCJcbiAgICAgID5cbiAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICBbaWNvbl09XCInc2ktc2VhcmNoLWNsZWFyJ1wiXG4gICAgICAgICAgW2ljb25Db2xvcl09XCInIzMzNDg2MCdcIlxuICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG5cbiAgICA8c3ltcGhvbnktY29udGV4dHVhbC1tZW51XG4gICAgICBjbGFzcz1cImZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICBbbW9kZWxdPVwiZmlsdGVyVGFicy5tb3JlQWN0aW9uc01lbnVcIlxuICAgICAgKGl0ZW1DbGljayk9XCJvbkl0ZW1DbGljaygkZXZlbnQpXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93TW9yZU9wdGlvbnNcIlxuICAgID5cbiAgICA8L3N5bXBob255LWNvbnRleHR1YWwtbWVudT5cbiAgPC9kaXY+XG4gIDx0YWJzZXQ+XG4gICAgPHRhYiBbaGVhZGluZ109XCInQmFzaWMgU2VhcmNoJ1wiIFthY3RpdmVdPVwiZmlsdGVyVGFicy5zaG93QmFzaWNTZWFyY2hcIlxuICAgICAgPjxkaXY+PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Jhc2ljLXNlYXJjaC1jb250ZW50XVwiPjwvbmctY29udGVudD48L2RpdlxuICAgID48L3RhYj5cbiAgICA8dGFiIFtoZWFkaW5nXT1cIidBZHZhbmNlZCBTZWFyY2gnXCIgW2FjdGl2ZV09XCJmaWx0ZXJUYWJzLnNob3dBZHZhbmNlU2VhcmNoXCJcbiAgICAgID48ZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYWR2YW5jZWQtc2VhcmNoLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dTZWVSZXN1bHRzQnRuXCJcbiAgICAgICAgICBzZngtYnV0dG9uLXByaW1hcnlcbiAgICAgICAgICBpZD1cImJ1dHRvbi1zZWUtcmVzdWx0XCJcbiAgICAgICAgICBjbGFzcz1cInNmeC1kLWZsZXgganVzdGlmeS1mbGV4LWVuZCBzZngtbXQtMjBcIlxuICAgICAgICAgIHRleHQ9XCJTRUUgUkVTVUxUU1wiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cImZpbHRlclRhYnMuc2VlUmVzdWx0c0J0bkRpc2FibGVkXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+PC9kaXZcbiAgICA+PC90YWI+XG4gIDwvdGFic2V0PlxuPC9zZWN0aW9uPlxuIl19

package/esm2020/projects/component-library/lib/molecules/filter-tabs/filter-tabs.model.mjs

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

package/esm2020/projects/component-library/lib/molecules/filter-tabs/filter-tabs.module.mjs

@@ -0,0 +1,45 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FilterTabsComponent } from './filter-tabs.component';
+import { TabsModule } from 'ngx-bootstrap/tabs';
+import { IconWrapperModule } from '../../atoms/icon-wrapper/icon-wrapper.module';
+import { TooltipWrapperModule } from '../../atoms/tooltip-wrapper/tooltip-wrapper.module';
+import { IconModule } from '../../atoms/icon/icon.module';
+import { ContextualMenuModule } from '../../atoms/contextual-menu/contextual-menu.module';
+import { ButtonV2Module } from '../../atoms/button-v2/button.module';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-bootstrap/tabs";
+export class FilterTabsModule {
+}
+FilterTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FilterTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsModule, declarations: [FilterTabsComponent], imports: [CommonModule, i1.TabsModule, IconWrapperModule,
+        TooltipWrapperModule,
+        IconModule,
+        ContextualMenuModule,
+        ButtonV2Module], exports: [FilterTabsComponent] });
+FilterTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsModule, imports: [[
+            CommonModule,
+            TabsModule.forRoot(),
+            IconWrapperModule,
+            TooltipWrapperModule,
+            IconModule,
+            ContextualMenuModule,
+            ButtonV2Module,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FilterTabsComponent],
+                    imports: [
+                        CommonModule,
+                        TabsModule.forRoot(),
+                        IconWrapperModule,
+                        TooltipWrapperModule,
+                        IconModule,
+                        ContextualMenuModule,
+                        ButtonV2Module,
+                    ],
+                    exports: [FilterTabsComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNqRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMxRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDMUYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7QUFlckUsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQVpaLG1CQUFtQixhQUVoQyxZQUFZLGlCQUVaLGlCQUFpQjtRQUNqQixvQkFBb0I7UUFDcEIsVUFBVTtRQUNWLG9CQUFvQjtRQUNwQixjQUFjLGFBRU4sbUJBQW1COzhHQUVsQixnQkFBZ0IsWUFYbEI7WUFDUCxZQUFZO1lBQ1osVUFBVSxDQUFDLE9BQU8sRUFBRTtZQUNwQixpQkFBaUI7WUFDakIsb0JBQW9CO1lBQ3BCLFVBQVU7WUFDVixvQkFBb0I7WUFDcEIsY0FBYztTQUNmOzJGQUdVLGdCQUFnQjtrQkFiNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osVUFBVSxDQUFDLE9BQU8sRUFBRTt3QkFDcEIsaUJBQWlCO3dCQUNqQixvQkFBb0I7d0JBQ3BCLFVBQVU7d0JBQ1Ysb0JBQW9CO3dCQUNwQixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRmlsdGVyVGFic0NvbXBvbmVudCB9IGZyb20gJy4vZmlsdGVyLXRhYnMuY29tcG9uZW50JztcbmltcG9ydCB7IFRhYnNNb2R1bGUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL3RhYnMnO1xuaW1wb3J0IHsgSWNvbldyYXBwZXJNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uLXdyYXBwZXIvaWNvbi13cmFwcGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBUb29sdGlwV3JhcHBlck1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL3Rvb2x0aXAtd3JhcHBlci90b29sdGlwLXdyYXBwZXIubW9kdWxlJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IENvbnRleHR1YWxNZW51TW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvY29udGV4dHVhbC1tZW51L2NvbnRleHR1YWwtbWVudS5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uVjJNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9idXR0b24tdjIvYnV0dG9uLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0ZpbHRlclRhYnNDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFRhYnNNb2R1bGUuZm9yUm9vdCgpLFxuICAgIEljb25XcmFwcGVyTW9kdWxlLFxuICAgIFRvb2x0aXBXcmFwcGVyTW9kdWxlLFxuICAgIEljb25Nb2R1bGUsXG4gICAgQ29udGV4dHVhbE1lbnVNb2R1bGUsXG4gICAgQnV0dG9uVjJNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtGaWx0ZXJUYWJzQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyVGFic01vZHVsZSB7fVxuIl19

package/esm2020/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.component.mjs

@@ -15,7 +15,7 @@ export class H5WithIconComponent {
     }
 }
 H5WithIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-H5WithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: { model: "model" }, ngImport: i0, template: "<div *ngIf=\"model && model.iconFirst\" class=\"sfx-d-flex icon-first\">\n  <symphony-tooltip-wrapper\n    *ngIf=\"model.tooltipHtml\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n    [placement]=\"model.placement\"\n  >\n    <symphony-icon\n      [icon]=\"model.icon\"\n      [iconColor]=\"model.iconColor\"\n    ></symphony-icon>\n  </symphony-tooltip-wrapper>\n  <symphony-icon\n    *ngIf=\"!model.tooltipHtml\"\n    [icon]=\"model.icon\"\n    [iconColor]=\"model.iconColor\"\n  ></symphony-icon>\n  <symphony-h5>{{ model.text }}</symphony-h5>\n</div>\n<div *ngIf=\"model && !model.iconFirst\" class=\"sfx-d-flex icon-last\">\n  <symphony-h5>{{ model.text }}</symphony-h5>\n\n  <symphony-tooltip-wrapper\n    *ngIf=\"model.tooltipHtml\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n    [placement]=\"model.placement\"\n  >\n    <symphony-icon\n      [icon]=\"model.icon\"\n      [iconColor]=\"model.iconColor\"\n    ></symphony-icon>\n  </symphony-tooltip-wrapper>\n  <symphony-icon\n    *ngIf=\"!model.tooltipHtml\"\n    [icon]=\"model.icon\"\n    [iconColor]=\"model.iconColor\"\n  ></symphony-icon>\n</div>\n", styles: [".icon-last{position:relative}.icon-last symphony-h5{padding-right:5px}.icon-last symphony-icon{height:20px}.icon-first{position:relative}.icon-first symphony-h5{padding-left:5px}.icon-first symphony-icon{height:20px}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+H5WithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: { model: "model" }, ngImport: i0, template: "<div *ngIf=\"model && model.iconFirst\" class=\"sfx-d-flex icon-first\">\n  <symphony-tooltip-wrapper\n    *ngIf=\"model.tooltipHtml\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n    [placement]=\"model.placement\"\n  >\n    <symphony-icon\n      [icon]=\"model.icon\"\n      [iconColor]=\"model.iconColor\"\n    ></symphony-icon>\n  </symphony-tooltip-wrapper>\n  <symphony-icon\n    *ngIf=\"!model.tooltipHtml\"\n    [icon]=\"model.icon\"\n    [iconColor]=\"model.iconColor\"\n  ></symphony-icon>\n  <symphony-h5>{{ model.text }}</symphony-h5>\n</div>\n<div *ngIf=\"model && !model.iconFirst\" class=\"sfx-d-flex icon-last\">\n  <symphony-h5>{{ model.text }}</symphony-h5>\n\n  <symphony-tooltip-wrapper\n    *ngIf=\"model.tooltipHtml\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n    [placement]=\"model.placement\"\n  >\n    <symphony-icon\n      [icon]=\"model.icon\"\n      [iconColor]=\"model.iconColor\"\n    ></symphony-icon>\n  </symphony-tooltip-wrapper>\n  <symphony-icon\n    *ngIf=\"!model.tooltipHtml\"\n    [icon]=\"model.icon\"\n    [iconColor]=\"model.iconColor\"\n  ></symphony-icon>\n</div>\n", styles: [".icon-last{position:relative}.icon-last symphony-h5{padding-right:5px}.icon-last symphony-icon{height:20px}.icon-first{position:relative}.icon-first symphony-h5{padding-left:5px}.icon-first symphony-icon{height:20px}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-h5-with-icon', template: "<div *ngIf=\"model && model.iconFirst\" class=\"sfx-d-flex icon-first\">\n  <symphony-tooltip-wrapper\n    *ngIf=\"model.tooltipHtml\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n    [placement]=\"model.placement\"\n  >\n    <symphony-icon\n      [icon]=\"model.icon\"\n      [iconColor]=\"model.iconColor\"\n    ></symphony-icon>\n  </symphony-tooltip-wrapper>\n  <symphony-icon\n    *ngIf=\"!model.tooltipHtml\"\n    [icon]=\"model.icon\"\n    [iconColor]=\"model.iconColor\"\n  ></symphony-icon>\n  <symphony-h5>{{ model.text }}</symphony-h5>\n</div>\n<div *ngIf=\"model && !model.iconFirst\" class=\"sfx-d-flex icon-last\">\n  <symphony-h5>{{ model.text }}</symphony-h5>\n\n  <symphony-tooltip-wrapper\n    *ngIf=\"model.tooltipHtml\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n    [placement]=\"model.placement\"\n  >\n    <symphony-icon\n      [icon]=\"model.icon\"\n      [iconColor]=\"model.iconColor\"\n    ></symphony-icon>\n  </symphony-tooltip-wrapper>\n  <symphony-icon\n    *ngIf=\"!model.tooltipHtml\"\n    [icon]=\"model.icon\"\n    [iconColor]=\"model.iconColor\"\n  ></symphony-icon>\n</div>\n", styles: [".icon-last{position:relative}.icon-last symphony-h5{padding-right:5px}.icon-last symphony-icon{height:20px}.icon-first{position:relative}.icon-first symphony-h5{padding-left:5px}.icon-first symphony-icon{height:20px}\n"] }]

package/esm2020/projects/component-library/lib/molecules/icon-with-tooltip/icon-with-tooltip.component.mjs

@@ -7,7 +7,7 @@ export class IconWithTooltipComponent {
     constructor() { }
 }
 IconWithTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWithTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IconWithTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWithTooltipComponent, selector: "symphony-icon-with-tooltip", inputs: { model: "model" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block tooltip-grey\">\n  <symphony-tooltip-wrapper\n    [placement]=\"model.placement\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n  >\n    <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n  </symphony-tooltip-wrapper>\n</div>\n", styles: [".tooltip-grey .tooltip{min-width:160px}.tooltip-grey .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.tooltip-grey .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.right{left:5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+IconWithTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWithTooltipComponent, selector: "symphony-icon-with-tooltip", inputs: { model: "model" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block tooltip-grey\">\n  <symphony-tooltip-wrapper\n    [placement]=\"model.placement\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n  >\n    <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n  </symphony-tooltip-wrapper>\n</div>\n", styles: [".tooltip-grey .tooltip{min-width:160px}.tooltip-grey .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.tooltip-grey .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.right{left:5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWithTooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-icon-with-tooltip', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block tooltip-grey\">\n  <symphony-tooltip-wrapper\n    [placement]=\"model.placement\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n  >\n    <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n  </symphony-tooltip-wrapper>\n</div>\n", styles: [".tooltip-grey .tooltip{min-width:160px}.tooltip-grey .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.tooltip-grey .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.right{left:5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]

package/esm2020/projects/component-library/lib/molecules/molecules.module.mjs

@@ -26,6 +26,7 @@ import { InputToggleModule } from "../atoms/input-toggle/input-toggle.module";
 import { LabelledInputToggleModule } from './labelled-input-toggle/labelled-input-toggle.module';
 import { LabelledToggleListModule } from './labelled-toggle-list/labelled-toggle-list.module';
 import { ChatHistoryMessageItemModule } from './chat-history-message-item/chat-history-message-item.module';
+import { FilterTabsModule } from './filter-tabs/filter-tabs.module';
 import * as i0 from "@angular/core";
 export class MoleculesModule {
 }
@@ -56,7 +57,8 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         InputToggleModule,
         LabelledInputToggleModule,
         LabelledToggleListModule,
-        ChatHistoryMessageItemModule], exports: [PillsModule,
+        ChatHistoryMessageItemModule,
+        FilterTabsModule], exports: [PillsModule,
         BreadcrumbModule,
         FeedbackCardModule,
         DocumentManagementItemModule,
@@ -89,7 +91,8 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             InputToggleModule,
             LabelledInputToggleModule,
             LabelledToggleListModule,
-            ChatHistoryMessageItemModule
+            ChatHistoryMessageItemModule,
+            FilterTabsModule
         ], PillsModule,
         BreadcrumbModule,
         FeedbackCardModule,
@@ -135,8 +138,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         InputToggleModule,
                         LabelledInputToggleModule,
                         LabelledToggleListModule,
-                        ChatHistoryMessageItemModule
+                        ChatHistoryMessageItemModule,
+                        FilterTabsModule
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9sZWN1bGVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL21vbGVjdWxlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzdELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUN2RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNyRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUM5RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN4RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNsRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNyRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUMxRyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxvRUFBb0UsQ0FBQztBQUNySCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUNwRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUM3RixPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSwwRUFBMEUsQ0FBQztBQUM5SCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUNqRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDakQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDakcsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDOUYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sOERBQThELENBQUM7O0FBMEM1RyxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLFlBN0JwQixZQUFZO1FBQ1osWUFBWTtRQUNaLG9CQUFvQjtRQUNwQixXQUFXO1FBQ1gsaUJBQWlCO1FBQ2pCLGdCQUFnQjtRQUNoQixnQkFBZ0I7UUFDaEIsZ0JBQWdCO1FBQ2hCLHFCQUFxQjtRQUNyQixrQkFBa0I7UUFDbEIsd0JBQXdCO1FBQ3hCLGdCQUFnQjtRQUNoQixzQkFBc0I7UUFDdEIsa0JBQWtCO1FBQ2xCLG9CQUFvQjtRQUNwQixxQkFBcUI7UUFDckIsNEJBQTRCO1FBQzVCLCtCQUErQjtRQUMvQixtQkFBbUI7UUFDbkIsc0JBQXNCO1FBQ3RCLGtDQUFrQztRQUNsQyx5QkFBeUI7UUFDekIsV0FBVztRQUNYLGlCQUFpQjtRQUNqQix5QkFBeUI7UUFDekIsd0JBQXdCO1FBQ3hCLDRCQUE0QixhQWxDNUIsV0FBVztRQUNYLGdCQUFnQjtRQUNoQixrQkFBa0I7UUFDbEIsNEJBQTRCO1FBQzVCLGdCQUFnQjtRQUNoQixrQ0FBa0M7NkdBZ0M3QixlQUFlLFlBOUJmO1lBQ0wsWUFBWTtZQUNaLFlBQVk7WUFDWixvQkFBb0I7WUFDcEIsV0FBVztZQUNYLGlCQUFpQjtZQUNqQixnQkFBZ0I7WUFDaEIsZ0JBQWdCO1lBQ2hCLGdCQUFnQjtZQUNoQixxQkFBcUI7WUFDckIsa0JBQWtCO1lBQ2xCLHdCQUF3QjtZQUN4QixnQkFBZ0I7WUFDaEIsc0JBQXNCO1lBQ3RCLGtCQUFrQjtZQUNsQixvQkFBb0I7WUFDcEIscUJBQXFCO1lBQ3JCLDRCQUE0QjtZQUM1QiwrQkFBK0I7WUFDL0IsbUJBQW1CO1lBQ25CLHNCQUFzQjtZQUN0QixrQ0FBa0M7WUFDbEMseUJBQXlCO1lBQ3pCLFdBQVc7WUFDWCxpQkFBaUI7WUFDakIseUJBQXlCO1lBQ3pCLHdCQUF3QjtZQUN4Qiw0QkFBNEI7U0FDL0IsRUFuQ0csV0FBVztRQUNYLGdCQUFnQjtRQUNoQixrQkFBa0I7UUFDbEIsNEJBQTRCO1FBQzVCLGdCQUFnQjtRQUNoQixrQ0FBa0M7MkZBZ0M3QixlQUFlO2tCQXhDM0IsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsRUFBRTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNMLFdBQVc7d0JBQ1gsZ0JBQWdCO3dCQUNoQixrQkFBa0I7d0JBQ2xCLDRCQUE0Qjt3QkFDNUIsZ0JBQWdCO3dCQUNoQixrQ0FBa0M7cUJBQ3JDO29CQUNELE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUNwQixXQUFXO3dCQUNYLGlCQUFpQjt3QkFDakIsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIscUJBQXFCO3dCQUNyQixrQkFBa0I7d0JBQ2xCLHdCQUF3Qjt3QkFDeEIsZ0JBQWdCO3dCQUNoQixzQkFBc0I7d0JBQ3RCLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3dCQUNwQixxQkFBcUI7d0JBQ3JCLDRCQUE0Qjt3QkFDNUIsK0JBQStCO3dCQUMvQixtQkFBbUI7d0JBQ25CLHNCQUFzQjt3QkFDdEIsa0NBQWtDO3dCQUNsQyx5QkFBeUI7d0JBQ3pCLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIsNEJBQTRCO3FCQUMvQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQXZhdGFyTW9kdWxlIH0gZnJvbSAnLi4vYXRvbXMvYXZhdGFyL2F2YXRhci5tb2R1bGUnO1xuaW1wb3J0IHsgUGlsbHNNb2R1bGUgfSBmcm9tICcuL3BpbGxzL3BpbGxzLm1vZHVsZSc7XG5pbXBvcnQgeyBDb2xvclN3YXRjaE1vZHVsZSB9IGZyb20gJy4vY29sb3Itc3dhdGNoL2NvbG9yLXN3YXRjaC5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvblN3YXRjaE1vZHVsZSB9IGZyb20gJy4vaWNvbi1zd2F0Y2gvaWNvbi1zd2F0Y2gubW9kdWxlJztcbmltcG9ydCB7IEJyZWFkY3J1bWJNb2R1bGUgfSBmcm9tICcuL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5tb2R1bGUnO1xuaW1wb3J0IHsgQ29udGV4dHVhbE1lbnVNb2R1bGUgfSBmcm9tICcuLi9hdG9tcy9jb250ZXh0dWFsLW1lbnUvY29udGV4dHVhbC1tZW51Lm1vZHVsZSc7XG5pbXBvcnQgeyBINVdpdGhJY29uTW9kdWxlIH0gZnJvbSAnLi9oNS13aXRoLWljb24vaDUtd2l0aC1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBJbnZvaWNlTGluZUl0ZW1Nb2R1bGUgfSBmcm9tICcuL2ludm9pY2UtbGluZS1pdGVtL2ludm9pY2UtbGluZS1pdGVtLm1vZHVsZSc7XG5pbXBvcnQgeyBGZWVkYmFja0NhcmRNb2R1bGUgfSBmcm9tICcuL2ZlZWRiYWNrLWNhcmQvZmVlZGJhY2stY2FyZC5tb2R1bGUnO1xuaW1wb3J0IHsgU2Z4QWNjb3JkaW9uSGVhZGVyTW9kdWxlIH0gZnJvbSAnLi9zZngtYWNjb3JkaW9uLWhlYWRlci9zZngtYWNjb3JkaW9uLWhlYWRlci5tb2R1bGUnO1xuaW1wb3J0IHsgRmlsZVVwbG9hZE1vZHVsZSB9IGZyb20gJy4vZmlsZS11cGxvYWQvZmlsZS11cGxvYWQubW9kdWxlJztcbmltcG9ydCB7IEZpbGVVcGxvYWRTdGF0dXNNb2R1bGUgfSBmcm9tICcuL2ZpbGUtdXBsb2FkLXN0YXR1cy9maWxlLXVwbG9hZC1zdGF0dXMubW9kdWxlJztcbmltcG9ydCB7IEJ1dHRvbldpdGhJY29uTW9kdWxlIH0gZnJvbSAnLi9idXR0b24td2l0aC1pY29uL2J1dHRvbi13aXRoLWljb24ubW9kdWxlJztcbmltcG9ydCB7IEljb25XaXRoVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4vaWNvbi13aXRoLXRvb2x0aXAvaWNvbi13aXRoLXRvb2x0aXAubW9kdWxlJztcbmltcG9ydCB7IERvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2R1bGUgfSBmcm9tICcuL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0ubW9kdWxlJztcbmltcG9ydCB7IFBoYXNlckNhcmRNb2R1bGUgfSBmcm9tICcuL3BoYXNlci1jYXJkL3BoYXNlci1jYXJkLm1vZHVsZSc7XG5pbXBvcnQgeyBBY3Rpb25CYXJTZWxlY3Rpb25Db3VudGVyTW9kdWxlIH0gZnJvbSAnLi9hY3Rpb24tYmFyLXNlbGVjdGlvbi1jb3VudGVyL2FjdGlvbi1iYXItc2VsZWN0aW9uLWNvdW50ZXIubW9kdWxlJztcbmltcG9ydCB7IElucHV0VGV4dGFyZWFNb2R1bGUgfSBmcm9tIFwiLi4vYXRvbXMvaW5wdXQtdGV4dGFyZWEvaW5wdXQtdGV4dGFyZWEubW9kdWxlXCI7XG5pbXBvcnQgeyBDaGFyYWN0ZXJDb3VudGVyTW9kdWxlIH0gZnJvbSBcIi4uL2F0b21zL2NoYXJhY3Rlci1jb3VudGVyL2NoYXJhY3Rlci1jb3VudGVyLm1vZHVsZVwiO1xuaW1wb3J0IHsgU2V0dGluZ3NEZXRhaWxOYXZpZ2F0aW9uSXRlbU1vZHVsZSB9IGZyb20gJy4vc2V0dGluZ3MtZGV0YWlsLW5hdmlnYXRpb24taXRlbS9zZXR0aW5ncy1kZXRhaWwtbmF2aWdhdGlvbi1pdGVtLm1vZHVsZSc7XG5pbXBvcnQgeyBFZGl0YWJsZVNldHRpbmdJdGVtTW9kdWxlIH0gZnJvbSAnLi9lZGl0YWJsZS1zZXR0aW5nLWl0ZW0vZWRpdGFibGUtc2V0dGluZy1pdGVtLm1vZHVsZSc7XG5pbXBvcnQgeyBUYWJzTW9kdWxlcyB9IGZyb20gJy4vdGFicy90YWJzLm1vZHVsZSc7XG5pbXBvcnQgeyBJbnB1dFRvZ2dsZU1vZHVsZSB9IGZyb20gXCIuLi9hdG9tcy9pbnB1dC10b2dnbGUvaW5wdXQtdG9nZ2xlLm1vZHVsZVwiO1xuaW1wb3J0IHsgTGFiZWxsZWRJbnB1dFRvZ2dsZU1vZHVsZSB9IGZyb20gJy4vbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2R1bGUnO1xuaW1wb3J0IHsgTGFiZWxsZWRUb2dnbGVMaXN0TW9kdWxlIH0gZnJvbSAnLi9sYWJlbGxlZC10b2dnbGUtbGlzdC9sYWJlbGxlZC10b2dnbGUtbGlzdC5tb2R1bGUnO1xuaW1wb3J0IHsgQ2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZHVsZSB9IGZyb20gJy4vY2hhdC1oaXN0b3J5LW1lc3NhZ2UtaXRlbS9jaGF0LWhpc3RvcnktbWVzc2FnZS1pdGVtLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIFBpbGxzTW9kdWxlLFxuICAgICAgICBCcmVhZGNydW1iTW9kdWxlLFxuICAgICAgICBGZWVkYmFja0NhcmRNb2R1bGUsXG4gICAgICAgIERvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2R1bGUsXG4gICAgICAgIFBoYXNlckNhcmRNb2R1bGUsXG4gICAgICAgIFNldHRpbmdzRGV0YWlsTmF2aWdhdGlvbkl0ZW1Nb2R1bGVcbiAgICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBBdmF0YXJNb2R1bGUsXG4gICAgICAgIENvbnRleHR1YWxNZW51TW9kdWxlLFxuICAgICAgICBQaWxsc01vZHVsZSxcbiAgICAgICAgQ29sb3JTd2F0Y2hNb2R1bGUsXG4gICAgICAgIEljb25Td2F0Y2hNb2R1bGUsXG4gICAgICAgIEJyZWFkY3J1bWJNb2R1bGUsXG4gICAgICAgIEg1V2l0aEljb25Nb2R1bGUsXG4gICAgICAgIEludm9pY2VMaW5lSXRlbU1vZHVsZSxcbiAgICAgICAgRmVlZGJhY2tDYXJkTW9kdWxlLFxuICAgICAgICBTZnhBY2NvcmRpb25IZWFkZXJNb2R1bGUsXG4gICAgICAgIEZpbGVVcGxvYWRNb2R1bGUsXG4gICAgICAgIEZpbGVVcGxvYWRTdGF0dXNNb2R1bGUsXG4gICAgICAgIEZlZWRiYWNrQ2FyZE1vZHVsZSxcbiAgICAgICAgQnV0dG9uV2l0aEljb25Nb2R1bGUsXG4gICAgICAgIEljb25XaXRoVG9vbHRpcE1vZHVsZSxcbiAgICAgICAgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZHVsZSxcbiAgICAgICAgQWN0aW9uQmFyU2VsZWN0aW9uQ291bnRlck1vZHVsZSxcbiAgICAgICAgSW5wdXRUZXh0YXJlYU1vZHVsZSxcbiAgICAgICAgQ2hhcmFjdGVyQ291bnRlck1vZHVsZSxcbiAgICAgICAgU2V0dGluZ3NEZXRhaWxOYXZpZ2F0aW9uSXRlbU1vZHVsZSxcbiAgICAgICAgRWRpdGFibGVTZXR0aW5nSXRlbU1vZHVsZSxcbiAgICAgICAgVGFic01vZHVsZXMsXG4gICAgICAgIElucHV0VG9nZ2xlTW9kdWxlLFxuICAgICAgICBMYWJlbGxlZElucHV0VG9nZ2xlTW9kdWxlLFxuICAgICAgICBMYWJlbGxlZFRvZ2dsZUxpc3RNb2R1bGUsXG4gICAgICAgIENoYXRIaXN0b3J5TWVzc2FnZUl0ZW1Nb2R1bGVcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIE1vbGVjdWxlc01vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9sZWN1bGVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL21vbGVjdWxlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzdELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUN2RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNyRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUM5RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN4RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNsRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNyRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUMxRyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxvRUFBb0UsQ0FBQztBQUNySCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUNwRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUM3RixPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSwwRUFBMEUsQ0FBQztBQUM5SCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUNqRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDakQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDakcsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDOUYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDNUcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7O0FBMkNwRSxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLFlBOUJwQixZQUFZO1FBQ1osWUFBWTtRQUNaLG9CQUFvQjtRQUNwQixXQUFXO1FBQ1gsaUJBQWlCO1FBQ2pCLGdCQUFnQjtRQUNoQixnQkFBZ0I7UUFDaEIsZ0JBQWdCO1FBQ2hCLHFCQUFxQjtRQUNyQixrQkFBa0I7UUFDbEIsd0JBQXdCO1FBQ3hCLGdCQUFnQjtRQUNoQixzQkFBc0I7UUFDdEIsa0JBQWtCO1FBQ2xCLG9CQUFvQjtRQUNwQixxQkFBcUI7UUFDckIsNEJBQTRCO1FBQzVCLCtCQUErQjtRQUMvQixtQkFBbUI7UUFDbkIsc0JBQXNCO1FBQ3RCLGtDQUFrQztRQUNsQyx5QkFBeUI7UUFDekIsV0FBVztRQUNYLGlCQUFpQjtRQUNqQix5QkFBeUI7UUFDekIsd0JBQXdCO1FBQ3hCLDRCQUE0QjtRQUM1QixnQkFBZ0IsYUFuQ2hCLFdBQVc7UUFDWCxnQkFBZ0I7UUFDaEIsa0JBQWtCO1FBQ2xCLDRCQUE0QjtRQUM1QixnQkFBZ0I7UUFDaEIsa0NBQWtDOzZHQWlDN0IsZUFBZSxZQS9CZjtZQUNMLFlBQVk7WUFDWixZQUFZO1lBQ1osb0JBQW9CO1lBQ3BCLFdBQVc7WUFDWCxpQkFBaUI7WUFDakIsZ0JBQWdCO1lBQ2hCLGdCQUFnQjtZQUNoQixnQkFBZ0I7WUFDaEIscUJBQXFCO1lBQ3JCLGtCQUFrQjtZQUNsQix3QkFBd0I7WUFDeEIsZ0JBQWdCO1lBQ2hCLHNCQUFzQjtZQUN0QixrQkFBa0I7WUFDbEIsb0JBQW9CO1lBQ3BCLHFCQUFxQjtZQUNyQiw0QkFBNEI7WUFDNUIsK0JBQStCO1lBQy9CLG1CQUFtQjtZQUNuQixzQkFBc0I7WUFDdEIsa0NBQWtDO1lBQ2xDLHlCQUF5QjtZQUN6QixXQUFXO1lBQ1gsaUJBQWlCO1lBQ2pCLHlCQUF5QjtZQUN6Qix3QkFBd0I7WUFDeEIsNEJBQTRCO1lBQzVCLGdCQUFnQjtTQUNuQixFQXBDRyxXQUFXO1FBQ1gsZ0JBQWdCO1FBQ2hCLGtCQUFrQjtRQUNsQiw0QkFBNEI7UUFDNUIsZ0JBQWdCO1FBQ2hCLGtDQUFrQzsyRkFpQzdCLGVBQWU7a0JBekMzQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUU7d0JBQ0wsV0FBVzt3QkFDWCxnQkFBZ0I7d0JBQ2hCLGtCQUFrQjt3QkFDbEIsNEJBQTRCO3dCQUM1QixnQkFBZ0I7d0JBQ2hCLGtDQUFrQztxQkFDckM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3BCLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixxQkFBcUI7d0JBQ3JCLGtCQUFrQjt3QkFDbEIsd0JBQXdCO3dCQUN4QixnQkFBZ0I7d0JBQ2hCLHNCQUFzQjt3QkFDdEIsa0JBQWtCO3dCQUNsQixvQkFBb0I7d0JBQ3BCLHFCQUFxQjt3QkFDckIsNEJBQTRCO3dCQUM1QiwrQkFBK0I7d0JBQy9CLG1CQUFtQjt3QkFDbkIsc0JBQXNCO3dCQUN0QixrQ0FBa0M7d0JBQ2xDLHlCQUF5Qjt3QkFDekIsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLHlCQUF5Qjt3QkFDekIsd0JBQXdCO3dCQUN4Qiw0QkFBNEI7d0JBQzVCLGdCQUFnQjtxQkFDbkI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEF2YXRhck1vZHVsZSB9IGZyb20gJy4uL2F0b21zL2F2YXRhci9hdmF0YXIubW9kdWxlJztcbmltcG9ydCB7IFBpbGxzTW9kdWxlIH0gZnJvbSAnLi9waWxscy9waWxscy5tb2R1bGUnO1xuaW1wb3J0IHsgQ29sb3JTd2F0Y2hNb2R1bGUgfSBmcm9tICcuL2NvbG9yLXN3YXRjaC9jb2xvci1zd2F0Y2gubW9kdWxlJztcbmltcG9ydCB7IEljb25Td2F0Y2hNb2R1bGUgfSBmcm9tICcuL2ljb24tc3dhdGNoL2ljb24tc3dhdGNoLm1vZHVsZSc7XG5pbXBvcnQgeyBCcmVhZGNydW1iTW9kdWxlIH0gZnJvbSAnLi9icmVhZGNydW1iL2JyZWFkY3J1bWIubW9kdWxlJztcbmltcG9ydCB7IENvbnRleHR1YWxNZW51TW9kdWxlIH0gZnJvbSAnLi4vYXRvbXMvY29udGV4dHVhbC1tZW51L2NvbnRleHR1YWwtbWVudS5tb2R1bGUnO1xuaW1wb3J0IHsgSDVXaXRoSWNvbk1vZHVsZSB9IGZyb20gJy4vaDUtd2l0aC1pY29uL2g1LXdpdGgtaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgSW52b2ljZUxpbmVJdGVtTW9kdWxlIH0gZnJvbSAnLi9pbnZvaWNlLWxpbmUtaXRlbS9pbnZvaWNlLWxpbmUtaXRlbS5tb2R1bGUnO1xuaW1wb3J0IHsgRmVlZGJhY2tDYXJkTW9kdWxlIH0gZnJvbSAnLi9mZWVkYmFjay1jYXJkL2ZlZWRiYWNrLWNhcmQubW9kdWxlJztcbmltcG9ydCB7IFNmeEFjY29yZGlvbkhlYWRlck1vZHVsZSB9IGZyb20gJy4vc2Z4LWFjY29yZGlvbi1oZWFkZXIvc2Z4LWFjY29yZGlvbi1oZWFkZXIubW9kdWxlJztcbmltcG9ydCB7IEZpbGVVcGxvYWRNb2R1bGUgfSBmcm9tICcuL2ZpbGUtdXBsb2FkL2ZpbGUtdXBsb2FkLm1vZHVsZSc7XG5pbXBvcnQgeyBGaWxlVXBsb2FkU3RhdHVzTW9kdWxlIH0gZnJvbSAnLi9maWxlLXVwbG9hZC1zdGF0dXMvZmlsZS11cGxvYWQtc3RhdHVzLm1vZHVsZSc7XG5pbXBvcnQgeyBCdXR0b25XaXRoSWNvbk1vZHVsZSB9IGZyb20gJy4vYnV0dG9uLXdpdGgtaWNvbi9idXR0b24td2l0aC1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uV2l0aFRvb2x0aXBNb2R1bGUgfSBmcm9tICcuL2ljb24td2l0aC10b29sdGlwL2ljb24td2l0aC10b29sdGlwLm1vZHVsZSc7XG5pbXBvcnQgeyBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kdWxlIH0gZnJvbSAnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0vZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLm1vZHVsZSc7XG5pbXBvcnQgeyBQaGFzZXJDYXJkTW9kdWxlIH0gZnJvbSAnLi9waGFzZXItY2FyZC9waGFzZXItY2FyZC5tb2R1bGUnO1xuaW1wb3J0IHsgQWN0aW9uQmFyU2VsZWN0aW9uQ291bnRlck1vZHVsZSB9IGZyb20gJy4vYWN0aW9uLWJhci1zZWxlY3Rpb24tY291bnRlci9hY3Rpb24tYmFyLXNlbGVjdGlvbi1jb3VudGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBJbnB1dFRleHRhcmVhTW9kdWxlIH0gZnJvbSBcIi4uL2F0b21zL2lucHV0LXRleHRhcmVhL2lucHV0LXRleHRhcmVhLm1vZHVsZVwiO1xuaW1wb3J0IHsgQ2hhcmFjdGVyQ291bnRlck1vZHVsZSB9IGZyb20gXCIuLi9hdG9tcy9jaGFyYWN0ZXItY291bnRlci9jaGFyYWN0ZXItY291bnRlci5tb2R1bGVcIjtcbmltcG9ydCB7IFNldHRpbmdzRGV0YWlsTmF2aWdhdGlvbkl0ZW1Nb2R1bGUgfSBmcm9tICcuL3NldHRpbmdzLWRldGFpbC1uYXZpZ2F0aW9uLWl0ZW0vc2V0dGluZ3MtZGV0YWlsLW5hdmlnYXRpb24taXRlbS5tb2R1bGUnO1xuaW1wb3J0IHsgRWRpdGFibGVTZXR0aW5nSXRlbU1vZHVsZSB9IGZyb20gJy4vZWRpdGFibGUtc2V0dGluZy1pdGVtL2VkaXRhYmxlLXNldHRpbmctaXRlbS5tb2R1bGUnO1xuaW1wb3J0IHsgVGFic01vZHVsZXMgfSBmcm9tICcuL3RhYnMvdGFicy5tb2R1bGUnO1xuaW1wb3J0IHsgSW5wdXRUb2dnbGVNb2R1bGUgfSBmcm9tIFwiLi4vYXRvbXMvaW5wdXQtdG9nZ2xlL2lucHV0LXRvZ2dsZS5tb2R1bGVcIjtcbmltcG9ydCB7IExhYmVsbGVkSW5wdXRUb2dnbGVNb2R1bGUgfSBmcm9tICcuL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS9sYWJlbGxlZC1pbnB1dC10b2dnbGUubW9kdWxlJztcbmltcG9ydCB7IExhYmVsbGVkVG9nZ2xlTGlzdE1vZHVsZSB9IGZyb20gJy4vbGFiZWxsZWQtdG9nZ2xlLWxpc3QvbGFiZWxsZWQtdG9nZ2xlLWxpc3QubW9kdWxlJztcbmltcG9ydCB7IENoYXRIaXN0b3J5TWVzc2FnZUl0ZW1Nb2R1bGUgfSBmcm9tICcuL2NoYXQtaGlzdG9yeS1tZXNzYWdlLWl0ZW0vY2hhdC1oaXN0b3J5LW1lc3NhZ2UtaXRlbS5tb2R1bGUnO1xuaW1wb3J0IHsgRmlsdGVyVGFic01vZHVsZSB9IGZyb20gJy4vZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgUGlsbHNNb2R1bGUsXG4gICAgICAgIEJyZWFkY3J1bWJNb2R1bGUsXG4gICAgICAgIEZlZWRiYWNrQ2FyZE1vZHVsZSxcbiAgICAgICAgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZHVsZSxcbiAgICAgICAgUGhhc2VyQ2FyZE1vZHVsZSxcbiAgICAgICAgU2V0dGluZ3NEZXRhaWxOYXZpZ2F0aW9uSXRlbU1vZHVsZVxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEF2YXRhck1vZHVsZSxcbiAgICAgICAgQ29udGV4dHVhbE1lbnVNb2R1bGUsXG4gICAgICAgIFBpbGxzTW9kdWxlLFxuICAgICAgICBDb2xvclN3YXRjaE1vZHVsZSxcbiAgICAgICAgSWNvblN3YXRjaE1vZHVsZSxcbiAgICAgICAgQnJlYWRjcnVtYk1vZHVsZSxcbiAgICAgICAgSDVXaXRoSWNvbk1vZHVsZSxcbiAgICAgICAgSW52b2ljZUxpbmVJdGVtTW9kdWxlLFxuICAgICAgICBGZWVkYmFja0NhcmRNb2R1bGUsXG4gICAgICAgIFNmeEFjY29yZGlvbkhlYWRlck1vZHVsZSxcbiAgICAgICAgRmlsZVVwbG9hZE1vZHVsZSxcbiAgICAgICAgRmlsZVVwbG9hZFN0YXR1c01vZHVsZSxcbiAgICAgICAgRmVlZGJhY2tDYXJkTW9kdWxlLFxuICAgICAgICBCdXR0b25XaXRoSWNvbk1vZHVsZSxcbiAgICAgICAgSWNvbldpdGhUb29sdGlwTW9kdWxlLFxuICAgICAgICBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kdWxlLFxuICAgICAgICBBY3Rpb25CYXJTZWxlY3Rpb25Db3VudGVyTW9kdWxlLFxuICAgICAgICBJbnB1dFRleHRhcmVhTW9kdWxlLFxuICAgICAgICBDaGFyYWN0ZXJDb3VudGVyTW9kdWxlLFxuICAgICAgICBTZXR0aW5nc0RldGFpbE5hdmlnYXRpb25JdGVtTW9kdWxlLFxuICAgICAgICBFZGl0YWJsZVNldHRpbmdJdGVtTW9kdWxlLFxuICAgICAgICBUYWJzTW9kdWxlcyxcbiAgICAgICAgSW5wdXRUb2dnbGVNb2R1bGUsXG4gICAgICAgIExhYmVsbGVkSW5wdXRUb2dnbGVNb2R1bGUsXG4gICAgICAgIExhYmVsbGVkVG9nZ2xlTGlzdE1vZHVsZSxcbiAgICAgICAgQ2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZHVsZSxcbiAgICAgICAgRmlsdGVyVGFic01vZHVsZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgTW9sZWN1bGVzTW9kdWxlIHt9XG4iXX0=

package/esm2020/projects/component-library/lib/organisms/grid-actions/grid-actions.component.mjs

@@ -13,7 +13,7 @@ export class GridActionsComponent {
     }
 }
 GridActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n  <symphony-button-with-icon\n    *ngIf=\"!actionButton.showPopover\"\n    (clicked)=\"onButtonClick($event)\"\n    [icon]=\"actionButton.icon\"\n    [text]=\"actionButton.text\"\n    [showActionButton]=\"actionButton.showActionButton\"\n    [isDisabled]=\"actionButton.isDisabled\"\n    id=\"btn-action-{{ actionButton.text | trimId }}\"\n  ></symphony-button-with-icon>\n\n  <symphony-tooltip-wrapper\n    *ngIf=\"actionButton.showPopover\"\n    [tooltipHtml]=\"actionButton.tooltip\"\n    [placement]=\"'top'\"\n    containerClass=\"sfx-info-tooltip item-tooltip\"\n    class=\"actionButton-tooltip\"\n  >\n    <symphony-button-with-icon\n      (clicked)=\"onButtonClick($event)\"\n      [icon]=\"actionButton.icon\"\n      [text]=\"actionButton.text\"\n      [showActionButton]=\"actionButton.showActionButton\"\n      [showPopover]=\"actionButton.showPopover\"\n      [isDisabled]=\"actionButton.isDisabled\"\n      id=\"btn-action-{{ actionButton.text | trimId }}-popover\"\n    ></symphony-button-with-icon>\n  </symphony-tooltip-wrapper>\n</div>\n", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i2.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": i4.TrimIdPipe }, encapsulation: i0.ViewEncapsulation.None });
+GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n  <symphony-button-with-icon\n    *ngIf=\"!actionButton.showPopover\"\n    (clicked)=\"onButtonClick($event)\"\n    [icon]=\"actionButton.icon\"\n    [text]=\"actionButton.text\"\n    [showActionButton]=\"actionButton.showActionButton\"\n    [isDisabled]=\"actionButton.isDisabled\"\n    id=\"btn-action-{{ actionButton.text | trimId }}\"\n  ></symphony-button-with-icon>\n\n  <symphony-tooltip-wrapper\n    *ngIf=\"actionButton.showPopover\"\n    [tooltipHtml]=\"actionButton.tooltip\"\n    [placement]=\"'top'\"\n    containerClass=\"sfx-info-tooltip item-tooltip\"\n    class=\"actionButton-tooltip\"\n  >\n    <symphony-button-with-icon\n      (clicked)=\"onButtonClick($event)\"\n      [icon]=\"actionButton.icon\"\n      [text]=\"actionButton.text\"\n      [showActionButton]=\"actionButton.showActionButton\"\n      [showPopover]=\"actionButton.showPopover\"\n      [isDisabled]=\"actionButton.isDisabled\"\n      id=\"btn-action-{{ actionButton.text | trimId }}-popover\"\n    ></symphony-button-with-icon>\n  </symphony-tooltip-wrapper>\n</div>\n", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i2.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": i4.TrimIdPipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-grid-actions', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n  <symphony-button-with-icon\n    *ngIf=\"!actionButton.showPopover\"\n    (clicked)=\"onButtonClick($event)\"\n    [icon]=\"actionButton.icon\"\n    [text]=\"actionButton.text\"\n    [showActionButton]=\"actionButton.showActionButton\"\n    [isDisabled]=\"actionButton.isDisabled\"\n    id=\"btn-action-{{ actionButton.text | trimId }}\"\n  ></symphony-button-with-icon>\n\n  <symphony-tooltip-wrapper\n    *ngIf=\"actionButton.showPopover\"\n    [tooltipHtml]=\"actionButton.tooltip\"\n    [placement]=\"'top'\"\n    containerClass=\"sfx-info-tooltip item-tooltip\"\n    class=\"actionButton-tooltip\"\n  >\n    <symphony-button-with-icon\n      (clicked)=\"onButtonClick($event)\"\n      [icon]=\"actionButton.icon\"\n      [text]=\"actionButton.text\"\n      [showActionButton]=\"actionButton.showActionButton\"\n      [showPopover]=\"actionButton.showPopover\"\n      [isDisabled]=\"actionButton.isDisabled\"\n      id=\"btn-action-{{ actionButton.text | trimId }}-popover\"\n    ></symphony-button-with-icon>\n  </symphony-tooltip-wrapper>\n</div>\n", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]

package/esm2020/projects/component-library/lib/organisms/grid-controls/grid-controls.component.mjs

@@ -25,7 +25,7 @@ export class GridControlsComponent {
     }
 }
 GridControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsComponent, selector: "symphony-grid-controls", inputs: { model: "model" }, outputs: { Clicked: "Clicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-mt-10\"\n    *ngIf=\"model.gridRowCount\"\n  >\n    <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n  </div>\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-pl-20\"\n    *ngIf=\"model.showCustomiseColumns\"\n  >\n    <symphony-tooltip-wrapper\n      [tooltipHtml]=\"'Customise Columns'\"\n      [placement]=\"'top'\"\n      class=\"actionIcon-tooltip\"\n    >\n      <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n        ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n  </div>\n  <div class=\"sfx-d-inline-block pull-left sfx-pl-20\" *ngIf=\"model.showControlMoreOption\">\n    <symphony-contextual-menu\n      class=\"task-more-option\"\n      *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n      [model]=\"gridMoreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { 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"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+GridControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsComponent, selector: "symphony-grid-controls", inputs: { model: "model" }, outputs: { Clicked: "Clicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-mt-10\"\n    *ngIf=\"model.gridRowCount\"\n  >\n    <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n  </div>\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-pl-20\"\n    *ngIf=\"model.showCustomiseColumns\"\n  >\n    <symphony-tooltip-wrapper\n      [tooltipHtml]=\"'Customise Columns'\"\n      [placement]=\"'top'\"\n      class=\"actionIcon-tooltip\"\n    >\n      <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n        ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n  </div>\n  <div class=\"sfx-d-inline-block pull-left sfx-pl-20\" *ngIf=\"model.showControlMoreOption\">\n    <symphony-contextual-menu\n      class=\"task-more-option\"\n      *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n      [model]=\"gridMoreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\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"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-grid-controls', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-action\">\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-mt-10\"\n    *ngIf=\"model.gridRowCount\"\n  >\n    <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n  </div>\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-pl-20\"\n    *ngIf=\"model.showCustomiseColumns\"\n  >\n    <symphony-tooltip-wrapper\n      [tooltipHtml]=\"'Customise Columns'\"\n      [placement]=\"'top'\"\n      class=\"actionIcon-tooltip\"\n    >\n      <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n        ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n  </div>\n  <div class=\"sfx-d-inline-block pull-left sfx-pl-20\" *ngIf=\"model.showControlMoreOption\">\n    <symphony-contextual-menu\n      class=\"task-more-option\"\n      *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n      [model]=\"gridMoreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]

package/esm2020/projects/component-library/lib/organisms/grid-download/grid-download.component.mjs

@@ -13,7 +13,7 @@ export class GridDownloadComponent {
     }
 }
 GridDownloadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridDownloadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridDownloadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridDownloadComponent, selector: "symphony-grid-download", inputs: { model: "model" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-pb-30\">\n  <div class=\"pull-right\">\n    <div\n      class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n      *ngIf=\"model.gridRowCount\"\n    >\n      <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n    </div>\n\n    <div class=\"sfx-d-inline-block pull-left\">\n      <symphony-tooltip-wrapper\n        *ngIf=\"model.showGridDownloadButton\"\n        [placement]=\"'bottom'\"\n        [tooltipHtml]=\"'Download Advertise Jobs'\"\n      >\n        <symphony-icon-wrapper (clicked)=\"onDownloadClick()\">\n          <symphony-icon [icon]=\"'si-download'\"></symphony-icon\n        ></symphony-icon-wrapper>\n      </symphony-tooltip-wrapper>\n    </div>\n  </div>\n</div>\n", styles: [""], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { 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"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+GridDownloadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridDownloadComponent, selector: "symphony-grid-download", inputs: { model: "model" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-pb-30\">\n  <div class=\"pull-right\">\n    <div\n      class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n      *ngIf=\"model.gridRowCount\"\n    >\n      <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n    </div>\n\n    <div class=\"sfx-d-inline-block pull-left\">\n      <symphony-tooltip-wrapper\n        *ngIf=\"model.showGridDownloadButton\"\n        [placement]=\"'bottom'\"\n        [tooltipHtml]=\"'Download Advertise Jobs'\"\n      >\n        <symphony-icon-wrapper (clicked)=\"onDownloadClick()\">\n          <symphony-icon [icon]=\"'si-download'\"></symphony-icon\n        ></symphony-icon-wrapper>\n      </symphony-tooltip-wrapper>\n    </div>\n  </div>\n</div>\n", styles: [""], 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"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridDownloadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-grid-download', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-pb-30\">\n  <div class=\"pull-right\">\n    <div\n      class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n      *ngIf=\"model.gridRowCount\"\n    >\n      <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n    </div>\n\n    <div class=\"sfx-d-inline-block pull-left\">\n      <symphony-tooltip-wrapper\n        *ngIf=\"model.showGridDownloadButton\"\n        [placement]=\"'bottom'\"\n        [tooltipHtml]=\"'Download Advertise Jobs'\"\n      >\n        <symphony-icon-wrapper (clicked)=\"onDownloadClick()\">\n          <symphony-icon [icon]=\"'si-download'\"></symphony-icon\n        ></symphony-icon-wrapper>\n      </symphony-tooltip-wrapper>\n    </div>\n  </div>\n</div>\n", styles: [""] }]