@symphony-talent/component-library 4.168.0 → 4.170.0

package/esm2020/lib/atoms/button-dropdown/button-dropdown.component.mjs

@@ -13,13 +13,15 @@ export class ButtonDropdownComponent {
     }
 }
 ButtonDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonDropdownComponent, selector: "symphony-button-dropdown", inputs: { dropdownModel: "dropdownModel" }, outputs: { itemClicked: "itemClicked" }, ngImport: i0, template: "<div\n  *ngIf=\"dropdownModel\"\n  class=\"sfx-button-dropdown btn-group\"\n  dropdown\n>\n  <button\n    dropdownToggle\n    type=\"button\"\n    aria-controls=\"dropdown-basic\"\n    class=\"btn\"\n    id=\"button-dropdown\"\n  >\n    {{ dropdownModel.selectedValue\n    }}<i class=\"si-arrow-hide-reveal sfx-font18\"></i>\n  </button>\n  <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu\" role=\"menu\">\n    <li\n      *ngFor=\"let btnDropdownItem of dropdownModel.dropdownList\"\n      (click)=\"itemClick(btnDropdownItem)\"\n    >\n      <a\n        id=\"btn-dropdown-{{ btnDropdownItem.label | trimId }}\"\n        href=\"javascript:;\"\n        >{{ btnDropdownItem.label }}</a\n      >\n    </li>\n  </ul>\n</div>\n", styles: [".sfx-button-dropdown .btn{min-width:110px;text-align:center;border-radius:40px!important;font-size:14px;position:relative;background:#F1F2F5;height:30px;padding:6px 10px;line-height:1;display:flex;justify-content:center;align-items:center;font-weight:500;outline:none;box-shadow:none}.sfx-button-dropdown .btn i{transform:rotate(180deg);transition:linear .1s}.sfx-button-dropdown .btn:hover{color:#000}.sfx-button-dropdown .dropdown-menu{min-width:110px;border-radius:10px;padding:10px 0;border:none;box-shadow:2px 0 20px rgba(0,0,0,.2)}.sfx-button-dropdown .dropdown-menu li a{padding:8px 10px 8px 20px;color:#000}.sfx-button-dropdown .dropdown-menu li a:hover{background:#e4e7ef;color:#000}.sfx-button-dropdown.open .btn{color:#000}.sfx-button-dropdown.open .btn i{transform:rotate(0);transition:linear .1s}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i2.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i2.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "trimId": i3.TrimIdPipe } });
+ButtonDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonDropdownComponent, selector: "symphony-button-dropdown", inputs: { dropdownModel: "dropdownModel", isLabelView: "isLabelView" }, outputs: { itemClicked: "itemClicked" }, ngImport: i0, template: "<div\n  [ngClass]=\"{'hide': isLabelView}\"\n  *ngIf=\"dropdownModel\"\n  class=\"sfx-button-dropdown btn-group\"\n  dropdown\n>\n  <button\n    dropdownToggle\n    type=\"button\"\n    aria-controls=\"dropdown-basic\"\n    class=\"btn\"\n    id=\"button-dropdown\"\n  >\n    {{ dropdownModel.selectedValue\n    }}<i class=\"si-arrow-hide-reveal sfx-font18\"></i>\n  </button>\n  <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu\" role=\"menu\">\n    <li\n      *ngFor=\"let btnDropdownItem of dropdownModel.dropdownList\"\n      (click)=\"itemClick(btnDropdownItem)\"\n    >\n      <a\n        id=\"btn-dropdown-{{ btnDropdownItem.label | trimId }}\"\n        href=\"javascript:;\"\n        >{{ btnDropdownItem.label }}</a\n      >\n    </li>\n  </ul>\n</div>\n<p [ngClass]=\"{'hide': !isLabelView}\" class=\"btnValueView\" *ngIf=\"isLabelView\">{{dropdownModel.selectedValue}}</p>", styles: [".sfx-button-dropdown .btn{min-width:110px;text-align:center;border-radius:40px!important;font-size:14px;position:relative;background:#F1F2F5;height:30px;padding:6px 10px;line-height:1;display:flex;justify-content:center;align-items:center;font-weight:500;outline:none;box-shadow:none}.sfx-button-dropdown .btn i{transform:rotate(180deg);transition:linear .1s}.sfx-button-dropdown .btn:hover{color:#000}.sfx-button-dropdown .dropdown-menu{min-width:110px;border-radius:10px;padding:10px 0;border:none;box-shadow:2px 0 20px rgba(0,0,0,.2)}.sfx-button-dropdown .dropdown-menu li a{padding:8px 10px 8px 20px;color:#000}.sfx-button-dropdown .dropdown-menu li a:hover{background:#e4e7ef;color:#000}.sfx-button-dropdown.open .btn{color:#000}.sfx-button-dropdown.open .btn i{transform:rotate(0);transition:linear .1s}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i2.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "trimId": i3.TrimIdPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-button-dropdown', template: "<div\n  *ngIf=\"dropdownModel\"\n  class=\"sfx-button-dropdown btn-group\"\n  dropdown\n>\n  <button\n    dropdownToggle\n    type=\"button\"\n    aria-controls=\"dropdown-basic\"\n    class=\"btn\"\n    id=\"button-dropdown\"\n  >\n    {{ dropdownModel.selectedValue\n    }}<i class=\"si-arrow-hide-reveal sfx-font18\"></i>\n  </button>\n  <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu\" role=\"menu\">\n    <li\n      *ngFor=\"let btnDropdownItem of dropdownModel.dropdownList\"\n      (click)=\"itemClick(btnDropdownItem)\"\n    >\n      <a\n        id=\"btn-dropdown-{{ btnDropdownItem.label | trimId }}\"\n        href=\"javascript:;\"\n        >{{ btnDropdownItem.label }}</a\n      >\n    </li>\n  </ul>\n</div>\n", styles: [".sfx-button-dropdown .btn{min-width:110px;text-align:center;border-radius:40px!important;font-size:14px;position:relative;background:#F1F2F5;height:30px;padding:6px 10px;line-height:1;display:flex;justify-content:center;align-items:center;font-weight:500;outline:none;box-shadow:none}.sfx-button-dropdown .btn i{transform:rotate(180deg);transition:linear .1s}.sfx-button-dropdown .btn:hover{color:#000}.sfx-button-dropdown .dropdown-menu{min-width:110px;border-radius:10px;padding:10px 0;border:none;box-shadow:2px 0 20px rgba(0,0,0,.2)}.sfx-button-dropdown .dropdown-menu li a{padding:8px 10px 8px 20px;color:#000}.sfx-button-dropdown .dropdown-menu li a:hover{background:#e4e7ef;color:#000}.sfx-button-dropdown.open .btn{color:#000}.sfx-button-dropdown.open .btn i{transform:rotate(0);transition:linear .1s}\n"] }]
+            args: [{ selector: 'symphony-button-dropdown', template: "<div\n  [ngClass]=\"{'hide': isLabelView}\"\n  *ngIf=\"dropdownModel\"\n  class=\"sfx-button-dropdown btn-group\"\n  dropdown\n>\n  <button\n    dropdownToggle\n    type=\"button\"\n    aria-controls=\"dropdown-basic\"\n    class=\"btn\"\n    id=\"button-dropdown\"\n  >\n    {{ dropdownModel.selectedValue\n    }}<i class=\"si-arrow-hide-reveal sfx-font18\"></i>\n  </button>\n  <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu\" role=\"menu\">\n    <li\n      *ngFor=\"let btnDropdownItem of dropdownModel.dropdownList\"\n      (click)=\"itemClick(btnDropdownItem)\"\n    >\n      <a\n        id=\"btn-dropdown-{{ btnDropdownItem.label | trimId }}\"\n        href=\"javascript:;\"\n        >{{ btnDropdownItem.label }}</a\n      >\n    </li>\n  </ul>\n</div>\n<p [ngClass]=\"{'hide': !isLabelView}\" class=\"btnValueView\" *ngIf=\"isLabelView\">{{dropdownModel.selectedValue}}</p>", styles: [".sfx-button-dropdown .btn{min-width:110px;text-align:center;border-radius:40px!important;font-size:14px;position:relative;background:#F1F2F5;height:30px;padding:6px 10px;line-height:1;display:flex;justify-content:center;align-items:center;font-weight:500;outline:none;box-shadow:none}.sfx-button-dropdown .btn i{transform:rotate(180deg);transition:linear .1s}.sfx-button-dropdown .btn:hover{color:#000}.sfx-button-dropdown .dropdown-menu{min-width:110px;border-radius:10px;padding:10px 0;border:none;box-shadow:2px 0 20px rgba(0,0,0,.2)}.sfx-button-dropdown .dropdown-menu li a{padding:8px 10px 8px 20px;color:#000}.sfx-button-dropdown .dropdown-menu li a:hover{background:#e4e7ef;color:#000}.sfx-button-dropdown.open .btn{color:#000}.sfx-button-dropdown.open .btn i{transform:rotate(0);transition:linear .1s}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { dropdownModel: [{
                 type: Input
             }], itemClicked: [{
                 type: Output
+            }], isLabelView: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvYnV0dG9uLWRyb3Bkb3duL2J1dHRvbi1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2J1dHRvbi1kcm9wZG93bi9idXR0b24tZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFXL0UsTUFBTSxPQUFPLHVCQUF1QjtJQUdsQztRQURVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQStCLENBQUM7SUFDekQsQ0FBQztJQUVoQixTQUFTLENBQUMsSUFBaUM7UUFDekMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUM5QyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM5QixDQUFDOztvSEFSVSx1QkFBdUI7d0dBQXZCLHVCQUF1QixxSkNYcEMsa3VCQTRCQTsyRkRqQmEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLDBCQUEwQjswRUFLM0IsYUFBYTtzQkFBckIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQnV0dG9uRHJvcGRvd25MaXN0SXRlbU1vZGVsLFxuICBCdXR0b25Ecm9wZG93bkxpc3RNb2RlbCxcbn0gZnJvbSAnLi9idXR0b24tZHJvcGRvd24ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1idXR0b24tZHJvcGRvd24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLWRyb3Bkb3duLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkRyb3Bkb3duQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZHJvcGRvd25Nb2RlbDogQnV0dG9uRHJvcGRvd25MaXN0TW9kZWw7XG4gIEBPdXRwdXQoKSBpdGVtQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8QnV0dG9uRHJvcGRvd25MaXN0SXRlbU1vZGVsPigpO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgaXRlbUNsaWNrKGl0ZW06IEJ1dHRvbkRyb3Bkb3duTGlzdEl0ZW1Nb2RlbCkge1xuICAgIHRoaXMuZHJvcGRvd25Nb2RlbC5zZWxlY3RlZFZhbHVlID0gaXRlbS5sYWJlbDtcbiAgICB0aGlzLml0ZW1DbGlja2VkLmVtaXQoaXRlbSk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgKm5nSWY9XCJkcm9wZG93bk1vZGVsXCJcbiAgY2xhc3M9XCJzZngtYnV0dG9uLWRyb3Bkb3duIGJ0bi1ncm91cFwiXG4gIGRyb3Bkb3duXG4+XG4gIDxidXR0b25cbiAgICBkcm9wZG93blRvZ2dsZVxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIGFyaWEtY29udHJvbHM9XCJkcm9wZG93bi1iYXNpY1wiXG4gICAgY2xhc3M9XCJidG5cIlxuICAgIGlkPVwiYnV0dG9uLWRyb3Bkb3duXCJcbiAgPlxuICAgIHt7IGRyb3Bkb3duTW9kZWwuc2VsZWN0ZWRWYWx1ZVxuICAgIH19PGkgY2xhc3M9XCJzaS1hcnJvdy1oaWRlLXJldmVhbCBzZngtZm9udDE4XCI+PC9pPlxuICA8L2J1dHRvbj5cbiAgPHVsIGlkPVwiZHJvcGRvd24tYmFzaWNcIiAqZHJvcGRvd25NZW51IGNsYXNzPVwiZHJvcGRvd24tbWVudVwiIHJvbGU9XCJtZW51XCI+XG4gICAgPGxpXG4gICAgICAqbmdGb3I9XCJsZXQgYnRuRHJvcGRvd25JdGVtIG9mIGRyb3Bkb3duTW9kZWwuZHJvcGRvd25MaXN0XCJcbiAgICAgIChjbGljayk9XCJpdGVtQ2xpY2soYnRuRHJvcGRvd25JdGVtKVwiXG4gICAgPlxuICAgICAgPGFcbiAgICAgICAgaWQ9XCJidG4tZHJvcGRvd24te3sgYnRuRHJvcGRvd25JdGVtLmxhYmVsIHwgdHJpbUlkIH19XCJcbiAgICAgICAgaHJlZj1cImphdmFzY3JpcHQ6O1wiXG4gICAgICAgID57eyBidG5Ecm9wZG93bkl0ZW0ubGFiZWwgfX08L2FcbiAgICAgID5cbiAgICA8L2xpPlxuICA8L3VsPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvYnV0dG9uLWRyb3Bkb3duL2J1dHRvbi1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2J1dHRvbi1kcm9wZG93bi9idXR0b24tZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFXL0UsTUFBTSxPQUFPLHVCQUF1QjtJQUlsQztRQUZVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQStCLENBQUM7SUFFekQsQ0FBQztJQUVoQixTQUFTLENBQUMsSUFBaUM7UUFDekMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUM5QyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM5QixDQUFDOztvSEFUVSx1QkFBdUI7d0dBQXZCLHVCQUF1QixpTENYcEMsaTRCQTZCa0g7MkZEbEJyRyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UsMEJBQTBCOzBFQUszQixhQUFhO3NCQUFyQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0UsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEJ1dHRvbkRyb3Bkb3duTGlzdEl0ZW1Nb2RlbCxcbiAgQnV0dG9uRHJvcGRvd25MaXN0TW9kZWwsXG59IGZyb20gJy4vYnV0dG9uLWRyb3Bkb3duLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYnV0dG9uLWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi1kcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi1kcm9wZG93bi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Ecm9wZG93bkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRyb3Bkb3duTW9kZWw6IEJ1dHRvbkRyb3Bkb3duTGlzdE1vZGVsO1xuICBAT3V0cHV0KCkgaXRlbUNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEJ1dHRvbkRyb3Bkb3duTGlzdEl0ZW1Nb2RlbD4oKTtcbiAgQElucHV0KCkgaXNMYWJlbFZpZXc/OiBib29sZWFuO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgaXRlbUNsaWNrKGl0ZW06IEJ1dHRvbkRyb3Bkb3duTGlzdEl0ZW1Nb2RlbCkge1xuICAgIHRoaXMuZHJvcGRvd25Nb2RlbC5zZWxlY3RlZFZhbHVlID0gaXRlbS5sYWJlbDtcbiAgICB0aGlzLml0ZW1DbGlja2VkLmVtaXQoaXRlbSk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgW25nQ2xhc3NdPVwieydoaWRlJzogaXNMYWJlbFZpZXd9XCJcbiAgKm5nSWY9XCJkcm9wZG93bk1vZGVsXCJcbiAgY2xhc3M9XCJzZngtYnV0dG9uLWRyb3Bkb3duIGJ0bi1ncm91cFwiXG4gIGRyb3Bkb3duXG4+XG4gIDxidXR0b25cbiAgICBkcm9wZG93blRvZ2dsZVxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIGFyaWEtY29udHJvbHM9XCJkcm9wZG93bi1iYXNpY1wiXG4gICAgY2xhc3M9XCJidG5cIlxuICAgIGlkPVwiYnV0dG9uLWRyb3Bkb3duXCJcbiAgPlxuICAgIHt7IGRyb3Bkb3duTW9kZWwuc2VsZWN0ZWRWYWx1ZVxuICAgIH19PGkgY2xhc3M9XCJzaS1hcnJvdy1oaWRlLXJldmVhbCBzZngtZm9udDE4XCI+PC9pPlxuICA8L2J1dHRvbj5cbiAgPHVsIGlkPVwiZHJvcGRvd24tYmFzaWNcIiAqZHJvcGRvd25NZW51IGNsYXNzPVwiZHJvcGRvd24tbWVudVwiIHJvbGU9XCJtZW51XCI+XG4gICAgPGxpXG4gICAgICAqbmdGb3I9XCJsZXQgYnRuRHJvcGRvd25JdGVtIG9mIGRyb3Bkb3duTW9kZWwuZHJvcGRvd25MaXN0XCJcbiAgICAgIChjbGljayk9XCJpdGVtQ2xpY2soYnRuRHJvcGRvd25JdGVtKVwiXG4gICAgPlxuICAgICAgPGFcbiAgICAgICAgaWQ9XCJidG4tZHJvcGRvd24te3sgYnRuRHJvcGRvd25JdGVtLmxhYmVsIHwgdHJpbUlkIH19XCJcbiAgICAgICAgaHJlZj1cImphdmFzY3JpcHQ6O1wiXG4gICAgICAgID57eyBidG5Ecm9wZG93bkl0ZW0ubGFiZWwgfX08L2FcbiAgICAgID5cbiAgICA8L2xpPlxuICA8L3VsPlxuPC9kaXY+XG48cCBbbmdDbGFzc109XCJ7J2hpZGUnOiAhaXNMYWJlbFZpZXd9XCIgY2xhc3M9XCJidG5WYWx1ZVZpZXdcIiAqbmdJZj1cImlzTGFiZWxWaWV3XCI+e3tkcm9wZG93bk1vZGVsLnNlbGVjdGVkVmFsdWV9fTwvcD4iXX0=

package/esm2020/lib/atoms/input-text/input-text.component.mjs

@@ -32,10 +32,10 @@ export class InputTextComponent {
     }
 }
 InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", size: "size", value: "value", maxlength: "maxlength", isDisabled: "isDisabled", textInfo: "textInfo", textLink: "textLink", textClick: "textClick" }, outputs: { textChange: "textChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "textTemplateHide", first: true, predicate: ["textTemplateHide"], descendants: true }], ngImport: i0, template: "<div\n  class=\"input-text-wrap\"\n  [ngClass]=\"{\n    'input-secondary': isInverse\n  }\"\n>\n  <label [ngClass]=\"{'sfx-d-inline-block sfx-mr-10': textInfo}\" for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n    label\n  }}</label><i\n  *ngIf=\"textInfo\"\n  class=\"si-info sfx-cursor-pointer\"\n  [popover]=\"textTemplate\"\n  placement=\"bottom\"\n  containerClass=\"info-popover\"\n  [outsideClick]=\"true\"\n  #textTemplateHide=\"bs-popover\"\n></i>\n<ng-template #textTemplate\n  ><div>{{textInfo}} <a [href]=\"textLink\" target='_blank' (click)='textTemplateHide.hide()'>{{textClick}}</a></div>\n</ng-template>\n  <div class=\"sfx-p-5\">\n    <input\n      #input\n      type=\"text\"\n      name=\"input-text\"\n      class=\"input-text\"\n      autocomplete=\"off\"\n      placeholder=\"{{ placeholder }}\"\n      [(ngModel)]=\"value\"\n      (keyup)=\"onTextChange($event)\"\n      [attr.maxLength]=\"maxlength !== undefined ? maxlength : null\"\n      [disabled]=\"isDisabled\"\n    />\n    <symphony-icon [size]=\"size\" [icon]=\"icon\"></symphony-icon>\n  </div>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#000}.input-text-wrap.input-secondary .input-text{background-color:#fff;border-color:#334860}.input-text-wrap.input-secondary .input-text::-moz-placeholder{color:#000}.input-text-wrap.input-secondary .input-text:-ms-input-placeholder{color:#000}.input-text-wrap.input-secondary .input-text::placeholder{color:#000}.input-text-wrap .input-text-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text-label.sfx-d-inline-block{display:inline-block}.input-text-wrap .input-text{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:1.875rem;line-height:25px}.input-text-wrap .input-text::-moz-placeholder{color:#000}.input-text-wrap .input-text:-ms-input-placeholder{color:#000}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap .input-text:disabled{background-color:#f0f0f0;border:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:13px}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.PopoverDirective, selector: "[popover]", inputs: ["outsideClick", "containerClass", "isOpen", "adaptivePosition", "popover", "popoverContext", "popoverTitle", "placement", "triggers", "container", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", size: "size", value: "value", maxlength: "maxlength", isDisabled: "isDisabled", textInfo: "textInfo", textLink: "textLink", textClick: "textClick", isLabelView: "isLabelView" }, outputs: { textChange: "textChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "textTemplateHide", first: true, predicate: ["textTemplateHide"], descendants: true }], ngImport: i0, template: "<div\n  class=\"input-text-wrap\"\n  [ngClass]=\"{\n    'input-secondary': isInverse, 'hide': isLabelView\n  }\"\n>\n  <label [ngClass]=\"{'sfx-d-inline-block sfx-mr-10': textInfo}\" for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n    label\n  }}</label><i\n  *ngIf=\"textInfo\"\n  class=\"si-info sfx-cursor-pointer\"\n  [popover]=\"textTemplate\"\n  placement=\"bottom\"\n  containerClass=\"info-popover\"\n  [outsideClick]=\"true\"\n  #textTemplateHide=\"bs-popover\"\n></i>\n<ng-template #textTemplate\n  ><div>{{textInfo}} <a [href]=\"textLink\" target='_blank' (click)='textTemplateHide.hide()'>{{textClick}}</a></div>\n</ng-template>\n  <div class=\"sfx-p-5\">\n    <input\n      #input\n      type=\"text\"\n      name=\"input-text\"\n      class=\"input-text\"\n      autocomplete=\"off\"\n      placeholder=\"{{ placeholder }}\"\n      [(ngModel)]=\"value\"\n      (keyup)=\"onTextChange($event)\"\n      [attr.maxLength]=\"maxlength !== undefined ? maxlength : null\"\n      [disabled]=\"isDisabled\"\n    />\n    <symphony-icon [size]=\"size\" [icon]=\"icon\"></symphony-icon>\n  </div>\n</div>\n<p [ngClass]=\"{'hide': !isLabelView}\" class=\"inputValueView\" *ngIf=\"isLabelView\">{{value}}</p>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#000}.input-text-wrap.input-secondary .input-text{background-color:#fff;border-color:#334860}.input-text-wrap.input-secondary .input-text::-moz-placeholder{color:#000}.input-text-wrap.input-secondary .input-text:-ms-input-placeholder{color:#000}.input-text-wrap.input-secondary .input-text::placeholder{color:#000}.input-text-wrap .input-text-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text-label.sfx-d-inline-block{display:inline-block}.input-text-wrap .input-text{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:1.875rem;line-height:25px}.input-text-wrap .input-text::-moz-placeholder{color:#000}.input-text-wrap .input-text:-ms-input-placeholder{color:#000}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap .input-text:disabled{background-color:#f0f0f0;border:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:13px}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.PopoverDirective, selector: "[popover]", inputs: ["outsideClick", "containerClass", "isOpen", "adaptivePosition", "popover", "popoverContext", "popoverTitle", "placement", "triggers", "container", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-input-text', template: "<div\n  class=\"input-text-wrap\"\n  [ngClass]=\"{\n    'input-secondary': isInverse\n  }\"\n>\n  <label [ngClass]=\"{'sfx-d-inline-block sfx-mr-10': textInfo}\" for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n    label\n  }}</label><i\n  *ngIf=\"textInfo\"\n  class=\"si-info sfx-cursor-pointer\"\n  [popover]=\"textTemplate\"\n  placement=\"bottom\"\n  containerClass=\"info-popover\"\n  [outsideClick]=\"true\"\n  #textTemplateHide=\"bs-popover\"\n></i>\n<ng-template #textTemplate\n  ><div>{{textInfo}} <a [href]=\"textLink\" target='_blank' (click)='textTemplateHide.hide()'>{{textClick}}</a></div>\n</ng-template>\n  <div class=\"sfx-p-5\">\n    <input\n      #input\n      type=\"text\"\n      name=\"input-text\"\n      class=\"input-text\"\n      autocomplete=\"off\"\n      placeholder=\"{{ placeholder }}\"\n      [(ngModel)]=\"value\"\n      (keyup)=\"onTextChange($event)\"\n      [attr.maxLength]=\"maxlength !== undefined ? maxlength : null\"\n      [disabled]=\"isDisabled\"\n    />\n    <symphony-icon [size]=\"size\" [icon]=\"icon\"></symphony-icon>\n  </div>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#000}.input-text-wrap.input-secondary .input-text{background-color:#fff;border-color:#334860}.input-text-wrap.input-secondary .input-text::-moz-placeholder{color:#000}.input-text-wrap.input-secondary .input-text:-ms-input-placeholder{color:#000}.input-text-wrap.input-secondary .input-text::placeholder{color:#000}.input-text-wrap .input-text-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text-label.sfx-d-inline-block{display:inline-block}.input-text-wrap .input-text{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:1.875rem;line-height:25px}.input-text-wrap .input-text::-moz-placeholder{color:#000}.input-text-wrap .input-text:-ms-input-placeholder{color:#000}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap .input-text:disabled{background-color:#f0f0f0;border:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:13px}\n"] }]
+            args: [{ selector: 'symphony-input-text', template: "<div\n  class=\"input-text-wrap\"\n  [ngClass]=\"{\n    'input-secondary': isInverse, 'hide': isLabelView\n  }\"\n>\n  <label [ngClass]=\"{'sfx-d-inline-block sfx-mr-10': textInfo}\" for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n    label\n  }}</label><i\n  *ngIf=\"textInfo\"\n  class=\"si-info sfx-cursor-pointer\"\n  [popover]=\"textTemplate\"\n  placement=\"bottom\"\n  containerClass=\"info-popover\"\n  [outsideClick]=\"true\"\n  #textTemplateHide=\"bs-popover\"\n></i>\n<ng-template #textTemplate\n  ><div>{{textInfo}} <a [href]=\"textLink\" target='_blank' (click)='textTemplateHide.hide()'>{{textClick}}</a></div>\n</ng-template>\n  <div class=\"sfx-p-5\">\n    <input\n      #input\n      type=\"text\"\n      name=\"input-text\"\n      class=\"input-text\"\n      autocomplete=\"off\"\n      placeholder=\"{{ placeholder }}\"\n      [(ngModel)]=\"value\"\n      (keyup)=\"onTextChange($event)\"\n      [attr.maxLength]=\"maxlength !== undefined ? maxlength : null\"\n      [disabled]=\"isDisabled\"\n    />\n    <symphony-icon [size]=\"size\" [icon]=\"icon\"></symphony-icon>\n  </div>\n</div>\n<p [ngClass]=\"{'hide': !isLabelView}\" class=\"inputValueView\" *ngIf=\"isLabelView\">{{value}}</p>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#000}.input-text-wrap.input-secondary .input-text{background-color:#fff;border-color:#334860}.input-text-wrap.input-secondary .input-text::-moz-placeholder{color:#000}.input-text-wrap.input-secondary .input-text:-ms-input-placeholder{color:#000}.input-text-wrap.input-secondary .input-text::placeholder{color:#000}.input-text-wrap .input-text-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text-label.sfx-d-inline-block{display:inline-block}.input-text-wrap .input-text{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:1.875rem;line-height:25px}.input-text-wrap .input-text::-moz-placeholder{color:#000}.input-text-wrap .input-text:-ms-input-placeholder{color:#000}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap .input-text:disabled{background-color:#f0f0f0;border:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:13px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
                 type: Input
             }], icon: [{
@@ -58,6 +58,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 type: Input
             }], textClick: [{
                 type: Input
+            }], isLabelView: [{
+                type: Input
             }], textChange: [{
                 type: Output
             }], input: [{
@@ -67,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 type: ViewChild,
                 args: ['textTemplateHide']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUdOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsT0FBTyxFQUFnQixNQUFNLE1BQU0sQ0FBQztBQUM3QyxPQUFPLEVBQUUsWUFBWSxFQUF3QixNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFPcEUsTUFBTSxPQUFPLGtCQUFrQjtJQXFCN0I7UUFwQlMsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFLakIsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQU9sQixlQUFVLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFLekQsZ0JBQVcsR0FBRyxJQUFJLE9BQU8sRUFBVSxDQUFDO0lBRzVCLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxJQUFJLENBQUMsV0FBVzthQUMzQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ3hCLFNBQVMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO1FBQ0wsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsc0JBQXNCLEVBQUUsV0FBVyxFQUFFLENBQUM7SUFDN0MsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFLO1FBQ2hCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNsQixDQUFDOzsrR0ExQ1Usa0JBQWtCO21HQUFsQixrQkFBa0IsMmhCQ3RCL0IsbWxDQW9DQTsyRkRkYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UscUJBQXFCOzBFQUt0QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxVQUFVO3NCQUFuQixNQUFNO2dCQUVnQyxLQUFLO3NCQUEzQyxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBQ04sZ0JBQWdCO3NCQUE5QyxTQUFTO3VCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgU2VjdXJpdHlDb250ZXh0LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZUh0bWwgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcbmltcG9ydCB7IFBvcG92ZXJEaXJlY3RpdmUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL3BvcG92ZXInO1xuaW1wb3J0IHsgU3ViamVjdCwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUsIGRpc3RpbmN0VW50aWxDaGFuZ2VkIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1pbnB1dC10ZXh0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LXRleHQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC10ZXh0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIElucHV0VGV4dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBpc0ludmVyc2U6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHNpemU6IHN0cmluZztcbiAgQElucHV0KCkgdmFsdWU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBtYXhsZW5ndGg6IG51bWJlcjtcbiAgQElucHV0KCkgaXNEaXNhYmxlZDogYm9vbGVhbjtcbiAgQElucHV0KCkgdGV4dEluZm8/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRleHRMaW5rPzogc3RyaW5nO1xuICBASW5wdXQoKSB0ZXh0Q2xpY2s/OiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIHRleHRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JywgeyBzdGF0aWM6IGZhbHNlIH0pIGlucHV0OiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCd0ZXh0VGVtcGxhdGVIaWRlJykgdGV4dFRlbXBsYXRlSGlkZTogUG9wb3ZlckRpcmVjdGl2ZTtcblxuICBwdWJsaWMgdGV4dENoYW5nZSQgPSBuZXcgU3ViamVjdDxzdHJpbmc+KCk7XG4gIHB1YmxpYyB0ZXh0Q2hhbmdlU3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb247XG5cbiAgY29uc3RydWN0b3IoKXsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudGV4dENoYW5nZVN1YnNjcmlwdGlvbiA9IHRoaXMudGV4dENoYW5nZSRcbiAgICAgIC5waXBlKGRlYm91bmNlVGltZSgxMDAwKSlcbiAgICAgIC5zdWJzY3JpYmUoKHRjKSA9PiB7XG4gICAgICAgIHRoaXMudGV4dENoYW5nZS5lbWl0KHRjKTtcbiAgICAgIH0pO1xuICAgIHRoaXMuc2l6ZSA9ICcxNHB4JztcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMudGV4dENoYW5nZVN1YnNjcmlwdGlvbj8udW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIG9uVGV4dENoYW5nZShldmVudCkge1xuICAgIHRoaXMudGV4dENoYW5nZSQubmV4dChldmVudC50YXJnZXQudmFsdWUpO1xuICB9XG5cbiAgcmVzZXRWYWx1ZSgpIHtcbiAgICB0aGlzLnZhbHVlID0gJyc7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJpbnB1dC10ZXh0LXdyYXBcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ2lucHV0LXNlY29uZGFyeSc6IGlzSW52ZXJzZVxuICB9XCJcbj5cbiAgPGxhYmVsIFtuZ0NsYXNzXT1cInsnc2Z4LWQtaW5saW5lLWJsb2NrIHNmeC1tci0xMCc6IHRleHRJbmZvfVwiIGZvcj1cImlucHV0LXRleHRcIiAqbmdJZj1cImxhYmVsXCIgY2xhc3M9XCJpbnB1dC10ZXh0LWxhYmVsXCI+e3tcbiAgICBsYWJlbFxuICB9fTwvbGFiZWw+PGlcbiAgKm5nSWY9XCJ0ZXh0SW5mb1wiXG4gIGNsYXNzPVwic2ktaW5mbyBzZngtY3Vyc29yLXBvaW50ZXJcIlxuICBbcG9wb3Zlcl09XCJ0ZXh0VGVtcGxhdGVcIlxuICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICBjb250YWluZXJDbGFzcz1cImluZm8tcG9wb3ZlclwiXG4gIFtvdXRzaWRlQ2xpY2tdPVwidHJ1ZVwiXG4gICN0ZXh0VGVtcGxhdGVIaWRlPVwiYnMtcG9wb3ZlclwiXG4+PC9pPlxuPG5nLXRlbXBsYXRlICN0ZXh0VGVtcGxhdGVcbiAgPjxkaXY+e3t0ZXh0SW5mb319IDxhIFtocmVmXT1cInRleHRMaW5rXCIgdGFyZ2V0PSdfYmxhbmsnIChjbGljayk9J3RleHRUZW1wbGF0ZUhpZGUuaGlkZSgpJz57e3RleHRDbGlja319PC9hPjwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cInNmeC1wLTVcIj5cbiAgICA8aW5wdXRcbiAgICAgICNpbnB1dFxuICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgbmFtZT1cImlucHV0LXRleHRcIlxuICAgICAgY2xhc3M9XCJpbnB1dC10ZXh0XCJcbiAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiXG4gICAgICBwbGFjZWhvbGRlcj1cInt7IHBsYWNlaG9sZGVyIH19XCJcbiAgICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxuICAgICAgKGtleXVwKT1cIm9uVGV4dENoYW5nZSgkZXZlbnQpXCJcbiAgICAgIFthdHRyLm1heExlbmd0aF09XCJtYXhsZW5ndGggIT09IHVuZGVmaW5lZCA/IG1heGxlbmd0aCA6IG51bGxcIlxuICAgICAgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWRcIlxuICAgIC8+XG4gICAgPHN5bXBob255LWljb24gW3NpemVdPVwic2l6ZVwiIFtpY29uXT1cImljb25cIj48L3N5bXBob255LWljb24+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUdOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsT0FBTyxFQUFnQixNQUFNLE1BQU0sQ0FBQztBQUM3QyxPQUFPLEVBQUUsWUFBWSxFQUF3QixNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFPcEUsTUFBTSxPQUFPLGtCQUFrQjtJQXNCN0I7UUFyQlMsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFLakIsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQVFsQixlQUFVLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFLekQsZ0JBQVcsR0FBRyxJQUFJLE9BQU8sRUFBVSxDQUFDO0lBRzVCLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxJQUFJLENBQUMsV0FBVzthQUMzQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ3hCLFNBQVMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO1FBQ0wsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsc0JBQXNCLEVBQUUsV0FBVyxFQUFFLENBQUM7SUFDN0MsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFLO1FBQ2hCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNsQixDQUFDOzsrR0EzQ1Usa0JBQWtCO21HQUFsQixrQkFBa0IsdWpCQ3RCL0IsOHNDQXFDQTsyRkRmYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UscUJBQXFCOzBFQUt0QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU07Z0JBRWdDLEtBQUs7c0JBQTNDLFNBQVM7dUJBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFDTixnQkFBZ0I7c0JBQTlDLFNBQVM7dUJBQUMsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBTZWN1cml0eUNvbnRleHQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgUG9wb3ZlckRpcmVjdGl2ZSB9IGZyb20gJ25neC1ib290c3RyYXAvcG9wb3Zlcic7XG5pbXBvcnQgeyBTdWJqZWN0LCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWlucHV0LXRleHQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtdGV4dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LXRleHQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRUZXh0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlzSW52ZXJzZTogYm9vbGVhbjtcbiAgQElucHV0KCkgc2l6ZTogc3RyaW5nO1xuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIG1heGxlbmd0aDogbnVtYmVyO1xuICBASW5wdXQoKSBpc0Rpc2FibGVkOiBib29sZWFuO1xuICBASW5wdXQoKSB0ZXh0SW5mbz86IHN0cmluZztcbiAgQElucHV0KCkgdGV4dExpbms/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRleHRDbGljaz86IHN0cmluZztcbiAgQElucHV0KCkgaXNMYWJlbFZpZXc/OiBib29sZWFuO1xuXG4gIEBPdXRwdXQoKSB0ZXh0Q2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAVmlld0NoaWxkKCdpbnB1dCcsIHsgc3RhdGljOiBmYWxzZSB9KSBpbnB1dDogRWxlbWVudFJlZjtcbiAgQFZpZXdDaGlsZCgndGV4dFRlbXBsYXRlSGlkZScpIHRleHRUZW1wbGF0ZUhpZGU6IFBvcG92ZXJEaXJlY3RpdmU7XG5cbiAgcHVibGljIHRleHRDaGFuZ2UkID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpO1xuICBwdWJsaWMgdGV4dENoYW5nZVN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uO1xuXG4gIGNvbnN0cnVjdG9yKCl7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRleHRDaGFuZ2VTdWJzY3JpcHRpb24gPSB0aGlzLnRleHRDaGFuZ2UkXG4gICAgICAucGlwZShkZWJvdW5jZVRpbWUoMTAwMCkpXG4gICAgICAuc3Vic2NyaWJlKCh0YykgPT4ge1xuICAgICAgICB0aGlzLnRleHRDaGFuZ2UuZW1pdCh0Yyk7XG4gICAgICB9KTtcbiAgICB0aGlzLnNpemUgPSAnMTRweCc7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnRleHRDaGFuZ2VTdWJzY3JpcHRpb24/LnVuc3Vic2NyaWJlKCk7XG4gIH1cblxuICBvblRleHRDaGFuZ2UoZXZlbnQpIHtcbiAgICB0aGlzLnRleHRDaGFuZ2UkLm5leHQoZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgfVxuXG4gIHJlc2V0VmFsdWUoKSB7XG4gICAgdGhpcy52YWx1ZSA9ICcnO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiaW5wdXQtdGV4dC13cmFwXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICdpbnB1dC1zZWNvbmRhcnknOiBpc0ludmVyc2UsICdoaWRlJzogaXNMYWJlbFZpZXdcbiAgfVwiXG4+XG4gIDxsYWJlbCBbbmdDbGFzc109XCJ7J3NmeC1kLWlubGluZS1ibG9jayBzZngtbXItMTAnOiB0ZXh0SW5mb31cIiBmb3I9XCJpbnB1dC10ZXh0XCIgKm5nSWY9XCJsYWJlbFwiIGNsYXNzPVwiaW5wdXQtdGV4dC1sYWJlbFwiPnt7XG4gICAgbGFiZWxcbiAgfX08L2xhYmVsPjxpXG4gICpuZ0lmPVwidGV4dEluZm9cIlxuICBjbGFzcz1cInNpLWluZm8gc2Z4LWN1cnNvci1wb2ludGVyXCJcbiAgW3BvcG92ZXJdPVwidGV4dFRlbXBsYXRlXCJcbiAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgY29udGFpbmVyQ2xhc3M9XCJpbmZvLXBvcG92ZXJcIlxuICBbb3V0c2lkZUNsaWNrXT1cInRydWVcIlxuICAjdGV4dFRlbXBsYXRlSGlkZT1cImJzLXBvcG92ZXJcIlxuPjwvaT5cbjxuZy10ZW1wbGF0ZSAjdGV4dFRlbXBsYXRlXG4gID48ZGl2Pnt7dGV4dEluZm99fSA8YSBbaHJlZl09XCJ0ZXh0TGlua1wiIHRhcmdldD0nX2JsYW5rJyAoY2xpY2spPSd0ZXh0VGVtcGxhdGVIaWRlLmhpZGUoKSc+e3t0ZXh0Q2xpY2t9fTwvYT48L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4gIDxkaXYgY2xhc3M9XCJzZngtcC01XCI+XG4gICAgPGlucHV0XG4gICAgICAjaW5wdXRcbiAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgIG5hbWU9XCJpbnB1dC10ZXh0XCJcbiAgICAgIGNsYXNzPVwiaW5wdXQtdGV4dFwiXG4gICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgcGxhY2Vob2xkZXI9XCJ7eyBwbGFjZWhvbGRlciB9fVwiXG4gICAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcbiAgICAgIChrZXl1cCk9XCJvblRleHRDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBbYXR0ci5tYXhMZW5ndGhdPVwibWF4bGVuZ3RoICE9PSB1bmRlZmluZWQgPyBtYXhsZW5ndGggOiBudWxsXCJcbiAgICAgIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcbiAgICAvPlxuICAgIDxzeW1waG9ueS1pY29uIFtzaXplXT1cInNpemVcIiBbaWNvbl09XCJpY29uXCI+PC9zeW1waG9ueS1pY29uPlxuICA8L2Rpdj5cbjwvZGl2PlxuPHAgW25nQ2xhc3NdPVwieydoaWRlJzogIWlzTGFiZWxWaWV3fVwiIGNsYXNzPVwiaW5wdXRWYWx1ZVZpZXdcIiAqbmdJZj1cImlzTGFiZWxWaWV3XCI+e3t2YWx1ZX19PC9wPlxuIl19

package/esm2020/lib/organisms/addition-modal/addition-modal.component.mjs

@@ -22,7 +22,7 @@ export class AdditionModalComponent {
     }
 }
 AdditionModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdditionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionModalComponent, selector: "symphony-addition-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4 [text]=\"model.title\"></symphony-h4>\n        </div>\n        <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n          <symphony-icon\n            class=\"pull-right\"\n            [icon]=\"'si-close-modal'\"\n            (clicked)=\"onCloseButtonClick()\"\n          ></symphony-icon>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\">\n    <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n    <symphony-input-text\n      [maxlength]=\"model.maxlength\"\n      (textChange)=\"onTextChanged($event)\"\n    ></symphony-input-text>\n    <symphony-paragraph class=\"sfx-txt-red\">{{ model.message }}</symphony-paragraph>\n  </section>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n    <symphony-button\n      *ngIf=\"model.btnSecondary\"\n      [text]=\"model.btnSecondary\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-button>\n    <symphony-button\n      [disabled]=\"!valueToAdd?.length\"\n      class=\"sfx-ml-20\"\n      [text]=\"model.btnPrimary\"\n      (clicked)=\"onButtonClick()\"\n    ></symphony-button>\n  </section>\n</div>\n", components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick"], outputs: ["textChange"] }, { type: i5.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+AdditionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionModalComponent, selector: "symphony-addition-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4 [text]=\"model.title\"></symphony-h4>\n        </div>\n        <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n          <symphony-icon\n            class=\"pull-right\"\n            [icon]=\"'si-close-modal'\"\n            (clicked)=\"onCloseButtonClick()\"\n          ></symphony-icon>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\">\n    <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n    <symphony-input-text\n      [maxlength]=\"model.maxlength\"\n      (textChange)=\"onTextChanged($event)\"\n    ></symphony-input-text>\n    <symphony-paragraph class=\"sfx-txt-red\">{{ model.message }}</symphony-paragraph>\n  </section>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n    <symphony-button\n      *ngIf=\"model.btnSecondary\"\n      [text]=\"model.btnSecondary\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-button>\n    <symphony-button\n      [disabled]=\"!valueToAdd?.length\"\n      class=\"sfx-ml-20\"\n      [text]=\"model.btnPrimary\"\n      (clicked)=\"onButtonClick()\"\n    ></symphony-button>\n  </section>\n</div>\n", components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i5.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-addition-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4 [text]=\"model.title\"></symphony-h4>\n        </div>\n        <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n          <symphony-icon\n            class=\"pull-right\"\n            [icon]=\"'si-close-modal'\"\n            (clicked)=\"onCloseButtonClick()\"\n          ></symphony-icon>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\">\n    <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n    <symphony-input-text\n      [maxlength]=\"model.maxlength\"\n      (textChange)=\"onTextChanged($event)\"\n    ></symphony-input-text>\n    <symphony-paragraph class=\"sfx-txt-red\">{{ model.message }}</symphony-paragraph>\n  </section>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n    <symphony-button\n      *ngIf=\"model.btnSecondary\"\n      [text]=\"model.btnSecondary\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-button>\n    <symphony-button\n      [disabled]=\"!valueToAdd?.length\"\n      class=\"sfx-ml-20\"\n      [text]=\"model.btnPrimary\"\n      (clicked)=\"onButtonClick()\"\n    ></symphony-button>\n  </section>\n</div>\n" }]

package/esm2020/lib/organisms/feedback-login-modal/feedback-login-modal.component.mjs

@@ -29,7 +29,7 @@ export class FeedbackLoginModalComponent {
     }
 }
 FeedbackLoginModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackLoginModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackLoginModalComponent, selector: "symphony-feedback-login-modal", inputs: { model: "model" }, outputs: { verifyClicked: "verifyClicked", resendClick: "resendClick", authCodeChange: "authCodeChange", sendCodeClick: "sendCodeClick" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4>Two-Factor Authentication</symphony-h4>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n    <symphony-paragraph [text]=\"model.headerDescription\"></symphony-paragraph>\n    <symphony-paragraph\n      class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n      [text]=\"model.email\"\n    ></symphony-paragraph>\n    <div>\n      <symphony-input-text\n        class=\"authentication-input sfx-d-inline-block\"\n        [label]=\"'Authentication Code'\"\n        (textChange)=\"onAuthCodeChange($event)\"\n        [isDisabled]=\"model.isSendCodeEnabled\"\n      >\n      </symphony-input-text>\n      <symphony-paragraph\n        *ngIf=\"model.resendCodeTimerText\"\n        class=\"sfx-d-inline-block resendTimerText\"\n      >\n        <i class=\"si-timeframe\"></i> \n        {{model.resendCodeTimerText}}\n      </symphony-paragraph>\n      <symphony-h5\n        *ngIf=\"model.isResendCodeEnabled\"\n        class=\"sfx-d-inline-block sfx-cursor-pointer btn-resend\"\n        [text]=\"'Resend'\"\n        (click)=\"onResendClick()\"\n      ></symphony-h5>\n      <symphony-h5\n        *ngIf=\"model.isSendCodeEnabled\"\n        class=\"sfx-d-inline-block sfx-cursor-pointer btn-resend\"\n        [text]=\"'Send Code'\"\n        (click)=\"onSendCodeClick()\"\n      ></symphony-h5>\n    </div>\n    <div class=\"input-validation sfx-txt-red-v2\">\n        <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n    </div>\n    <symphony-paragraph\n      class=\"sfx-mt-20 sfx-d-block\"\n    >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n  </section>\n  <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n    <symphony-button-v2\n      [text]=\"'Verify'\"\n      [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n      (clicked)=\"onVerifyClick($event)\"\n    ></symphony-button-v2>\n  </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px rgba(0,0,0,.2)}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}.btn-resend .h5-primary{font-weight:700!important;font-size:14px;color:#712ace}.resendTimerText{font-style:italic}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick"], outputs: ["textChange"] }, { type: i4.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackLoginModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackLoginModalComponent, selector: "symphony-feedback-login-modal", inputs: { model: "model" }, outputs: { verifyClicked: "verifyClicked", resendClick: "resendClick", authCodeChange: "authCodeChange", sendCodeClick: "sendCodeClick" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4>Two-Factor Authentication</symphony-h4>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n    <symphony-paragraph [text]=\"model.headerDescription\"></symphony-paragraph>\n    <symphony-paragraph\n      class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n      [text]=\"model.email\"\n    ></symphony-paragraph>\n    <div>\n      <symphony-input-text\n        class=\"authentication-input sfx-d-inline-block\"\n        [label]=\"'Authentication Code'\"\n        (textChange)=\"onAuthCodeChange($event)\"\n        [isDisabled]=\"model.isSendCodeEnabled\"\n      >\n      </symphony-input-text>\n      <symphony-paragraph\n        *ngIf=\"model.resendCodeTimerText\"\n        class=\"sfx-d-inline-block resendTimerText\"\n      >\n        <i class=\"si-timeframe\"></i> \n        {{model.resendCodeTimerText}}\n      </symphony-paragraph>\n      <symphony-h5\n        *ngIf=\"model.isResendCodeEnabled\"\n        class=\"sfx-d-inline-block sfx-cursor-pointer btn-resend\"\n        [text]=\"'Resend'\"\n        (click)=\"onResendClick()\"\n      ></symphony-h5>\n      <symphony-h5\n        *ngIf=\"model.isSendCodeEnabled\"\n        class=\"sfx-d-inline-block sfx-cursor-pointer btn-resend\"\n        [text]=\"'Send Code'\"\n        (click)=\"onSendCodeClick()\"\n      ></symphony-h5>\n    </div>\n    <div class=\"input-validation sfx-txt-red-v2\">\n        <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n    </div>\n    <symphony-paragraph\n      class=\"sfx-mt-20 sfx-d-block\"\n    >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n  </section>\n  <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n    <symphony-button-v2\n      [text]=\"'Verify'\"\n      [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n      (clicked)=\"onVerifyClick($event)\"\n    ></symphony-button-v2>\n  </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px rgba(0,0,0,.2)}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}.btn-resend .h5-primary{font-weight:700!important;font-size:14px;color:#712ace}.resendTimerText{font-style:italic}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i4.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-feedback-login-modal', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4>Two-Factor Authentication</symphony-h4>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n    <symphony-paragraph [text]=\"model.headerDescription\"></symphony-paragraph>\n    <symphony-paragraph\n      class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n      [text]=\"model.email\"\n    ></symphony-paragraph>\n    <div>\n      <symphony-input-text\n        class=\"authentication-input sfx-d-inline-block\"\n        [label]=\"'Authentication Code'\"\n        (textChange)=\"onAuthCodeChange($event)\"\n        [isDisabled]=\"model.isSendCodeEnabled\"\n      >\n      </symphony-input-text>\n      <symphony-paragraph\n        *ngIf=\"model.resendCodeTimerText\"\n        class=\"sfx-d-inline-block resendTimerText\"\n      >\n        <i class=\"si-timeframe\"></i> \n        {{model.resendCodeTimerText}}\n      </symphony-paragraph>\n      <symphony-h5\n        *ngIf=\"model.isResendCodeEnabled\"\n        class=\"sfx-d-inline-block sfx-cursor-pointer btn-resend\"\n        [text]=\"'Resend'\"\n        (click)=\"onResendClick()\"\n      ></symphony-h5>\n      <symphony-h5\n        *ngIf=\"model.isSendCodeEnabled\"\n        class=\"sfx-d-inline-block sfx-cursor-pointer btn-resend\"\n        [text]=\"'Send Code'\"\n        (click)=\"onSendCodeClick()\"\n      ></symphony-h5>\n    </div>\n    <div class=\"input-validation sfx-txt-red-v2\">\n        <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n    </div>\n    <symphony-paragraph\n      class=\"sfx-mt-20 sfx-d-block\"\n    >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n  </section>\n  <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n    <symphony-button-v2\n      [text]=\"'Verify'\"\n      [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n      (clicked)=\"onVerifyClick($event)\"\n    ></symphony-button-v2>\n  </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px rgba(0,0,0,.2)}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}.btn-resend .h5-primary{font-weight:700!important;font-size:14px;color:#712ace}.resendTimerText{font-style:italic}\n"] }]

package/esm2020/lib/pages/advertised-job-postings-list-page/advertised-job-postings-list-page.component.mjs

@@ -32,7 +32,7 @@ export class AdvertisedJobPostingsListPageComponent {
     }
 }
 AdvertisedJobPostingsListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdvertisedJobPostingsListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsListPageComponent, selector: "symphony-advertised-job-postings-list-page", inputs: { model: "model", gridActionModel: "gridActionModel", gridControlsModel: "gridControlsModel" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridControlClick: "gridControlClick", gridActionClick: "gridActionClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-advertised-job-postings-list-template *ngIf=\"model\">\n  <symphony-h3 sfx-header>Your Job Postings</symphony-h3>\n\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-text\n      filter-one\n      [label]=\"'Search by Job Site'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n  </symphony-two-column-filter-area>\n  <symphony-action-bar-advertise-job-list\n    sfx-grid-action\n    [gridActionModel]=\"model.gridActions\"\n    [gridControlsModel]=\"model.gridControls\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n  ></symphony-action-bar-advertise-job-list>\n\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n  ></symphony-grid>\n</symphony-advertised-job-postings-list-template>\n", styles: [""], components: [{ type: i1.AdvertisedJobPostingsListTemplateComponent, selector: "symphony-advertised-job-postings-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick"], outputs: ["textChange"] }, { type: i5.ActionBarAdvertiseJobListComponent, selector: "symphony-action-bar-advertise-job-list", inputs: ["gridActionModel", "gridControlsModel"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i6.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i7.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+AdvertisedJobPostingsListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsListPageComponent, selector: "symphony-advertised-job-postings-list-page", inputs: { model: "model", gridActionModel: "gridActionModel", gridControlsModel: "gridControlsModel" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridControlClick: "gridControlClick", gridActionClick: "gridActionClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-advertised-job-postings-list-template *ngIf=\"model\">\n  <symphony-h3 sfx-header>Your Job Postings</symphony-h3>\n\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-text\n      filter-one\n      [label]=\"'Search by Job Site'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n  </symphony-two-column-filter-area>\n  <symphony-action-bar-advertise-job-list\n    sfx-grid-action\n    [gridActionModel]=\"model.gridActions\"\n    [gridControlsModel]=\"model.gridControls\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n  ></symphony-action-bar-advertise-job-list>\n\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n  ></symphony-grid>\n</symphony-advertised-job-postings-list-template>\n", styles: [""], components: [{ type: i1.AdvertisedJobPostingsListTemplateComponent, selector: "symphony-advertised-job-postings-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i5.ActionBarAdvertiseJobListComponent, selector: "symphony-action-bar-advertise-job-list", inputs: ["gridActionModel", "gridControlsModel"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i6.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i7.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsListPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-advertised-job-postings-list-page', template: "<symphony-advertised-job-postings-list-template *ngIf=\"model\">\n  <symphony-h3 sfx-header>Your Job Postings</symphony-h3>\n\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-text\n      filter-one\n      [label]=\"'Search by Job Site'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n  </symphony-two-column-filter-area>\n  <symphony-action-bar-advertise-job-list\n    sfx-grid-action\n    [gridActionModel]=\"model.gridActions\"\n    [gridControlsModel]=\"model.gridControls\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n  ></symphony-action-bar-advertise-job-list>\n\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n  ></symphony-grid>\n</symphony-advertised-job-postings-list-template>\n", styles: [""] }]

package/esm2020/lib/pages/events-settings-page/events-settings-page.component.mjs

@@ -44,7 +44,7 @@ export class EventsSettingsPageComponent {
     }
 }
 EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header>Event Settings</symphony-h3>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      (selectItem)=\"onFilterChange($event)\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [gridContextMenu]=\"true\"\n  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"], components: [{ type: i1.AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: i2.BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: i3.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i6.TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: i7.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i8.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick"], outputs: ["textChange"] }, { type: i9.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i10.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header>Event Settings</symphony-h3>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      (selectItem)=\"onFilterChange($event)\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [gridContextMenu]=\"true\"\n  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"], components: [{ type: i1.AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: i2.BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: i3.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i6.TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: i7.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i8.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i9.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i10.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-events-settings-page', encapsulation: ViewEncapsulation.None, template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header>Event Settings</symphony-h3>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      (selectItem)=\"onFilterChange($event)\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [gridContextMenu]=\"true\"\n  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"] }]

package/esm2020/lib/pages/job-list-page/job-list-page.component.mjs

@@ -55,7 +55,7 @@ export class JobListPageComponent {
     }
 }
 JobListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n      class=\"sfx-position-relative\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n      <symphony-advance-filter-selected-counter\n        *ngIf=\"jobListModel.advancedSearchFilterCount\"\n        [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n      ></symphony-advance-filter-selected-counter>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: i1.ContactListTemplateComponent, selector: "symphony-contact-list-template", inputs: ["hasBorderBottom", "removeFilterSection"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.FilterAreaComponent, selector: "symphony-filter-area" }, { type: i6.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i7.AdvanceFilterSelectedCounterComponent, selector: "symphony-advance-filter-selected-counter", inputs: ["advancedSearchFilterCount"] }, { type: i8.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i9.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i10.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i11.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick"], outputs: ["textChange"] }, { type: i12.ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i13.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n      class=\"sfx-position-relative\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n      <symphony-advance-filter-selected-counter\n        *ngIf=\"jobListModel.advancedSearchFilterCount\"\n        [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n      ></symphony-advance-filter-selected-counter>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: i1.ContactListTemplateComponent, selector: "symphony-contact-list-template", inputs: ["hasBorderBottom", "removeFilterSection"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.FilterAreaComponent, selector: "symphony-filter-area" }, { type: i6.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i7.AdvanceFilterSelectedCounterComponent, selector: "symphony-advance-filter-selected-counter", inputs: ["advancedSearchFilterCount"] }, { type: i8.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i9.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i10.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i11.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i12.ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i13.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-job-list-page', template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n      class=\"sfx-position-relative\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n      <symphony-advance-filter-selected-counter\n        *ngIf=\"jobListModel.advancedSearchFilterCount\"\n        [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n      ></symphony-advance-filter-selected-counter>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]

package/esm2020/lib/pages/libraries-page/libraries-page.component.mjs

@@ -21,7 +21,7 @@ export class LibrariesPageComponent {
     }
 }
 LibrariesPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LibrariesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LibrariesPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LibrariesPageComponent, selector: "symphony-libraries-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".card-list{padding:5px}\n"], components: [{ type: i1.SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick"], outputs: ["textChange"] }, { type: i5.CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+LibrariesPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LibrariesPageComponent, selector: "symphony-libraries-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".card-list{padding:5px}\n"], components: [{ type: i1.SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i5.CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LibrariesPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-libraries-page', encapsulation: ViewEncapsulation.None, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".card-list{padding:5px}\n"] }]

package/esm2020/lib/pages/modals/advance-search-modal/advance-search-modal.component.mjs

@@ -28,7 +28,7 @@ export class AdvanceSearchModalComponent {
     }
 }
 AdvanceSearchModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvanceSearchModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdvanceSearchModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvanceSearchModalComponent, selector: "symphony-advance-search-modal", inputs: { checkboxList: "checkboxList" }, outputs: { keywordSearchChange: "keywordSearchChange", closeButtonClicked: "closeButtonClicked", checkboxClicked: "checkboxClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>Select your filters</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n\n  <symphony-two-column-body-template [showHeader]=\"true\" sfx-modal-body-area>\n    <symphony-input-text\n      sfx-left-col-header\n      [placeholder]=\"'Search Data Sets'\"\n      [icon]=\"'si-search-new'\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n\n    <symphony-paragraph\n      class=\"sfx-d-flex sfx-mt-15\"\n      sfx-right-col-header\n      [isSecondary]=\"false\"\n      [isFontBold]=\"true\"\n    >Active Filters</symphony-paragraph>\n\n    <div class=\"select-list\" sfx-left-column [style.height.px]=\"getElementHeight.offsetHeight\">\n      <symphony-input-checkbox-list\n        [checkboxList]=\"checkboxList\"\n        (checkboxClicked)=\"onCheckboxClicked($event)\"\n      ></symphony-input-checkbox-list>\n    </div>\n    \n    <div sfx-right-column class=\"sfx-pr-10\" #getElementHeight>\n      <div>\n        <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n      </div>\n    </div>\n  </symphony-two-column-body-template>\n  <symphony-button\n    sfx-button-secondary\n    [text]=\"'See Results'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"false\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n</symphony-two-column-modal-template>\n", styles: [".select-list{min-height:450px;overflow-y:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}\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.TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: i5.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick"], outputs: ["textChange"] }, { type: i6.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i7.InputCheckboxListComponent, selector: "symphony-input-checkbox-list", inputs: ["checkboxList"], outputs: ["checkboxClicked"] }, { type: i8.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }] });
+AdvanceSearchModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvanceSearchModalComponent, selector: "symphony-advance-search-modal", inputs: { checkboxList: "checkboxList" }, outputs: { keywordSearchChange: "keywordSearchChange", closeButtonClicked: "closeButtonClicked", checkboxClicked: "checkboxClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>Select your filters</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n\n  <symphony-two-column-body-template [showHeader]=\"true\" sfx-modal-body-area>\n    <symphony-input-text\n      sfx-left-col-header\n      [placeholder]=\"'Search Data Sets'\"\n      [icon]=\"'si-search-new'\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n\n    <symphony-paragraph\n      class=\"sfx-d-flex sfx-mt-15\"\n      sfx-right-col-header\n      [isSecondary]=\"false\"\n      [isFontBold]=\"true\"\n    >Active Filters</symphony-paragraph>\n\n    <div class=\"select-list\" sfx-left-column [style.height.px]=\"getElementHeight.offsetHeight\">\n      <symphony-input-checkbox-list\n        [checkboxList]=\"checkboxList\"\n        (checkboxClicked)=\"onCheckboxClicked($event)\"\n      ></symphony-input-checkbox-list>\n    </div>\n    \n    <div sfx-right-column class=\"sfx-pr-10\" #getElementHeight>\n      <div>\n        <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n      </div>\n    </div>\n  </symphony-two-column-body-template>\n  <symphony-button\n    sfx-button-secondary\n    [text]=\"'See Results'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"false\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n</symphony-two-column-modal-template>\n", styles: [".select-list{min-height:450px;overflow-y:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}\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.TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: i5.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i6.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i7.InputCheckboxListComponent, selector: "symphony-input-checkbox-list", inputs: ["checkboxList"], outputs: ["checkboxClicked"] }, { type: i8.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvanceSearchModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-advance-search-modal', template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>Select your filters</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n\n  <symphony-two-column-body-template [showHeader]=\"true\" sfx-modal-body-area>\n    <symphony-input-text\n      sfx-left-col-header\n      [placeholder]=\"'Search Data Sets'\"\n      [icon]=\"'si-search-new'\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n\n    <symphony-paragraph\n      class=\"sfx-d-flex sfx-mt-15\"\n      sfx-right-col-header\n      [isSecondary]=\"false\"\n      [isFontBold]=\"true\"\n    >Active Filters</symphony-paragraph>\n\n    <div class=\"select-list\" sfx-left-column [style.height.px]=\"getElementHeight.offsetHeight\">\n      <symphony-input-checkbox-list\n        [checkboxList]=\"checkboxList\"\n        (checkboxClicked)=\"onCheckboxClicked($event)\"\n      ></symphony-input-checkbox-list>\n    </div>\n    \n    <div sfx-right-column class=\"sfx-pr-10\" #getElementHeight>\n      <div>\n        <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n      </div>\n    </div>\n  </symphony-two-column-body-template>\n  <symphony-button\n    sfx-button-secondary\n    [text]=\"'See Results'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"false\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n</symphony-two-column-modal-template>\n", styles: [".select-list{min-height:450px;overflow-y:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}\n"] }]

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

@@ -211,7 +211,7 @@ export class AdvertiseModalComponent {
     }
 }
 AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [{ token: i1.DecimalPipe }], target: i0.ɵɵFactoryTarget.Component });
-AdvertiseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertiseModalComponent, selector: "symphony-advertise-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked", postingBoardChange: "postingBoardChange", keywordSearchChange: "keywordSearchChange" }, usesOnChanges: true, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n  <symphony-h4\n    *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n    sfx-modal-title\n    >Select Your Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n    >Review you Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n    >Confirmation of your Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n    >Processing Order...</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n    >Loading Job Boards...</symphony-h4\n  >\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n  </symphony-h5-with-icon>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n    [showHeader]=\"true\"\n    sfx-modal-body-area\n  >\n    <symphony-input-text\n      sfx-left-col-header\n      [placeholder]=\"'Search Ad Boards'\"\n      [icon]=\"'si-search-new'\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <div class=\"right-col-header-inner\" sfx-right-col-header>\n      <symphony-h5-with-icon\n        sfx-right-col-header\n        *ngIf=\"model.showFunds\"\n        class=\"pull-right\"\n        [model]=\"fundsInfo\"\n      ></symphony-h5-with-icon>\n    </div>\n    <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n      <symphony-advertise-postingboard-selection-list\n        [model]=\"model.jobBoards\"\n        (postingBoardChange)=\"onPostingBoardChange($event)\"\n      ></symphony-advertise-postingboard-selection-list>\n    </div>\n\n    <symphony-order-summary\n      sfx-right-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n  </symphony-two-column-body-template>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n    sfx-modal-body-area\n    class=\"height-wrapper\"\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n\n    <div\n      sfx-right-column\n      class=\"posting-boards phaser center-h-v light-grey-bg\"\n    >\n      <symphony-phaser-card [model]=\"phaserCardReview\"></symphony-phaser-card>\n    </div>\n  </symphony-two-column-body-template>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n    sfx-modal-body-area\n    class=\"height-wrapper\"\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n    <div\n      sfx-right-column\n      class=\"posting-boards phaser center-h-v light-grey-bg\"\n    >\n      <symphony-phaser-card\n        [model]=\"phaserCardConfirmation\"\n      ></symphony-phaser-card>\n    </div>\n  </symphony-two-column-body-template>\n\n  <div\n    *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n    sfx-modal-body-area\n    class=\"posting-boards sfx-p-30\"\n  >\n    <div class=\"processing-container\">\n      <symphony-paragraph\n        ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n        Some orders happen immediately, while others take a little more time.\n        Check your order status if you don't recieve a confirmation in the next\n        24hours.</symphony-paragraph\n      >\n    </div>\n    <div class=\"sfx-mt-80\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n\n  <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showJobBoardsSelection\"\n    sfx-button-secondary\n    [text]=\"'Cancel'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n    sfx-button-primary\n    [text]=\"'Review Order'\"\n    [disabled]=\"isJobBoardNextButtonDisabled\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-back\n    [text]=\"'Edit Order'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-secondary\n    [text]=\"'Cancel'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-primary\n    [text]=\"'Buy'\"\n    [disabled]=\"false\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showConfirmation\"\n    sfx-button-primary\n    [text]=\"'Finish & Close'\"\n    [disabled]=\"false\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-confirmation-modal\n  *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n  (buttonClicked)=\"onButtonClick($event)\"\n  (closeButtonClicked)=\"onCloseButtonClick()\"\n  [model]=\"cancelContent\"\n>\n</symphony-confirmation-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}.posting-boards.phaser{overflow:hidden;padding:40px 80px;min-height:480px}.height-wrapper .order-summary,.height-wrapper .sfx-price-totals{padding:0}.height-wrapper .sfx-checkbox-list{min-height:480px}.light-grey-bg{background:#ebebeb}.center-h-v{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"], components: [{ type: i2.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: ["model"] }, { type: i6.TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: i7.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick"], outputs: ["textChange"] }, { type: i8.AdvertisePostingboardSelectionListComponent, selector: "symphony-advertise-postingboard-selection-list", inputs: ["model"], outputs: ["postingBoardChange"] }, { type: i9.OrderSummaryComponent, selector: "symphony-order-summary", inputs: ["model"] }, { type: i10.PhaserCardComponent, selector: "symphony-phaser-card", inputs: ["model", "isClickable", "hasHover"], outputs: ["cardClicked", "cardHover"] }, { type: i11.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i12.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i13.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { type: i14.ConfirmationModalComponent, selector: "symphony-confirmation-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+AdvertiseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertiseModalComponent, selector: "symphony-advertise-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked", postingBoardChange: "postingBoardChange", keywordSearchChange: "keywordSearchChange" }, usesOnChanges: true, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n  <symphony-h4\n    *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n    sfx-modal-title\n    >Select Your Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n    >Review you Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n    >Confirmation of your Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n    >Processing Order...</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n    >Loading Job Boards...</symphony-h4\n  >\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n  </symphony-h5-with-icon>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n    [showHeader]=\"true\"\n    sfx-modal-body-area\n  >\n    <symphony-input-text\n      sfx-left-col-header\n      [placeholder]=\"'Search Ad Boards'\"\n      [icon]=\"'si-search-new'\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <div class=\"right-col-header-inner\" sfx-right-col-header>\n      <symphony-h5-with-icon\n        sfx-right-col-header\n        *ngIf=\"model.showFunds\"\n        class=\"pull-right\"\n        [model]=\"fundsInfo\"\n      ></symphony-h5-with-icon>\n    </div>\n    <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n      <symphony-advertise-postingboard-selection-list\n        [model]=\"model.jobBoards\"\n        (postingBoardChange)=\"onPostingBoardChange($event)\"\n      ></symphony-advertise-postingboard-selection-list>\n    </div>\n\n    <symphony-order-summary\n      sfx-right-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n  </symphony-two-column-body-template>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n    sfx-modal-body-area\n    class=\"height-wrapper\"\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n\n    <div\n      sfx-right-column\n      class=\"posting-boards phaser center-h-v light-grey-bg\"\n    >\n      <symphony-phaser-card [model]=\"phaserCardReview\"></symphony-phaser-card>\n    </div>\n  </symphony-two-column-body-template>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n    sfx-modal-body-area\n    class=\"height-wrapper\"\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n    <div\n      sfx-right-column\n      class=\"posting-boards phaser center-h-v light-grey-bg\"\n    >\n      <symphony-phaser-card\n        [model]=\"phaserCardConfirmation\"\n      ></symphony-phaser-card>\n    </div>\n  </symphony-two-column-body-template>\n\n  <div\n    *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n    sfx-modal-body-area\n    class=\"posting-boards sfx-p-30\"\n  >\n    <div class=\"processing-container\">\n      <symphony-paragraph\n        ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n        Some orders happen immediately, while others take a little more time.\n        Check your order status if you don't recieve a confirmation in the next\n        24hours.</symphony-paragraph\n      >\n    </div>\n    <div class=\"sfx-mt-80\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n\n  <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showJobBoardsSelection\"\n    sfx-button-secondary\n    [text]=\"'Cancel'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n    sfx-button-primary\n    [text]=\"'Review Order'\"\n    [disabled]=\"isJobBoardNextButtonDisabled\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-back\n    [text]=\"'Edit Order'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-secondary\n    [text]=\"'Cancel'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-primary\n    [text]=\"'Buy'\"\n    [disabled]=\"false\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showConfirmation\"\n    sfx-button-primary\n    [text]=\"'Finish & Close'\"\n    [disabled]=\"false\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-confirmation-modal\n  *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n  (buttonClicked)=\"onButtonClick($event)\"\n  (closeButtonClicked)=\"onCloseButtonClick()\"\n  [model]=\"cancelContent\"\n>\n</symphony-confirmation-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}.posting-boards.phaser{overflow:hidden;padding:40px 80px;min-height:480px}.height-wrapper .order-summary,.height-wrapper .sfx-price-totals{padding:0}.height-wrapper .sfx-checkbox-list{min-height:480px}.light-grey-bg{background:#ebebeb}.center-h-v{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"], components: [{ type: i2.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: ["model"] }, { type: i6.TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: i7.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i8.AdvertisePostingboardSelectionListComponent, selector: "symphony-advertise-postingboard-selection-list", inputs: ["model"], outputs: ["postingBoardChange"] }, { type: i9.OrderSummaryComponent, selector: "symphony-order-summary", inputs: ["model"] }, { type: i10.PhaserCardComponent, selector: "symphony-phaser-card", inputs: ["model", "isClickable", "hasHover"], outputs: ["cardClicked", "cardHover"] }, { type: i11.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i12.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i13.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { type: i14.ConfirmationModalComponent, selector: "symphony-confirmation-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-advertise-modal', encapsulation: ViewEncapsulation.None, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n  <symphony-h4\n    *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n    sfx-modal-title\n    >Select Your Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n    >Review you Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n    >Confirmation of your Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n    >Processing Order...</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n    >Loading Job Boards...</symphony-h4\n  >\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n  </symphony-h5-with-icon>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n    [showHeader]=\"true\"\n    sfx-modal-body-area\n  >\n    <symphony-input-text\n      sfx-left-col-header\n      [placeholder]=\"'Search Ad Boards'\"\n      [icon]=\"'si-search-new'\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <div class=\"right-col-header-inner\" sfx-right-col-header>\n      <symphony-h5-with-icon\n        sfx-right-col-header\n        *ngIf=\"model.showFunds\"\n        class=\"pull-right\"\n        [model]=\"fundsInfo\"\n      ></symphony-h5-with-icon>\n    </div>\n    <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n      <symphony-advertise-postingboard-selection-list\n        [model]=\"model.jobBoards\"\n        (postingBoardChange)=\"onPostingBoardChange($event)\"\n      ></symphony-advertise-postingboard-selection-list>\n    </div>\n\n    <symphony-order-summary\n      sfx-right-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n  </symphony-two-column-body-template>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n    sfx-modal-body-area\n    class=\"height-wrapper\"\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n\n    <div\n      sfx-right-column\n      class=\"posting-boards phaser center-h-v light-grey-bg\"\n    >\n      <symphony-phaser-card [model]=\"phaserCardReview\"></symphony-phaser-card>\n    </div>\n  </symphony-two-column-body-template>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n    sfx-modal-body-area\n    class=\"height-wrapper\"\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n    <div\n      sfx-right-column\n      class=\"posting-boards phaser center-h-v light-grey-bg\"\n    >\n      <symphony-phaser-card\n        [model]=\"phaserCardConfirmation\"\n      ></symphony-phaser-card>\n    </div>\n  </symphony-two-column-body-template>\n\n  <div\n    *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n    sfx-modal-body-area\n    class=\"posting-boards sfx-p-30\"\n  >\n    <div class=\"processing-container\">\n      <symphony-paragraph\n        ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n        Some orders happen immediately, while others take a little more time.\n        Check your order status if you don't recieve a confirmation in the next\n        24hours.</symphony-paragraph\n      >\n    </div>\n    <div class=\"sfx-mt-80\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n\n  <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showJobBoardsSelection\"\n    sfx-button-secondary\n    [text]=\"'Cancel'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n    sfx-button-primary\n    [text]=\"'Review Order'\"\n    [disabled]=\"isJobBoardNextButtonDisabled\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-back\n    [text]=\"'Edit Order'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-secondary\n    [text]=\"'Cancel'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-primary\n    [text]=\"'Buy'\"\n    [disabled]=\"false\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showConfirmation\"\n    sfx-button-primary\n    [text]=\"'Finish & Close'\"\n    [disabled]=\"false\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-confirmation-modal\n  *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n  (buttonClicked)=\"onButtonClick($event)\"\n  (closeButtonClicked)=\"onCloseButtonClick()\"\n  [model]=\"cancelContent\"\n>\n</symphony-confirmation-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}.posting-boards.phaser{overflow:hidden;padding:40px 80px;min-height:480px}.height-wrapper .order-summary,.height-wrapper .sfx-price-totals{padding:0}.height-wrapper .sfx-checkbox-list{min-height:480px}.light-grey-bg{background:#ebebeb}.center-h-v{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"] }]

package/esm2020/lib/pages/modals/advertised-job-postings-modal/advertised-job-postings-modal.component.mjs

@@ -27,7 +27,7 @@ export class AdvertisedJobPostingsModalComponent {
     }
 }
 AdvertisedJobPostingsModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdvertisedJobPostingsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsModalComponent, selector: "symphony-advertised-job-postings-modal", inputs: { model: "model", gridDownloadModel: "gridDownloadModel" }, outputs: { keywordSearchChange: "keywordSearchChange", downloadClicked: "downloadClicked", closeButtonClicked: "closeButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-one-column-with-filter-modal-template *ngIf=\"model\">\n  <symphony-h4 sfx-modal-title>Advertised Jobs</symphony-h4>\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n\n  <symphony-input-text\n    sfx-filter-area\n    [placeholder]=\"'Keyword'\"\n    [icon]=\"'si-search-new'\"\n    [isInverse]=\"false\"\n    (textChange)=\"onKeywordSearch($event)\"\n  >\n  </symphony-input-text>\n\n  <symphony-grid-download\n    sfx-grid-download\n    [model]=\"model.gridDownloadModel\"\n    (clicked)=\"onDownloadClick()\"\n  >\n  </symphony-grid-download>\n\n  <symphony-grid\n    #sfxgrid\n    sfx-modal-body-area\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [rowSelectionMode]=\"'multiple'\"\n    [hasNoPaddingleft]=\"true\"\n  ></symphony-grid>\n</symphony-one-column-with-filter-modal-template>\n", styles: [".sfx-modal .ag-theme-alpine{max-height:500px!important}.sfx-modal .ag-theme-alpine .ag-center-cols-clipper .ag-cell{line-height:20px;display:block}.sfx-modal .input-text-wrap .input-text{margin-left:0!important}\n"], components: [{ type: i1.OneColumnWithFilterModalTemplateComponent, selector: "symphony-one-column-with-filter-modal-template" }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick"], outputs: ["textChange"] }, { type: i5.GridDownloadComponent, selector: "symphony-grid-download", inputs: ["model"], outputs: ["clicked"] }, { type: i6.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+AdvertisedJobPostingsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsModalComponent, selector: "symphony-advertised-job-postings-modal", inputs: { model: "model", gridDownloadModel: "gridDownloadModel" }, outputs: { keywordSearchChange: "keywordSearchChange", downloadClicked: "downloadClicked", closeButtonClicked: "closeButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-one-column-with-filter-modal-template *ngIf=\"model\">\n  <symphony-h4 sfx-modal-title>Advertised Jobs</symphony-h4>\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n\n  <symphony-input-text\n    sfx-filter-area\n    [placeholder]=\"'Keyword'\"\n    [icon]=\"'si-search-new'\"\n    [isInverse]=\"false\"\n    (textChange)=\"onKeywordSearch($event)\"\n  >\n  </symphony-input-text>\n\n  <symphony-grid-download\n    sfx-grid-download\n    [model]=\"model.gridDownloadModel\"\n    (clicked)=\"onDownloadClick()\"\n  >\n  </symphony-grid-download>\n\n  <symphony-grid\n    #sfxgrid\n    sfx-modal-body-area\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [rowSelectionMode]=\"'multiple'\"\n    [hasNoPaddingleft]=\"true\"\n  ></symphony-grid>\n</symphony-one-column-with-filter-modal-template>\n", styles: [".sfx-modal .ag-theme-alpine{max-height:500px!important}.sfx-modal .ag-theme-alpine .ag-center-cols-clipper .ag-cell{line-height:20px;display:block}.sfx-modal .input-text-wrap .input-text{margin-left:0!important}\n"], components: [{ type: i1.OneColumnWithFilterModalTemplateComponent, selector: "symphony-one-column-with-filter-modal-template" }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i5.GridDownloadComponent, selector: "symphony-grid-download", inputs: ["model"], outputs: ["clicked"] }, { type: i6.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-advertised-job-postings-modal', encapsulation: ViewEncapsulation.None, template: "<symphony-one-column-with-filter-modal-template *ngIf=\"model\">\n  <symphony-h4 sfx-modal-title>Advertised Jobs</symphony-h4>\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n\n  <symphony-input-text\n    sfx-filter-area\n    [placeholder]=\"'Keyword'\"\n    [icon]=\"'si-search-new'\"\n    [isInverse]=\"false\"\n    (textChange)=\"onKeywordSearch($event)\"\n  >\n  </symphony-input-text>\n\n  <symphony-grid-download\n    sfx-grid-download\n    [model]=\"model.gridDownloadModel\"\n    (clicked)=\"onDownloadClick()\"\n  >\n  </symphony-grid-download>\n\n  <symphony-grid\n    #sfxgrid\n    sfx-modal-body-area\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [rowSelectionMode]=\"'multiple'\"\n    [hasNoPaddingleft]=\"true\"\n  ></symphony-grid>\n</symphony-one-column-with-filter-modal-template>\n", styles: [".sfx-modal .ag-theme-alpine{max-height:500px!important}.sfx-modal .ag-theme-alpine .ag-center-cols-clipper .ag-cell{line-height:20px;display:block}.sfx-modal .input-text-wrap .input-text{margin-left:0!important}\n"] }]

package/esm2020/lib/pages/setting-list-page/setting-list-page.component.mjs

@@ -21,7 +21,7 @@ export class SettingListPageComponent {
     }
 }
 SettingListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SettingListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListPageComponent, selector: "symphony-setting-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".card-list{padding:5px}\n"], components: [{ type: i1.SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick"], outputs: ["textChange"] }, { type: i5.CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+SettingListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListPageComponent, selector: "symphony-setting-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".card-list{padding:5px}\n"], components: [{ type: i1.SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i5.CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-setting-list-page', encapsulation: ViewEncapsulation.None, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".card-list{padding:5px}\n"] }]