slick-components 4.5.6 → 4.5.7

package/fesm2020/slick-components.mjs

@@ -53,7 +53,7 @@ class SlickInitService {
         SlickInitService.getParams().errorLog = errorLog;
     }
 }
-SlickInitService.version = "4.5.6";
+SlickInitService.version = "4.5.7";
 /** @nocollapse */ SlickInitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SlickInitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 /** @nocollapse */ SlickInitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SlickInitService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SlickInitService, decorators: [{
@@ -7367,6 +7367,7 @@ class SlickSearchBarComponent {
         this.flex = '1 1';
         this.onAddClick = new EventEmitter();
         this.onEditClick = new EventEmitter();
+        this.onSearch = new EventEmitter();
         this.propagateChange = (_) => { };
     }
     ngOnInit() {
@@ -7376,7 +7377,6 @@ class SlickSearchBarComponent {
         this.setDefaults();
     }
     ngAfterViewInit() {
-        console.log(this.autofocus);
         if (this.autofocus === true) {
             setTimeout(() => {
                 this.slickSearchTextBoxRef.nativeElement.focus();
@@ -7395,11 +7395,13 @@ class SlickSearchBarComponent {
         else
             this.delay = parseInt((this.delay ?? '600').toString());
         this.placeholder = this.placeholder || 'Search...';
+        this.icon = this.icon || 'far fa-search';
     }
     onKeyDown() {
         clearTimeout(this.searchTimer);
         this.searchTimer = setTimeout(() => {
             this.propagateChange(this.searchText);
+            this.onSearch.emit(this.searchText);
         }, this.delay);
     }
     async writeValue(obj) {
@@ -7421,13 +7423,13 @@ class SlickSearchBarComponent {
     }
 }
 /** @nocollapse */ SlickSearchBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SlickSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickSearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SlickSearchBarComponent, selector: "slick-search-bar", inputs: { showAddButton: "showAddButton", disableAddButton: "disableAddButton", showEditButton: "showEditButton", disableEditButton: "disableEditButton", autofocus: "autofocus", delay: "delay", placeholder: "placeholder" }, outputs: { onAddClick: "onAddClick", onEditClick: "onEditClick" }, host: { properties: { "style.flex": "this.flex" } }, providers: [
+/** @nocollapse */ SlickSearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SlickSearchBarComponent, selector: "slick-search-bar", inputs: { showAddButton: "showAddButton", disableAddButton: "disableAddButton", showEditButton: "showEditButton", disableEditButton: "disableEditButton", autofocus: "autofocus", delay: "delay", placeholder: "placeholder", icon: "icon" }, outputs: { onAddClick: "onAddClick", onEditClick: "onEditClick", onSearch: "onSearch" }, host: { properties: { "style.flex": "this.flex" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef((() => SlickSearchBarComponent)),
             multi: true
         }
-    ], viewQueries: [{ propertyName: "slickSearchTextBoxRef", first: true, predicate: ["slickSearchTextBoxRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-search-bar border d-flex flex-fill bg-white\">\r\n\t<div class=\"px-0 ml-3 align-self-center\"><i class=\"far fa-search\"></i></div>\r\n\t<input #slickSearchTextBoxRef type=\"text\" class=\"form-control\" [(ngModel)]=\"searchText\" (keydown)=\"onKeyDown()\" [placeholder]=\"placeholder\" />\r\n\t<div *ngIf=\"(showAddButton || showEditButton)\" class=\"d-flex\">\r\n\t\t<div class=\"slick-search-bar_add-button ml-2\" *ngIf=\"showAddButton\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableAddButton\" (click)=\"onAddClicked()\"><i class=\"far fa-plus\"></i></button>\r\n\t\t</div>\r\n\t\t<div class=\"slick-search-bar_edit-button ml-2\" *ngIf=\"showEditButton\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableEditButton\" (click)=\"onEditClicked()\"><i class=\"far fa-pencil\"></i></button>\r\n\t\t</div>\r\n\t</div>\r\n\t<div style=\"width: 20px\"></div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    ], viewQueries: [{ propertyName: "slickSearchTextBoxRef", first: true, predicate: ["slickSearchTextBoxRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-search-bar border d-flex flex-fill bg-white\">\r\n\t<div class=\"px-0 ml-3 align-self-center form-control\" style=\"width: inherit; font-size: inherit; padding-top: 0.325rem; padding-bottom: 0.325rem;\"><i [ngClass]=\"icon\"></i></div>\r\n\t<input #slickSearchTextBoxRef type=\"text\" class=\"form-control\" [(ngModel)]=\"searchText\" (keydown)=\"onKeyDown()\" [placeholder]=\"placeholder\" />\r\n\t<div *ngIf=\"(showAddButton || showEditButton)\" class=\"d-flex\">\r\n\t\t<div class=\"slick-search-bar_add-button ml-2\" *ngIf=\"showAddButton\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableAddButton\" (click)=\"onAddClicked()\"><i class=\"far fa-plus\"></i></button>\r\n\t\t</div>\r\n\t\t<div class=\"slick-search-bar_edit-button ml-2\" *ngIf=\"showEditButton\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableEditButton\" (click)=\"onEditClicked()\"><i class=\"far fa-pencil\"></i></button>\r\n\t\t</div>\r\n\t</div>\r\n\t<div style=\"width: 20px\"></div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SlickSearchBarComponent, decorators: [{
             type: Component,
             args: [{ selector: "slick-search-bar", providers: [
@@ -7436,7 +7438,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                             useExisting: forwardRef((() => SlickSearchBarComponent)),
                             multi: true
                         }
-                    ], template: "<div class=\"slick-search-bar border d-flex flex-fill bg-white\">\r\n\t<div class=\"px-0 ml-3 align-self-center\"><i class=\"far fa-search\"></i></div>\r\n\t<input #slickSearchTextBoxRef type=\"text\" class=\"form-control\" [(ngModel)]=\"searchText\" (keydown)=\"onKeyDown()\" [placeholder]=\"placeholder\" />\r\n\t<div *ngIf=\"(showAddButton || showEditButton)\" class=\"d-flex\">\r\n\t\t<div class=\"slick-search-bar_add-button ml-2\" *ngIf=\"showAddButton\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableAddButton\" (click)=\"onAddClicked()\"><i class=\"far fa-plus\"></i></button>\r\n\t\t</div>\r\n\t\t<div class=\"slick-search-bar_edit-button ml-2\" *ngIf=\"showEditButton\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableEditButton\" (click)=\"onEditClicked()\"><i class=\"far fa-pencil\"></i></button>\r\n\t\t</div>\r\n\t</div>\r\n\t<div style=\"width: 20px\"></div>\r\n</div>\r\n" }]
+                    ], template: "<div class=\"slick-search-bar border d-flex flex-fill bg-white\">\r\n\t<div class=\"px-0 ml-3 align-self-center form-control\" style=\"width: inherit; font-size: inherit; padding-top: 0.325rem; padding-bottom: 0.325rem;\"><i [ngClass]=\"icon\"></i></div>\r\n\t<input #slickSearchTextBoxRef type=\"text\" class=\"form-control\" [(ngModel)]=\"searchText\" (keydown)=\"onKeyDown()\" [placeholder]=\"placeholder\" />\r\n\t<div *ngIf=\"(showAddButton || showEditButton)\" class=\"d-flex\">\r\n\t\t<div class=\"slick-search-bar_add-button ml-2\" *ngIf=\"showAddButton\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableAddButton\" (click)=\"onAddClicked()\"><i class=\"far fa-plus\"></i></button>\r\n\t\t</div>\r\n\t\t<div class=\"slick-search-bar_edit-button ml-2\" *ngIf=\"showEditButton\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableEditButton\" (click)=\"onEditClicked()\"><i class=\"far fa-pencil\"></i></button>\r\n\t\t</div>\r\n\t</div>\r\n\t<div style=\"width: 20px\"></div>\r\n</div>\r\n" }]
         }], propDecorators: { flex: [{
                 type: HostBinding,
                 args: ['style.flex']
@@ -7454,10 +7456,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 type: Input
             }], placeholder: [{
                 type: Input
+            }], icon: [{
+                type: Input
             }], onAddClick: [{
                 type: Output
             }], onEditClick: [{
                 type: Output
+            }], onSearch: [{
+                type: Output
             }], slickSearchTextBoxRef: [{
                 type: ViewChild,
                 args: ["slickSearchTextBoxRef"]